markdown-flow-ui 0.2.14 → 0.2.16-dev.1

package/dist/components/ContentRender/plugins/MermaidChart.es.js

@@ -1,70 +1,94 @@
-import { j as e } from "../../../_virtual/jsx-runtime.es.js";
-import v, { useState as i, useEffect as w } from "react";
-import d from "../../../node_modules/mermaid/dist/mermaid.core.es.js";
-import { CJK_SAFE_SANS_FONT_FAMILY as h } from "../cjkFontFamily.es.js";
-const c = {
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import S, { useState as l, useEffect as _ } from "react";
+import c from "../../../node_modules/mermaid/dist/mermaid.core.es.js";
+import { CJK_SAFE_SANS_FONT_FAMILY as p } from "../cjkFontFamily.es.js";
+const d = {
   emptyChart: "Empty chart content",
   loading: "Loading Mermaid chart...",
+  error: "Unable to display the Mermaid chart",
   badge: "mermaid"
-}, g = (r) => r.trim().replace(/^_streaming\s*/i, ""), N = ({
-  chart: r,
-  messages: a,
-  frozen: l
+}, f = (e) => e.trim().replace(/^_streaming\s*/i, ""), v = ({
+  chart: e,
+  messages: r,
+  frozen: g
 }) => {
-  const [m, s] = i(""), [p, n] = i(""), [y, x] = i(!1), f = async () => {
+  const [h, s] = l(""), [y, o] = l(""), [u, b] = l(!1), C = async () => {
     try {
-      const t = g(r);
-      if (!t) {
-        n(a?.emptyChart ?? c.emptyChart), s("");
+      const a = f(e);
+      if (!a) {
+        o(""), s("");
         return;
       }
-      d.initialize({
+      c.initialize({
         startOnLoad: !1,
         theme: "default",
         securityLevel: "loose",
-        fontFamily: h,
+        fontFamily: p,
         themeVariables: {
-          fontFamily: h
+          fontFamily: p
         }
       });
       try {
-        await d.parse(t);
-      } catch (b) {
-        const j = String(b).toLowerCase();
-        n(j), s(""), x(!0);
+        await c.parse(a);
+      } catch (x) {
+        const N = String(x).toLowerCase();
+        o(N), s(""), b(!0);
         return;
       }
-      const o = `mermaid-${Date.now()}`, { svg: u } = await d.render(o, t);
-      s(u), n("");
-    } catch (t) {
-      const o = String(t).toLowerCase();
-      n(o), s("");
+      const n = `mermaid-${Date.now()}`, { svg: w } = await c.render(n, a);
+      s(w), o("");
+    } catch (a) {
+      const n = String(a).toLowerCase();
+      o(n), s("");
     }
   };
-  if (w(() => {
-    l && y || f();
-  }, [r, l]), p) {
-    const t = g(r) || r.trim();
-    return /* @__PURE__ */ e.jsxs("div", { className: "my-4 border border-gray-200 rounded-lg bg-gray-50", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "px-4 py-3 bg-gray-100 border-b border-gray-200 flex items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx("span", { className: "text-yellow-600", children: "⚠️" }),
-        /* @__PURE__ */ e.jsx("span", { className: "text-sm text-yellow-700 font-medium whitespace-pre-wrap", children: p })
-      ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ e.jsx("pre", { className: "p-4 text-sm font-mono text-yellow-800", children: /* @__PURE__ */ e.jsx("code", { children: t }) }),
-        /* @__PURE__ */ e.jsx("div", { className: "absolute top-2 right-2 px-2 py-1 text-xs text-yellow-700 bg-white/90 rounded border border-gray-200", children: a?.badge ?? c.badge })
-      ] })
-    ] });
+  _(() => {
+    g && u || C();
+  }, [e, g]);
+  const i = f(e);
+  if (y || !i) {
+    const a = i || e.trim();
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        className: "my-4 border border-gray-200 rounded-lg bg-gray-50",
+        "data-mermaid-error": y || void 0,
+        children: [
+          /* @__PURE__ */ m("div", { className: "px-4 py-3 bg-gray-100 border-b border-gray-200 flex items-center gap-2", children: [
+            /* @__PURE__ */ t("span", { className: "text-yellow-600", children: "⚠️" }),
+            /* @__PURE__ */ t(
+              "span",
+              {
+                dir: "auto",
+                className: "text-sm text-yellow-700 font-medium whitespace-pre-wrap",
+                children: i ? r?.error ?? d.error : r?.emptyChart ?? d.emptyChart
+              }
+            )
+          ] }),
+          /* @__PURE__ */ m("div", { className: "relative", children: [
+            /* @__PURE__ */ t(
+              "pre",
+              {
+                dir: "ltr",
+                className: "p-4 text-sm font-mono text-yellow-800 text-start [unicode-bidi:isolate]",
+                children: /* @__PURE__ */ t("code", { children: a })
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "absolute top-2 right-2 px-2 py-1 text-xs text-yellow-700 bg-white/90 rounded border border-gray-200", children: r?.badge ?? d.badge })
+          ] })
+        ]
+      }
+    );
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "my-4 text-center overflow-auto content-render-mermaid", children: m ? /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ t("div", { className: "my-4 text-center overflow-auto content-render-mermaid", children: h ? /* @__PURE__ */ t(
     "div",
     {
       className: "content-render-mermaid-inner",
-      dangerouslySetInnerHTML: { __html: m }
+      dangerouslySetInnerHTML: { __html: h }
     }
-  ) : /* @__PURE__ */ e.jsx("div", { className: "py-8 text-gray-500 italic", children: a?.loading ?? c.loading }) });
-}, L = v.memo(N, (r, a) => r.chart === a.chart && r.frozen === a.frozen);
+  ) : /* @__PURE__ */ t("div", { className: "py-8 text-gray-500 italic", children: r?.loading ?? d.loading }) });
+}, A = S.memo(v, (e, r) => e.chart === r.chart && e.frozen === r.frozen && e.messages?.emptyChart === r.messages?.emptyChart && e.messages?.loading === r.messages?.loading && e.messages?.error === r.messages?.error && e.messages?.badge === r.messages?.badge);
 export {
-  L as default
+  A as default
 };
 //# sourceMappingURL=MermaidChart.es.js.map

package/dist/components/ContentRender/plugins/MermaidChart.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MermaidChart.es.js","sources":["../../../../src/components/ContentRender/plugins/MermaidChart.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport mermaid from \"mermaid\";\nimport { CJK_SAFE_SANS_FONT_FAMILY } from \"../cjkFontFamily\";\n\nexport interface MermaidChartProps {\n  chart: string;\n  messages?: {\n    emptyChart?: string;\n    loading?: string;\n    badge?: string;\n  };\n  frozen?: boolean;\n}\n\nconst DEFAULT_MESSAGES = {\n  emptyChart: \"Empty chart content\",\n  loading: \"Loading Mermaid chart...\",\n  badge: \"mermaid\",\n} as const;\n\nconst preprocessChart = (raw: string) =>\n  raw.trim().replace(/^_streaming\\s*/i, \"\");\n\nconst MermaidChart: React.FC<MermaidChartProps> = ({\n  chart,\n  messages,\n  frozen,\n}) => {\n  const [svg, setSvg] = useState(\"\");\n  const [error, setError] = useState(\"\");\n  const [hasRendered, setHasRendered] = useState(false);\n\n  const renderChart = async () => {\n    try {\n      const cleaned = preprocessChart(chart);\n\n      if (!cleaned) {\n        setError(messages?.emptyChart ?? DEFAULT_MESSAGES.emptyChart);\n        setSvg(\"\");\n        return;\n      }\n\n      // Initialize Mermaid with an explicit CJK-safe font stack.\n      // Using a concrete stack avoids clipping caused by `inherit` resolving to\n      // Storybook's default font during off-screen rendering.\n      mermaid.initialize({\n        startOnLoad: false,\n        theme: \"default\",\n        securityLevel: \"loose\",\n        fontFamily: CJK_SAFE_SANS_FONT_FAMILY,\n        themeVariables: {\n          fontFamily: CJK_SAFE_SANS_FONT_FAMILY,\n        },\n      });\n\n      // use mermaid.parse to check for errors\n      try {\n        await mermaid.parse(cleaned);\n      } catch (parseErr) {\n        const parseErrorMsg = String(parseErr).toLowerCase();\n        setError(parseErrorMsg);\n        setSvg(\"\");\n        // once render success, setHasRendered flag\n        setHasRendered(true);\n        return;\n      }\n\n      const id = `mermaid-${Date.now()}`;\n\n      // Render the chart\n      const { svg: renderedSvg } = await mermaid.render(id, cleaned);\n      setSvg(renderedSvg);\n      setError(\"\");\n    } catch (err) {\n      const errorMsg = String(err).toLowerCase();\n      setError(errorMsg);\n      setSvg(\"\");\n    }\n  };\n\n  useEffect(() => {\n    if (frozen && hasRendered) return; // 核心：被冻结就不渲染\n    renderChart();\n  }, [chart, frozen]);\n\n  if (error) {\n    const displayChart = preprocessChart(chart) || chart.trim();\n    return (\n      <div className=\"my-4 border border-gray-200 rounded-lg bg-gray-50\">\n        <div className=\"px-4 py-3 bg-gray-100 border-b border-gray-200 flex items-center gap-2\">\n          <span className=\"text-yellow-600\">⚠️</span>\n          <span className=\"text-sm text-yellow-700 font-medium whitespace-pre-wrap\">\n            {error}\n          </span>\n        </div>\n        <div className=\"relative\">\n          <pre className=\"p-4 text-sm font-mono text-yellow-800\">\n            <code>{displayChart}</code>\n          </pre>\n          <div className=\"absolute top-2 right-2 px-2 py-1 text-xs text-yellow-700 bg-white/90 rounded border border-gray-200\">\n            {messages?.badge ?? DEFAULT_MESSAGES.badge}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"my-4 text-center overflow-auto content-render-mermaid\">\n      {svg ? (\n        <div\n          className=\"content-render-mermaid-inner\"\n          dangerouslySetInnerHTML={{ __html: svg }}\n        />\n      ) : (\n        <div className=\"py-8 text-gray-500 italic\">\n          {messages?.loading ?? DEFAULT_MESSAGES.loading}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default React.memo(MermaidChart, (prev, next) => {\n  return prev.chart === next.chart && prev.frozen === next.frozen;\n});\n"],"names":["DEFAULT_MESSAGES","preprocessChart","raw","MermaidChart","chart","messages","frozen","svg","setSvg","useState","error","setError","hasRendered","setHasRendered","renderChart","cleaned","mermaid","CJK_SAFE_SANS_FONT_FAMILY","parseErr","parseErrorMsg","id","renderedSvg","err","errorMsg","useEffect","displayChart","jsxs","jsx","MermaidChart$1","React","prev","next"],"mappings":"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"}
+{"version":3,"file":"MermaidChart.es.js","sources":["../../../../src/components/ContentRender/plugins/MermaidChart.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport mermaid from \"mermaid\";\nimport { CJK_SAFE_SANS_FONT_FAMILY } from \"../cjkFontFamily\";\n\nexport interface MermaidChartProps {\n  chart: string;\n  messages?: {\n    emptyChart?: string;\n    loading?: string;\n    error?: string;\n    badge?: string;\n  };\n  frozen?: boolean;\n}\n\nconst DEFAULT_MESSAGES = {\n  emptyChart: \"Empty chart content\",\n  loading: \"Loading Mermaid chart...\",\n  error: \"Unable to display the Mermaid chart\",\n  badge: \"mermaid\",\n} as const;\n\nconst preprocessChart = (raw: string) =>\n  raw.trim().replace(/^_streaming\\s*/i, \"\");\n\nconst MermaidChart: React.FC<MermaidChartProps> = ({\n  chart,\n  messages,\n  frozen,\n}) => {\n  const [svg, setSvg] = useState(\"\");\n  const [error, setError] = useState(\"\");\n  const [hasRendered, setHasRendered] = useState(false);\n\n  const renderChart = async () => {\n    try {\n      const cleaned = preprocessChart(chart);\n\n      if (!cleaned) {\n        setError(\"\");\n        setSvg(\"\");\n        return;\n      }\n\n      // Initialize Mermaid with an explicit CJK-safe font stack.\n      // Using a concrete stack avoids clipping caused by `inherit` resolving to\n      // Storybook's default font during off-screen rendering.\n      mermaid.initialize({\n        startOnLoad: false,\n        theme: \"default\",\n        securityLevel: \"loose\",\n        fontFamily: CJK_SAFE_SANS_FONT_FAMILY,\n        themeVariables: {\n          fontFamily: CJK_SAFE_SANS_FONT_FAMILY,\n        },\n      });\n\n      // use mermaid.parse to check for errors\n      try {\n        await mermaid.parse(cleaned);\n      } catch (parseErr) {\n        const parseErrorMsg = String(parseErr).toLowerCase();\n        setError(parseErrorMsg);\n        setSvg(\"\");\n        // once render success, setHasRendered flag\n        setHasRendered(true);\n        return;\n      }\n\n      const id = `mermaid-${Date.now()}`;\n\n      // Render the chart\n      const { svg: renderedSvg } = await mermaid.render(id, cleaned);\n      setSvg(renderedSvg);\n      setError(\"\");\n    } catch (err) {\n      const errorMsg = String(err).toLowerCase();\n      setError(errorMsg);\n      setSvg(\"\");\n    }\n  };\n\n  useEffect(() => {\n    if (frozen && hasRendered) return; // 核心：被冻结就不渲染\n    renderChart();\n  }, [chart, frozen]);\n\n  const cleanedChart = preprocessChart(chart);\n  if (error || !cleanedChart) {\n    const displayChart = cleanedChart || chart.trim();\n    return (\n      <div\n        className=\"my-4 border border-gray-200 rounded-lg bg-gray-50\"\n        data-mermaid-error={error || undefined}\n      >\n        <div className=\"px-4 py-3 bg-gray-100 border-b border-gray-200 flex items-center gap-2\">\n          <span className=\"text-yellow-600\">⚠️</span>\n          <span\n            dir=\"auto\"\n            className=\"text-sm text-yellow-700 font-medium whitespace-pre-wrap\"\n          >\n            {cleanedChart\n              ? (messages?.error ?? DEFAULT_MESSAGES.error)\n              : (messages?.emptyChart ?? DEFAULT_MESSAGES.emptyChart)}\n          </span>\n        </div>\n        <div className=\"relative\">\n          <pre\n            dir=\"ltr\"\n            className=\"p-4 text-sm font-mono text-yellow-800 text-start [unicode-bidi:isolate]\"\n          >\n            <code>{displayChart}</code>\n          </pre>\n          <div className=\"absolute top-2 right-2 px-2 py-1 text-xs text-yellow-700 bg-white/90 rounded border border-gray-200\">\n            {messages?.badge ?? DEFAULT_MESSAGES.badge}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"my-4 text-center overflow-auto content-render-mermaid\">\n      {svg ? (\n        <div\n          className=\"content-render-mermaid-inner\"\n          dangerouslySetInnerHTML={{ __html: svg }}\n        />\n      ) : (\n        <div className=\"py-8 text-gray-500 italic\">\n          {messages?.loading ?? DEFAULT_MESSAGES.loading}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default React.memo(MermaidChart, (prev, next) => {\n  return (\n    prev.chart === next.chart &&\n    prev.frozen === next.frozen &&\n    prev.messages?.emptyChart === next.messages?.emptyChart &&\n    prev.messages?.loading === next.messages?.loading &&\n    prev.messages?.error === next.messages?.error &&\n    prev.messages?.badge === next.messages?.badge\n  );\n});\n"],"names":["DEFAULT_MESSAGES","preprocessChart","raw","MermaidChart","chart","messages","frozen","svg","setSvg","useState","error","setError","hasRendered","setHasRendered","renderChart","cleaned","mermaid","CJK_SAFE_SANS_FONT_FAMILY","parseErr","parseErrorMsg","id","renderedSvg","err","errorMsg","useEffect","cleanedChart","displayChart","jsxs","jsx","MermaidChart$1","React","prev","next"],"mappings":"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"}

package/dist/components/ContentRender/typewriterPacing.fixtures.d.ts

@@ -0,0 +1,14 @@
+import { MarkdownFlowLocale } from '../../lib/locale.js';
+export declare const TYPEWRITER_PACING_FIXTURE_LENGTHS: readonly ["short", "medium", "long"];
+export type TypewriterPacingFixtureLength = (typeof TYPEWRITER_PACING_FIXTURE_LENGTHS)[number];
+export declare const TYPEWRITER_PACING_LANGUAGE_CODES: readonly ["zh", "en", "fr", "ar", "th"];
+export type TypewriterPacingLanguageCode = (typeof TYPEWRITER_PACING_LANGUAGE_CODES)[number];
+export interface TypewriterPacingLanguage {
+    code: TypewriterPacingLanguageCode;
+    label: string;
+    locale: MarkdownFlowLocale;
+    lang: string;
+    dir: "ltr" | "rtl";
+}
+export declare const TYPEWRITER_PACING_LANGUAGES: readonly TypewriterPacingLanguage[];
+export declare const TYPEWRITER_PACING_FIXTURES: Record<TypewriterPacingFixtureLength, Record<TypewriterPacingLanguageCode, string>>;

package/dist/components/ContentRender/utils/typewriter-pacing.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=200,i={han:100,latin:28,arabic:34,thai:42,otherLetterOrNumber:35,punctuationOrEmoji:100,whitespace:0},R="‍",h="\r",w=`
+`,g=new RegExp("\\p{Grapheme_Extend}","u"),N=new RegExp("\\p{Mark}","u"),C=new RegExp("\\p{Spacing_Mark}","u"),y=/^\s+$/u,f=new RegExp("\\p{Script_Extensions=Han}","u"),I=new RegExp("\\p{Script_Extensions=Latin}","u"),d=new RegExp("\\p{Script_Extensions=Arabic}","u"),k=new RegExp("\\p{Script_Extensions=Thai}","u"),S=/[\p{Letter}\p{Number}]/u,P=/[\p{Punctuation}\p{Symbol}]/u,O=new RegExp("\\p{Extended_Pictographic}","u");let c;const b=()=>{if(c!==void 0)return c;const e=typeof Intl>"u"?void 0:Intl.Segmenter;return c=e?new e(void 0,{granularity:"grapheme"}):null,c},a=(e,n,r)=>{const t=e.codePointAt(0);return t!==void 0&&t>=n&&t<=r},T=e=>a(e,127462,127487),G=e=>a(e,65024,65039)||a(e,917760,917999),u=e=>a(e,127995,127999),M=e=>a(e,917536,917631),x=e=>g.test(e)||N.test(e)||C.test(e)||G(e)||u(e)||M(e)||e==="⃣"||e==="ำ",E=e=>{const n=Array.from(e),r=[];for(let t=0;t<n.length;t+=1){let s=n[t];if(s===h&&n[t+1]===w){s+=n[t+1],t+=1,r.push(s);continue}if(T(s)&&T(n[t+1]||"")){s+=n[t+1],t+=1,r.push(s);continue}for(;t+1<n.length;){const o=n[t+1];if(x(o)){s+=o,t+=1;continue}if(o===R){s+=o,t+=1,t+1<n.length&&(s+=n[t+1],t+=1);continue}break}r.push(s)}return r},p=(e,n)=>{const r=b();return r?Array.from(r.segment(e),({segment:t})=>t):E(e)},H=e=>O.test(e)||Array.from(e).some(n=>T(n)||u(n)||n==="⃣"),A=e=>y.test(e)?i.whitespace:H(e)||P.test(e)?i.punctuationOrEmoji:f.test(e)?i.han:I.test(e)?i.latin:d.test(e)?i.arabic:k.test(e)?i.thai:S.test(e)?i.otherLetterOrNumber:i.punctuationOrEmoji,l=(e,n)=>p(e).map(r=>({text:r,cost:A(r)})),_=(e,n)=>({tokens:l(e),head:0}),L=e=>e.head>=e.tokens.length,Q=(e,n,r)=>{if(!n)return e;const t=e.tokens.slice(e.head);if(t.length===0)return _(n);const s=t[t.length-1],o=l(`${s.text}${n}`);return{tokens:[...t.slice(0,-1),...o],head:0}},j=(e,n)=>{let r=e.head,t=Math.max(0,n),s="";for(;r<e.tokens.length;){const o=e.tokens[r];if(o.cost>t)break;s+=o.text,t-=o.cost,r+=1}return{chunk:s,queue:{tokens:e.tokens,head:r},remainingBudget:t}};exports.CONTENT_AWARE_TYPEWRITER_TICK_BUDGET=m;exports.appendContentAwareTypewriterQueue=Q;exports.consumeContentAwareTypewriterQueue=j;exports.createContentAwareTypewriterQueue=_;exports.fallbackSegmentTypewriterGraphemes=E;exports.getContentAwareTypewriterCost=A;exports.isContentAwareTypewriterQueueEmpty=L;exports.segmentTypewriterGraphemes=p;
+//# sourceMappingURL=typewriter-pacing.cjs.map

package/dist/components/ContentRender/utils/typewriter-pacing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter-pacing.cjs","sources":["../../../../src/components/ContentRender/utils/typewriter-pacing.ts"],"sourcesContent":["export const CONTENT_AWARE_TYPEWRITER_TICK_BUDGET = 200;\n\nconst TYPEWRITER_GRAPHEME_COST = {\n  han: 100,\n  latin: 28,\n  arabic: 34,\n  thai: 42,\n  otherLetterOrNumber: 35,\n  punctuationOrEmoji: 100,\n  whitespace: 0,\n} as const;\n\nconst ZERO_WIDTH_JOINER = \"\\u200d\";\nconst CARRIAGE_RETURN = \"\\r\";\nconst LINE_FEED = \"\\n\";\n\nconst GRAPHEME_EXTEND_PATTERN = /\\p{Grapheme_Extend}/u;\nconst MARK_PATTERN = /\\p{Mark}/u;\nconst SPACING_MARK_PATTERN = /\\p{Spacing_Mark}/u;\nconst WHITESPACE_PATTERN = /^\\s+$/u;\nconst HAN_PATTERN = /\\p{Script_Extensions=Han}/u;\nconst LATIN_PATTERN = /\\p{Script_Extensions=Latin}/u;\nconst ARABIC_PATTERN = /\\p{Script_Extensions=Arabic}/u;\nconst THAI_PATTERN = /\\p{Script_Extensions=Thai}/u;\nconst LETTER_OR_NUMBER_PATTERN = /[\\p{Letter}\\p{Number}]/u;\nconst PUNCTUATION_OR_SYMBOL_PATTERN = /[\\p{Punctuation}\\p{Symbol}]/u;\nconst EXTENDED_PICTOGRAPHIC_PATTERN = /\\p{Extended_Pictographic}/u;\n\nexport interface TypewriterGraphemeSegmenter {\n  segment(input: string): Iterable<{ segment: string }>;\n}\n\nexport interface ContentAwareTypewriterToken {\n  text: string;\n  cost: number;\n}\n\nexport interface ContentAwareTypewriterQueue {\n  tokens: readonly ContentAwareTypewriterToken[];\n  head: number;\n}\n\nexport interface ContentAwareTypewriterConsumption {\n  chunk: string;\n  queue: ContentAwareTypewriterQueue;\n  remainingBudget: number;\n}\n\nlet cachedIntlSegmenter: TypewriterGraphemeSegmenter | null | undefined;\n\nconst getIntlSegmenter = (): TypewriterGraphemeSegmenter | null => {\n  if (cachedIntlSegmenter !== undefined) {\n    return cachedIntlSegmenter;\n  }\n\n  const Segmenter =\n    typeof Intl === \"undefined\"\n      ? undefined\n      : (Intl as typeof Intl & { Segmenter?: typeof Intl.Segmenter }).Segmenter;\n\n  cachedIntlSegmenter = Segmenter\n    ? new Segmenter(undefined, { granularity: \"grapheme\" })\n    : null;\n  return cachedIntlSegmenter;\n};\n\nconst isCodePointInRange = (codePoint: string, start: number, end: number) => {\n  const value = codePoint.codePointAt(0);\n  return value !== undefined && value >= start && value <= end;\n};\n\nconst isRegionalIndicator = (codePoint: string) =>\n  isCodePointInRange(codePoint, 0x1f1e6, 0x1f1ff);\n\nconst isVariationSelector = (codePoint: string) =>\n  isCodePointInRange(codePoint, 0xfe00, 0xfe0f) ||\n  isCodePointInRange(codePoint, 0xe0100, 0xe01ef);\n\nconst isEmojiModifier = (codePoint: string) =>\n  isCodePointInRange(codePoint, 0x1f3fb, 0x1f3ff);\n\nconst isEmojiTag = (codePoint: string) =>\n  isCodePointInRange(codePoint, 0xe0020, 0xe007f);\n\nconst isFallbackExtend = (codePoint: string) =>\n  GRAPHEME_EXTEND_PATTERN.test(codePoint) ||\n  MARK_PATTERN.test(codePoint) ||\n  SPACING_MARK_PATTERN.test(codePoint) ||\n  isVariationSelector(codePoint) ||\n  isEmojiModifier(codePoint) ||\n  isEmojiTag(codePoint) ||\n  codePoint === \"\\u20e3\" ||\n  codePoint === \"\\u0e33\";\n\nexport const fallbackSegmentTypewriterGraphemes = (value: string) => {\n  const codePoints = Array.from(value);\n  const graphemes: string[] = [];\n\n  for (let index = 0; index < codePoints.length; index += 1) {\n    let grapheme = codePoints[index];\n\n    if (grapheme === CARRIAGE_RETURN && codePoints[index + 1] === LINE_FEED) {\n      grapheme += codePoints[index + 1];\n      index += 1;\n      graphemes.push(grapheme);\n      continue;\n    }\n\n    if (\n      isRegionalIndicator(grapheme) &&\n      isRegionalIndicator(codePoints[index + 1] || \"\")\n    ) {\n      grapheme += codePoints[index + 1];\n      index += 1;\n      graphemes.push(grapheme);\n      continue;\n    }\n\n    while (index + 1 < codePoints.length) {\n      const nextCodePoint = codePoints[index + 1];\n\n      if (isFallbackExtend(nextCodePoint)) {\n        grapheme += nextCodePoint;\n        index += 1;\n        continue;\n      }\n\n      if (nextCodePoint === ZERO_WIDTH_JOINER) {\n        grapheme += nextCodePoint;\n        index += 1;\n\n        if (index + 1 < codePoints.length) {\n          grapheme += codePoints[index + 1];\n          index += 1;\n        }\n\n        continue;\n      }\n\n      break;\n    }\n\n    graphemes.push(grapheme);\n  }\n\n  return graphemes;\n};\n\nexport const segmentTypewriterGraphemes = (\n  value: string,\n  segmenter?: TypewriterGraphemeSegmenter | null\n) => {\n  const resolvedSegmenter =\n    segmenter === undefined ? getIntlSegmenter() : segmenter;\n\n  if (!resolvedSegmenter) {\n    return fallbackSegmentTypewriterGraphemes(value);\n  }\n\n  return Array.from(resolvedSegmenter.segment(value), ({ segment }) => segment);\n};\n\nconst isEmojiGrapheme = (grapheme: string) =>\n  EXTENDED_PICTOGRAPHIC_PATTERN.test(grapheme) ||\n  Array.from(grapheme).some(\n    (codePoint) =>\n      isRegionalIndicator(codePoint) ||\n      isEmojiModifier(codePoint) ||\n      codePoint === \"\\u20e3\"\n  );\n\nexport const getContentAwareTypewriterCost = (grapheme: string) => {\n  if (WHITESPACE_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.whitespace;\n  }\n\n  if (\n    isEmojiGrapheme(grapheme) ||\n    PUNCTUATION_OR_SYMBOL_PATTERN.test(grapheme)\n  ) {\n    return TYPEWRITER_GRAPHEME_COST.punctuationOrEmoji;\n  }\n\n  if (HAN_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.han;\n  }\n\n  if (LATIN_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.latin;\n  }\n\n  if (ARABIC_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.arabic;\n  }\n\n  if (THAI_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.thai;\n  }\n\n  if (LETTER_OR_NUMBER_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.otherLetterOrNumber;\n  }\n\n  return TYPEWRITER_GRAPHEME_COST.punctuationOrEmoji;\n};\n\nconst tokenizeContentAwareTypewriterText = (\n  value: string,\n  segmenter?: TypewriterGraphemeSegmenter | null\n) =>\n  segmentTypewriterGraphemes(value, segmenter).map((text) => ({\n    text,\n    cost: getContentAwareTypewriterCost(text),\n  }));\n\nexport const createContentAwareTypewriterQueue = (\n  value: string,\n  segmenter?: TypewriterGraphemeSegmenter | null\n): ContentAwareTypewriterQueue => ({\n  tokens: tokenizeContentAwareTypewriterText(value, segmenter),\n  head: 0,\n});\n\nexport const isContentAwareTypewriterQueueEmpty = (\n  queue: ContentAwareTypewriterQueue\n) => queue.head >= queue.tokens.length;\n\nexport const appendContentAwareTypewriterQueue = (\n  queue: ContentAwareTypewriterQueue,\n  suffix: string,\n  segmenter?: TypewriterGraphemeSegmenter | null\n): ContentAwareTypewriterQueue => {\n  if (!suffix) {\n    return queue;\n  }\n\n  const remainingTokens = queue.tokens.slice(queue.head);\n  if (remainingTokens.length === 0) {\n    return createContentAwareTypewriterQueue(suffix, segmenter);\n  }\n\n  const lastToken = remainingTokens[remainingTokens.length - 1];\n  const repairedTail = tokenizeContentAwareTypewriterText(\n    `${lastToken.text}${suffix}`,\n    segmenter\n  );\n\n  return {\n    tokens: [...remainingTokens.slice(0, -1), ...repairedTail],\n    head: 0,\n  };\n};\n\nexport const consumeContentAwareTypewriterQueue = (\n  queue: ContentAwareTypewriterQueue,\n  availableBudget: number\n): ContentAwareTypewriterConsumption => {\n  let head = queue.head;\n  let remainingBudget = Math.max(0, availableBudget);\n  let chunk = \"\";\n\n  while (head < queue.tokens.length) {\n    const token = queue.tokens[head];\n    if (token.cost > remainingBudget) {\n      break;\n    }\n\n    chunk += token.text;\n    remainingBudget -= token.cost;\n    head += 1;\n  }\n\n  return {\n    chunk,\n    queue: {\n      tokens: queue.tokens,\n      head,\n    },\n    remainingBudget,\n  };\n};\n\nexport const getContentAwareTypewriterTickCount = (\n  value: string,\n  segmenter?: TypewriterGraphemeSegmenter | null\n) => {\n  let queue = createContentAwareTypewriterQueue(value, segmenter);\n  let budget = 0;\n  let ticks = 0;\n\n  while (!isContentAwareTypewriterQueueEmpty(queue)) {\n    budget += CONTENT_AWARE_TYPEWRITER_TICK_BUDGET;\n    const result = consumeContentAwareTypewriterQueue(queue, budget);\n\n    if (!result.chunk) {\n      throw new Error(\"Typewriter pacing could not consume the next grapheme\");\n    }\n\n    queue = result.queue;\n    budget = result.remainingBudget;\n    ticks += 1;\n  }\n\n  return ticks;\n};\n"],"names":["CONTENT_AWARE_TYPEWRITER_TICK_BUDGET","TYPEWRITER_GRAPHEME_COST","ZERO_WIDTH_JOINER","CARRIAGE_RETURN","LINE_FEED","GRAPHEME_EXTEND_PATTERN","MARK_PATTERN","SPACING_MARK_PATTERN","WHITESPACE_PATTERN","HAN_PATTERN","LATIN_PATTERN","ARABIC_PATTERN","THAI_PATTERN","LETTER_OR_NUMBER_PATTERN","PUNCTUATION_OR_SYMBOL_PATTERN","EXTENDED_PICTOGRAPHIC_PATTERN","cachedIntlSegmenter","getIntlSegmenter","Segmenter","isCodePointInRange","codePoint","start","end","value","isRegionalIndicator","isVariationSelector","isEmojiModifier","isEmojiTag","isFallbackExtend","fallbackSegmentTypewriterGraphemes","codePoints","graphemes","index","grapheme","nextCodePoint","segmentTypewriterGraphemes","segmenter","resolvedSegmenter","segment","isEmojiGrapheme","getContentAwareTypewriterCost","tokenizeContentAwareTypewriterText","text","createContentAwareTypewriterQueue","isContentAwareTypewriterQueueEmpty","queue","appendContentAwareTypewriterQueue","suffix","remainingTokens","lastToken","repairedTail","consumeContentAwareTypewriterQueue","availableBudget","head","remainingBudget","chunk","token"],"mappings":"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"}

package/dist/components/ContentRender/utils/typewriter-pacing.d.ts

@@ -0,0 +1,27 @@
+export declare const CONTENT_AWARE_TYPEWRITER_TICK_BUDGET = 200;
+export interface TypewriterGraphemeSegmenter {
+    segment(input: string): Iterable<{
+        segment: string;
+    }>;
+}
+export interface ContentAwareTypewriterToken {
+    text: string;
+    cost: number;
+}
+export interface ContentAwareTypewriterQueue {
+    tokens: readonly ContentAwareTypewriterToken[];
+    head: number;
+}
+export interface ContentAwareTypewriterConsumption {
+    chunk: string;
+    queue: ContentAwareTypewriterQueue;
+    remainingBudget: number;
+}
+export declare const fallbackSegmentTypewriterGraphemes: (value: string) => string[];
+export declare const segmentTypewriterGraphemes: (value: string, segmenter?: TypewriterGraphemeSegmenter | null) => string[];
+export declare const getContentAwareTypewriterCost: (grapheme: string) => 0 | 100 | 28 | 34 | 42 | 35;
+export declare const createContentAwareTypewriterQueue: (value: string, segmenter?: TypewriterGraphemeSegmenter | null) => ContentAwareTypewriterQueue;
+export declare const isContentAwareTypewriterQueueEmpty: (queue: ContentAwareTypewriterQueue) => boolean;
+export declare const appendContentAwareTypewriterQueue: (queue: ContentAwareTypewriterQueue, suffix: string, segmenter?: TypewriterGraphemeSegmenter | null) => ContentAwareTypewriterQueue;
+export declare const consumeContentAwareTypewriterQueue: (queue: ContentAwareTypewriterQueue, availableBudget: number) => ContentAwareTypewriterConsumption;
+export declare const getContentAwareTypewriterTickCount: (value: string, segmenter?: TypewriterGraphemeSegmenter | null) => number;

package/dist/components/ContentRender/utils/typewriter-pacing.es.js

@@ -0,0 +1,98 @@
+const H = 200, i = {
+  han: 100,
+  latin: 28,
+  arabic: 34,
+  thai: 42,
+  otherLetterOrNumber: 35,
+  punctuationOrEmoji: 100,
+  whitespace: 0
+}, p = "‍", A = "\r", l = `
+`, _ = new RegExp("\\p{Grapheme_Extend}", "u"), R = new RegExp("\\p{Mark}", "u"), m = new RegExp("\\p{Spacing_Mark}", "u"), h = /^\s+$/u, N = new RegExp("\\p{Script_Extensions=Han}", "u"), g = new RegExp("\\p{Script_Extensions=Latin}", "u"), f = new RegExp("\\p{Script_Extensions=Arabic}", "u"), I = new RegExp("\\p{Script_Extensions=Thai}", "u"), k = /[\p{Letter}\p{Number}]/u, w = /[\p{Punctuation}\p{Symbol}]/u, C = new RegExp("\\p{Extended_Pictographic}", "u");
+let a;
+const d = () => {
+  if (a !== void 0)
+    return a;
+  const t = typeof Intl > "u" ? void 0 : Intl.Segmenter;
+  return a = t ? new t(void 0, { granularity: "grapheme" }) : null, a;
+}, c = (t, n, r) => {
+  const e = t.codePointAt(0);
+  return e !== void 0 && e >= n && e <= r;
+}, T = (t) => c(t, 127462, 127487), S = (t) => c(t, 65024, 65039) || c(t, 917760, 917999), E = (t) => c(t, 127995, 127999), P = (t) => c(t, 917536, 917631), y = (t) => _.test(t) || R.test(t) || m.test(t) || S(t) || E(t) || P(t) || t === "⃣" || t === "ำ", O = (t) => {
+  const n = Array.from(t), r = [];
+  for (let e = 0; e < n.length; e += 1) {
+    let s = n[e];
+    if (s === A && n[e + 1] === l) {
+      s += n[e + 1], e += 1, r.push(s);
+      continue;
+    }
+    if (T(s) && T(n[e + 1] || "")) {
+      s += n[e + 1], e += 1, r.push(s);
+      continue;
+    }
+    for (; e + 1 < n.length; ) {
+      const o = n[e + 1];
+      if (y(o)) {
+        s += o, e += 1;
+        continue;
+      }
+      if (o === p) {
+        s += o, e += 1, e + 1 < n.length && (s += n[e + 1], e += 1);
+        continue;
+      }
+      break;
+    }
+    r.push(s);
+  }
+  return r;
+}, b = (t, n) => {
+  const r = d();
+  return r ? Array.from(r.segment(t), ({ segment: e }) => e) : O(t);
+}, x = (t) => C.test(t) || Array.from(t).some(
+  (n) => T(n) || E(n) || n === "⃣"
+), G = (t) => h.test(t) ? i.whitespace : x(t) || w.test(t) ? i.punctuationOrEmoji : N.test(t) ? i.han : g.test(t) ? i.latin : f.test(t) ? i.arabic : I.test(t) ? i.thai : k.test(t) ? i.otherLetterOrNumber : i.punctuationOrEmoji, u = (t, n) => b(t).map((r) => ({
+  text: r,
+  cost: G(r)
+})), M = (t, n) => ({
+  tokens: u(t),
+  head: 0
+}), L = (t) => t.head >= t.tokens.length, j = (t, n, r) => {
+  if (!n)
+    return t;
+  const e = t.tokens.slice(t.head);
+  if (e.length === 0)
+    return M(n);
+  const s = e[e.length - 1], o = u(
+    `${s.text}${n}`
+  );
+  return {
+    tokens: [...e.slice(0, -1), ...o],
+    head: 0
+  };
+}, D = (t, n) => {
+  let r = t.head, e = Math.max(0, n), s = "";
+  for (; r < t.tokens.length; ) {
+    const o = t.tokens[r];
+    if (o.cost > e)
+      break;
+    s += o.text, e -= o.cost, r += 1;
+  }
+  return {
+    chunk: s,
+    queue: {
+      tokens: t.tokens,
+      head: r
+    },
+    remainingBudget: e
+  };
+};
+export {
+  H as CONTENT_AWARE_TYPEWRITER_TICK_BUDGET,
+  j as appendContentAwareTypewriterQueue,
+  D as consumeContentAwareTypewriterQueue,
+  M as createContentAwareTypewriterQueue,
+  O as fallbackSegmentTypewriterGraphemes,
+  G as getContentAwareTypewriterCost,
+  L as isContentAwareTypewriterQueueEmpty,
+  b as segmentTypewriterGraphemes
+};
+//# sourceMappingURL=typewriter-pacing.es.js.map

package/dist/components/ContentRender/utils/typewriter-pacing.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter-pacing.es.js","sources":["../../../../src/components/ContentRender/utils/typewriter-pacing.ts"],"sourcesContent":["export const CONTENT_AWARE_TYPEWRITER_TICK_BUDGET = 200;\n\nconst TYPEWRITER_GRAPHEME_COST = {\n  han: 100,\n  latin: 28,\n  arabic: 34,\n  thai: 42,\n  otherLetterOrNumber: 35,\n  punctuationOrEmoji: 100,\n  whitespace: 0,\n} as const;\n\nconst ZERO_WIDTH_JOINER = \"\\u200d\";\nconst CARRIAGE_RETURN = \"\\r\";\nconst LINE_FEED = \"\\n\";\n\nconst GRAPHEME_EXTEND_PATTERN = /\\p{Grapheme_Extend}/u;\nconst MARK_PATTERN = /\\p{Mark}/u;\nconst SPACING_MARK_PATTERN = /\\p{Spacing_Mark}/u;\nconst WHITESPACE_PATTERN = /^\\s+$/u;\nconst HAN_PATTERN = /\\p{Script_Extensions=Han}/u;\nconst LATIN_PATTERN = /\\p{Script_Extensions=Latin}/u;\nconst ARABIC_PATTERN = /\\p{Script_Extensions=Arabic}/u;\nconst THAI_PATTERN = /\\p{Script_Extensions=Thai}/u;\nconst LETTER_OR_NUMBER_PATTERN = /[\\p{Letter}\\p{Number}]/u;\nconst PUNCTUATION_OR_SYMBOL_PATTERN = /[\\p{Punctuation}\\p{Symbol}]/u;\nconst EXTENDED_PICTOGRAPHIC_PATTERN = /\\p{Extended_Pictographic}/u;\n\nexport interface TypewriterGraphemeSegmenter {\n  segment(input: string): Iterable<{ segment: string }>;\n}\n\nexport interface ContentAwareTypewriterToken {\n  text: string;\n  cost: number;\n}\n\nexport interface ContentAwareTypewriterQueue {\n  tokens: readonly ContentAwareTypewriterToken[];\n  head: number;\n}\n\nexport interface ContentAwareTypewriterConsumption {\n  chunk: string;\n  queue: ContentAwareTypewriterQueue;\n  remainingBudget: number;\n}\n\nlet cachedIntlSegmenter: TypewriterGraphemeSegmenter | null | undefined;\n\nconst getIntlSegmenter = (): TypewriterGraphemeSegmenter | null => {\n  if (cachedIntlSegmenter !== undefined) {\n    return cachedIntlSegmenter;\n  }\n\n  const Segmenter =\n    typeof Intl === \"undefined\"\n      ? undefined\n      : (Intl as typeof Intl & { Segmenter?: typeof Intl.Segmenter }).Segmenter;\n\n  cachedIntlSegmenter = Segmenter\n    ? new Segmenter(undefined, { granularity: \"grapheme\" })\n    : null;\n  return cachedIntlSegmenter;\n};\n\nconst isCodePointInRange = (codePoint: string, start: number, end: number) => {\n  const value = codePoint.codePointAt(0);\n  return value !== undefined && value >= start && value <= end;\n};\n\nconst isRegionalIndicator = (codePoint: string) =>\n  isCodePointInRange(codePoint, 0x1f1e6, 0x1f1ff);\n\nconst isVariationSelector = (codePoint: string) =>\n  isCodePointInRange(codePoint, 0xfe00, 0xfe0f) ||\n  isCodePointInRange(codePoint, 0xe0100, 0xe01ef);\n\nconst isEmojiModifier = (codePoint: string) =>\n  isCodePointInRange(codePoint, 0x1f3fb, 0x1f3ff);\n\nconst isEmojiTag = (codePoint: string) =>\n  isCodePointInRange(codePoint, 0xe0020, 0xe007f);\n\nconst isFallbackExtend = (codePoint: string) =>\n  GRAPHEME_EXTEND_PATTERN.test(codePoint) ||\n  MARK_PATTERN.test(codePoint) ||\n  SPACING_MARK_PATTERN.test(codePoint) ||\n  isVariationSelector(codePoint) ||\n  isEmojiModifier(codePoint) ||\n  isEmojiTag(codePoint) ||\n  codePoint === \"\\u20e3\" ||\n  codePoint === \"\\u0e33\";\n\nexport const fallbackSegmentTypewriterGraphemes = (value: string) => {\n  const codePoints = Array.from(value);\n  const graphemes: string[] = [];\n\n  for (let index = 0; index < codePoints.length; index += 1) {\n    let grapheme = codePoints[index];\n\n    if (grapheme === CARRIAGE_RETURN && codePoints[index + 1] === LINE_FEED) {\n      grapheme += codePoints[index + 1];\n      index += 1;\n      graphemes.push(grapheme);\n      continue;\n    }\n\n    if (\n      isRegionalIndicator(grapheme) &&\n      isRegionalIndicator(codePoints[index + 1] || \"\")\n    ) {\n      grapheme += codePoints[index + 1];\n      index += 1;\n      graphemes.push(grapheme);\n      continue;\n    }\n\n    while (index + 1 < codePoints.length) {\n      const nextCodePoint = codePoints[index + 1];\n\n      if (isFallbackExtend(nextCodePoint)) {\n        grapheme += nextCodePoint;\n        index += 1;\n        continue;\n      }\n\n      if (nextCodePoint === ZERO_WIDTH_JOINER) {\n        grapheme += nextCodePoint;\n        index += 1;\n\n        if (index + 1 < codePoints.length) {\n          grapheme += codePoints[index + 1];\n          index += 1;\n        }\n\n        continue;\n      }\n\n      break;\n    }\n\n    graphemes.push(grapheme);\n  }\n\n  return graphemes;\n};\n\nexport const segmentTypewriterGraphemes = (\n  value: string,\n  segmenter?: TypewriterGraphemeSegmenter | null\n) => {\n  const resolvedSegmenter =\n    segmenter === undefined ? getIntlSegmenter() : segmenter;\n\n  if (!resolvedSegmenter) {\n    return fallbackSegmentTypewriterGraphemes(value);\n  }\n\n  return Array.from(resolvedSegmenter.segment(value), ({ segment }) => segment);\n};\n\nconst isEmojiGrapheme = (grapheme: string) =>\n  EXTENDED_PICTOGRAPHIC_PATTERN.test(grapheme) ||\n  Array.from(grapheme).some(\n    (codePoint) =>\n      isRegionalIndicator(codePoint) ||\n      isEmojiModifier(codePoint) ||\n      codePoint === \"\\u20e3\"\n  );\n\nexport const getContentAwareTypewriterCost = (grapheme: string) => {\n  if (WHITESPACE_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.whitespace;\n  }\n\n  if (\n    isEmojiGrapheme(grapheme) ||\n    PUNCTUATION_OR_SYMBOL_PATTERN.test(grapheme)\n  ) {\n    return TYPEWRITER_GRAPHEME_COST.punctuationOrEmoji;\n  }\n\n  if (HAN_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.han;\n  }\n\n  if (LATIN_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.latin;\n  }\n\n  if (ARABIC_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.arabic;\n  }\n\n  if (THAI_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.thai;\n  }\n\n  if (LETTER_OR_NUMBER_PATTERN.test(grapheme)) {\n    return TYPEWRITER_GRAPHEME_COST.otherLetterOrNumber;\n  }\n\n  return TYPEWRITER_GRAPHEME_COST.punctuationOrEmoji;\n};\n\nconst tokenizeContentAwareTypewriterText = (\n  value: string,\n  segmenter?: TypewriterGraphemeSegmenter | null\n) =>\n  segmentTypewriterGraphemes(value, segmenter).map((text) => ({\n    text,\n    cost: getContentAwareTypewriterCost(text),\n  }));\n\nexport const createContentAwareTypewriterQueue = (\n  value: string,\n  segmenter?: TypewriterGraphemeSegmenter | null\n): ContentAwareTypewriterQueue => ({\n  tokens: tokenizeContentAwareTypewriterText(value, segmenter),\n  head: 0,\n});\n\nexport const isContentAwareTypewriterQueueEmpty = (\n  queue: ContentAwareTypewriterQueue\n) => queue.head >= queue.tokens.length;\n\nexport const appendContentAwareTypewriterQueue = (\n  queue: ContentAwareTypewriterQueue,\n  suffix: string,\n  segmenter?: TypewriterGraphemeSegmenter | null\n): ContentAwareTypewriterQueue => {\n  if (!suffix) {\n    return queue;\n  }\n\n  const remainingTokens = queue.tokens.slice(queue.head);\n  if (remainingTokens.length === 0) {\n    return createContentAwareTypewriterQueue(suffix, segmenter);\n  }\n\n  const lastToken = remainingTokens[remainingTokens.length - 1];\n  const repairedTail = tokenizeContentAwareTypewriterText(\n    `${lastToken.text}${suffix}`,\n    segmenter\n  );\n\n  return {\n    tokens: [...remainingTokens.slice(0, -1), ...repairedTail],\n    head: 0,\n  };\n};\n\nexport const consumeContentAwareTypewriterQueue = (\n  queue: ContentAwareTypewriterQueue,\n  availableBudget: number\n): ContentAwareTypewriterConsumption => {\n  let head = queue.head;\n  let remainingBudget = Math.max(0, availableBudget);\n  let chunk = \"\";\n\n  while (head < queue.tokens.length) {\n    const token = queue.tokens[head];\n    if (token.cost > remainingBudget) {\n      break;\n    }\n\n    chunk += token.text;\n    remainingBudget -= token.cost;\n    head += 1;\n  }\n\n  return {\n    chunk,\n    queue: {\n      tokens: queue.tokens,\n      head,\n    },\n    remainingBudget,\n  };\n};\n\nexport const getContentAwareTypewriterTickCount = (\n  value: string,\n  segmenter?: TypewriterGraphemeSegmenter | null\n) => {\n  let queue = createContentAwareTypewriterQueue(value, segmenter);\n  let budget = 0;\n  let ticks = 0;\n\n  while (!isContentAwareTypewriterQueueEmpty(queue)) {\n    budget += CONTENT_AWARE_TYPEWRITER_TICK_BUDGET;\n    const result = consumeContentAwareTypewriterQueue(queue, budget);\n\n    if (!result.chunk) {\n      throw new Error(\"Typewriter pacing could not consume the next grapheme\");\n    }\n\n    queue = result.queue;\n    budget = result.remainingBudget;\n    ticks += 1;\n  }\n\n  return ticks;\n};\n"],"names":["CONTENT_AWARE_TYPEWRITER_TICK_BUDGET","TYPEWRITER_GRAPHEME_COST","ZERO_WIDTH_JOINER","CARRIAGE_RETURN","LINE_FEED","GRAPHEME_EXTEND_PATTERN","MARK_PATTERN","SPACING_MARK_PATTERN","WHITESPACE_PATTERN","HAN_PATTERN","LATIN_PATTERN","ARABIC_PATTERN","THAI_PATTERN","LETTER_OR_NUMBER_PATTERN","PUNCTUATION_OR_SYMBOL_PATTERN","EXTENDED_PICTOGRAPHIC_PATTERN","cachedIntlSegmenter","getIntlSegmenter","Segmenter","isCodePointInRange","codePoint","start","end","value","isRegionalIndicator","isVariationSelector","isEmojiModifier","isEmojiTag","isFallbackExtend","fallbackSegmentTypewriterGraphemes","codePoints","graphemes","index","grapheme","nextCodePoint","segmentTypewriterGraphemes","segmenter","resolvedSegmenter","segment","isEmojiGrapheme","getContentAwareTypewriterCost","tokenizeContentAwareTypewriterText","text","createContentAwareTypewriterQueue","isContentAwareTypewriterQueueEmpty","queue","appendContentAwareTypewriterQueue","suffix","remainingTokens","lastToken","repairedTail","consumeContentAwareTypewriterQueue","availableBudget","head","remainingBudget","chunk","token"],"mappings":"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"}

package/dist/components/ContentRender/utils/typewriter-pacing.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/MarkdownFlow/MarkdownFlow.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs"),p=require("../ContentRender/ContentRender.cjs");require("react");require("react-dom/client");require("../ContentRender/contentRenderI18n.cjs");require("../ui/inputGroup/input-group.cjs");;/* empty css                   */const S=({initialContentList:r=[],locale:u,customRenderBar:s,onSend:d,confirmButtonText:i,copyButtonText:a,copiedButtonText:n,beforeSend:l,interactionDefaultValueOptions:o})=>t.jsxRuntimeExports.jsx("div",{className:"markdown-flow",children:r.map((e,m)=>{const c=e.isFinished??!1?void 0:d,x=l??(()=>!0);return t.jsxRuntimeExports.jsx(p.default,{content:e.content,userInput:e.userInput,defaultInputText:e.defaultInputText,defaultButtonText:e.defaultButtonText,defaultSelectedValues:e.defaultSelectedValues,readonly:e.readonly,customRenderBar:e.customRenderBar||s,onSend:c,beforeSend:x,locale:u,interactionDefaultValueOptions:o,onClickCustomButtonAfterContent:e.onClickCustomButtonAfterContent,confirmButtonText:i,copyButtonText:a,copiedButtonText:n,dynamicInteractionFormat:e.dynamicInteractionFormat},m)})});exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),d=require("../../lib/locale.cjs"),x=require("../ContentRender/ContentRender.cjs");require("react");require("react-dom/client");require("../ui/inputGroup/input-group.cjs");;/* empty css                   */const C=({initialContentList:i=[],locale:t,lang:r,dir:u,customRenderBar:n,onSend:s,confirmButtonText:l,copyButtonText:o,copiedButtonText:c,beforeSend:m,interactionDefaultValueOptions:w})=>a.jsx("div",{className:"markdown-flow",dir:u??d.getMarkdownFlowDirection(t),lang:r??d.getMarkdownFlowLanguage(t),children:i.map((e,F)=>{const S=e.isFinished??!1?void 0:s,q=m??(()=>!0);return a.jsx(x.default,{content:e.content,userInput:e.userInput,defaultInputText:e.defaultInputText,defaultButtonText:e.defaultButtonText,defaultSelectedValues:e.defaultSelectedValues,readonly:e.readonly,customRenderBar:e.customRenderBar||n,onSend:S,beforeSend:q,locale:t,lang:r,dir:u,interactionDefaultValueOptions:w,onClickCustomButtonAfterContent:e.onClickCustomButtonAfterContent,confirmButtonText:l,copyButtonText:o,copiedButtonText:c,dynamicInteractionFormat:e.dynamicInteractionFormat},F)})});exports.default=C;
 //# sourceMappingURL=MarkdownFlow.cjs.map

package/dist/components/MarkdownFlow/MarkdownFlow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownFlow.cjs","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InteractionDefaultValueOptions } from \"../../lib/interaction-defaults\";\nimport type { MarkdownFlowLocale } from \"../../lib/locale\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n  initialContentList?: {\n    content: string;\n    isFinished?: boolean;\n    userInput?: string;\n    defaultInputText?: string;\n    defaultButtonText?: string;\n    defaultSelectedValues?: string[];\n    readonly?: boolean;\n    customRenderBar?: CustomRenderBarProps;\n    onClickCustomButtonAfterContent?: () => void;\n    dynamicInteractionFormat?: string;\n  }[];\n  /** Locale used for built-in UI text when a more specific text prop is not provided. */\n  locale?: MarkdownFlowLocale;\n  customRenderBar?: CustomRenderBarProps;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text for code blocks\n  copyButtonText?: string;\n  // Copied state text for code blocks\n  copiedButtonText?: string;\n  beforeSend?: (content: OnSendContentParams) => boolean;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n  initialContentList = [],\n  locale,\n  customRenderBar,\n  onSend: onSendProp,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend: beforeSendProp,\n  interactionDefaultValueOptions,\n}) => {\n  return (\n    <div className=\"markdown-flow\">\n      {initialContentList.map((contentInfo, index) => {\n        const isFinished = contentInfo.isFinished ?? false;\n        const onSend = isFinished ? undefined : onSendProp;\n        const beforeSend = beforeSendProp ?? (() => true);\n        return (\n          <ContentRender\n            key={index}\n            content={contentInfo.content}\n            userInput={contentInfo.userInput}\n            defaultInputText={contentInfo.defaultInputText}\n            defaultButtonText={contentInfo.defaultButtonText}\n            defaultSelectedValues={contentInfo.defaultSelectedValues}\n            readonly={contentInfo.readonly}\n            customRenderBar={contentInfo.customRenderBar || customRenderBar}\n            onSend={onSend}\n            beforeSend={beforeSend}\n            locale={locale}\n            interactionDefaultValueOptions={interactionDefaultValueOptions}\n            onClickCustomButtonAfterContent={\n              contentInfo.onClickCustomButtonAfterContent\n            }\n            confirmButtonText={confirmButtonText}\n            copyButtonText={copyButtonText}\n            copiedButtonText={copiedButtonText}\n            dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","locale","customRenderBar","onSendProp","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","interactionDefaultValueOptions","jsx","contentInfo","index","onSend","beforeSend","ContentRender"],"mappings":"2XAkCA,MAAMA,EAA4C,CAAC,CACjD,mBAAAC,EAAqB,CAAA,EACrB,OAAAC,EACA,gBAAAC,EACA,OAAQC,EACR,kBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,WAAYC,EACZ,+BAAAC,CACF,IAEIC,wBAAC,OAAI,UAAU,gBACZ,WAAmB,IAAI,CAACC,EAAaC,IAAU,CAE9C,MAAMC,EADaF,EAAY,YAAc,GACjB,OAAYP,EAClCU,EAAaN,IAAmB,IAAM,IAC5C,OACEE,EAAAA,kBAAAA,IAACK,EAAAA,QAAA,CAEC,QAASJ,EAAY,QACrB,UAAWA,EAAY,UACvB,iBAAkBA,EAAY,iBAC9B,kBAAmBA,EAAY,kBAC/B,sBAAuBA,EAAY,sBACnC,SAAUA,EAAY,SACtB,gBAAiBA,EAAY,iBAAmBR,EAChD,OAAAU,EACA,WAAAC,EACA,OAAAZ,EACA,+BAAAO,EACA,gCACEE,EAAY,gCAEd,kBAAAN,EACA,eAAAC,EACA,iBAAAC,EACA,yBAA0BI,EAAY,wBAAA,EAlBjCC,CAAA,CAqBX,CAAC,CAAA,CACH"}
+{"version":3,"file":"MarkdownFlow.cjs","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InteractionDefaultValueOptions } from \"../../lib/interaction-defaults\";\nimport {\n  getMarkdownFlowDirection,\n  getMarkdownFlowLanguage,\n  type MarkdownFlowLocale,\n} from \"../../lib/locale\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n  initialContentList?: {\n    content: string;\n    isFinished?: boolean;\n    userInput?: string;\n    defaultInputText?: string;\n    defaultButtonText?: string;\n    defaultSelectedValues?: string[];\n    readonly?: boolean;\n    customRenderBar?: CustomRenderBarProps;\n    onClickCustomButtonAfterContent?: () => void;\n    dynamicInteractionFormat?: string;\n  }[];\n  /**\n   * Locale used for built-in UI text when a more specific text prop is not provided.\n   * Arabic sets RTL direction; other supported locales set LTR direction.\n   * When omitted, direction is inherited from the host and UI text uses the default locale.\n   */\n  locale?: MarkdownFlowLocale;\n  /** Overrides the locale-derived language. */\n  lang?: string;\n  /** Overrides the locale-derived direction. */\n  dir?: React.HTMLAttributes<HTMLDivElement>[\"dir\"];\n  customRenderBar?: CustomRenderBarProps;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text for code blocks\n  copyButtonText?: string;\n  // Copied state text for code blocks\n  copiedButtonText?: string;\n  beforeSend?: (content: OnSendContentParams) => boolean;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n  initialContentList = [],\n  locale,\n  lang,\n  dir,\n  customRenderBar,\n  onSend: onSendProp,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend: beforeSendProp,\n  interactionDefaultValueOptions,\n}) => {\n  return (\n    <div\n      className=\"markdown-flow\"\n      dir={dir ?? getMarkdownFlowDirection(locale)}\n      lang={lang ?? getMarkdownFlowLanguage(locale)}\n    >\n      {initialContentList.map((contentInfo, index) => {\n        const isFinished = contentInfo.isFinished ?? false;\n        const onSend = isFinished ? undefined : onSendProp;\n        const beforeSend = beforeSendProp ?? (() => true);\n        return (\n          <ContentRender\n            key={index}\n            content={contentInfo.content}\n            userInput={contentInfo.userInput}\n            defaultInputText={contentInfo.defaultInputText}\n            defaultButtonText={contentInfo.defaultButtonText}\n            defaultSelectedValues={contentInfo.defaultSelectedValues}\n            readonly={contentInfo.readonly}\n            customRenderBar={contentInfo.customRenderBar || customRenderBar}\n            onSend={onSend}\n            beforeSend={beforeSend}\n            locale={locale}\n            lang={lang}\n            dir={dir}\n            interactionDefaultValueOptions={interactionDefaultValueOptions}\n            onClickCustomButtonAfterContent={\n              contentInfo.onClickCustomButtonAfterContent\n            }\n            confirmButtonText={confirmButtonText}\n            copyButtonText={copyButtonText}\n            copiedButtonText={copiedButtonText}\n            dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","locale","lang","dir","customRenderBar","onSendProp","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","interactionDefaultValueOptions","jsx","getMarkdownFlowDirection","getMarkdownFlowLanguage","contentInfo","index","onSend","beforeSend","ContentRender"],"mappings":"8VA8CA,MAAMA,EAA4C,CAAC,CACjD,mBAAAC,EAAqB,CAAA,EAAC,OACtBC,EACA,KAAAC,EACA,IAAAC,EACA,gBAAAC,EACA,OAAQC,EACR,kBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,WAAYC,EACZ,+BAAAC,CACF,IAEIC,EAAAA,IAAC,MAAA,CACC,UAAU,gBACV,IAAKR,GAAOS,EAAAA,yBAAyBX,CAAM,EAC3C,KAAMC,GAAQW,EAAAA,wBAAwBZ,CAAM,EAE3C,SAAAD,EAAmB,IAAI,CAACc,EAAaC,IAAU,CAE9C,MAAMC,EADaF,EAAY,YAAc,GACjB,OAAYT,EAClCY,EAAaR,IAAmB,IAAM,IAC5C,OACEE,EAAAA,IAACO,EAAAA,QAAA,CAEC,QAASJ,EAAY,QACrB,UAAWA,EAAY,UACvB,iBAAkBA,EAAY,iBAC9B,kBAAmBA,EAAY,kBAC/B,sBAAuBA,EAAY,sBACnC,SAAUA,EAAY,SACtB,gBAAiBA,EAAY,iBAAmBV,EAChD,OAAAY,EACA,WAAAC,EAAA,OACAhB,EACA,KAAAC,EACA,IAAAC,EACA,+BAAAO,EACA,gCACEI,EAAY,gCAEd,kBAAAR,EACA,eAAAC,EACA,iBAAAC,EACA,yBAA0BM,EAAY,wBAAA,EApBjCC,CAAA,CAuBX,CAAC,CAAA,CAAA"}

package/dist/components/MarkdownFlow/MarkdownFlow.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { InteractionDefaultValueOptions } from '../../lib/interaction-defaults';
-import { MarkdownFlowLocale } from '../../lib/locale';
-import { CustomRenderBarProps, OnSendContentParams } from '../types';
+import { InteractionDefaultValueOptions } from '../../lib/interaction-defaults.js';
+import { MarkdownFlowLocale } from '../../lib/locale.js';
+import { CustomRenderBarProps, OnSendContentParams } from '../types.js';
 export interface MarkdownFlowProps {
     initialContentList?: {
         content: string;
@@ -15,8 +15,16 @@ export interface MarkdownFlowProps {
         onClickCustomButtonAfterContent?: () => void;
         dynamicInteractionFormat?: string;
     }[];
-    /** Locale used for built-in UI text when a more specific text prop is not provided. */
+    /**
+     * Locale used for built-in UI text when a more specific text prop is not provided.
+     * Arabic sets RTL direction; other supported locales set LTR direction.
+     * When omitted, direction is inherited from the host and UI text uses the default locale.
+     */
     locale?: MarkdownFlowLocale;
+    /** Overrides the locale-derived language. */
+    lang?: string;
+    /** Overrides the locale-derived direction. */
+    dir?: React.HTMLAttributes<HTMLDivElement>["dir"];
     customRenderBar?: CustomRenderBarProps;
     onSend?: (content: OnSendContentParams) => void;
     confirmButtonText?: string;

package/dist/components/MarkdownFlow/MarkdownFlow.es.js

@@ -1,46 +1,58 @@
-import { j as t } from "../../_virtual/jsx-runtime.es.js";
-import x from "../ContentRender/ContentRender.es.js";
+import { jsx as o } from "react/jsx-runtime";
+import { getMarkdownFlowLanguage as f, getMarkdownFlowDirection as C } from "../../lib/locale.es.js";
+import k from "../ContentRender/ContentRender.es.js";
 import "react";
 import "react-dom/client";
-import "../ContentRender/contentRenderI18n.es.js";
 import "../ui/inputGroup/input-group.es.js";
 /* empty css                    */
-const w = ({
-  initialContentList: r = [],
-  locale: d,
-  customRenderBar: a,
-  onSend: o,
-  confirmButtonText: s,
-  copyButtonText: u,
-  copiedButtonText: i,
-  beforeSend: n,
-  interactionDefaultValueOptions: m
-}) => /* @__PURE__ */ t.jsx("div", { className: "markdown-flow", children: r.map((e, l) => {
-  const p = e.isFinished ?? !1 ? void 0 : o, c = n ?? (() => !0);
-  return /* @__PURE__ */ t.jsx(
-    x,
-    {
-      content: e.content,
-      userInput: e.userInput,
-      defaultInputText: e.defaultInputText,
-      defaultButtonText: e.defaultButtonText,
-      defaultSelectedValues: e.defaultSelectedValues,
-      readonly: e.readonly,
-      customRenderBar: e.customRenderBar || a,
-      onSend: p,
-      beforeSend: c,
-      locale: d,
-      interactionDefaultValueOptions: m,
-      onClickCustomButtonAfterContent: e.onClickCustomButtonAfterContent,
-      confirmButtonText: s,
-      copyButtonText: u,
-      copiedButtonText: i,
-      dynamicInteractionFormat: e.dynamicInteractionFormat
-    },
-    l
-  );
-}) });
+const R = ({
+  initialContentList: a = [],
+  locale: t,
+  lang: r,
+  dir: d,
+  customRenderBar: i,
+  onSend: u,
+  confirmButtonText: n,
+  copyButtonText: s,
+  copiedButtonText: m,
+  beforeSend: l,
+  interactionDefaultValueOptions: p
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: "markdown-flow",
+    dir: d ?? C(t),
+    lang: r ?? f(t),
+    children: a.map((e, c) => {
+      const w = e.isFinished ?? !1 ? void 0 : u, F = l ?? (() => !0);
+      return /* @__PURE__ */ o(
+        k,
+        {
+          content: e.content,
+          userInput: e.userInput,
+          defaultInputText: e.defaultInputText,
+          defaultButtonText: e.defaultButtonText,
+          defaultSelectedValues: e.defaultSelectedValues,
+          readonly: e.readonly,
+          customRenderBar: e.customRenderBar || i,
+          onSend: w,
+          beforeSend: F,
+          locale: t,
+          lang: r,
+          dir: d,
+          interactionDefaultValueOptions: p,
+          onClickCustomButtonAfterContent: e.onClickCustomButtonAfterContent,
+          confirmButtonText: n,
+          copyButtonText: s,
+          copiedButtonText: m,
+          dynamicInteractionFormat: e.dynamicInteractionFormat
+        },
+        c
+      );
+    })
+  }
+);
 export {
-  w as default
+  R as default
 };
 //# sourceMappingURL=MarkdownFlow.es.js.map

package/dist/components/MarkdownFlow/MarkdownFlow.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownFlow.es.js","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InteractionDefaultValueOptions } from \"../../lib/interaction-defaults\";\nimport type { MarkdownFlowLocale } from \"../../lib/locale\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n  initialContentList?: {\n    content: string;\n    isFinished?: boolean;\n    userInput?: string;\n    defaultInputText?: string;\n    defaultButtonText?: string;\n    defaultSelectedValues?: string[];\n    readonly?: boolean;\n    customRenderBar?: CustomRenderBarProps;\n    onClickCustomButtonAfterContent?: () => void;\n    dynamicInteractionFormat?: string;\n  }[];\n  /** Locale used for built-in UI text when a more specific text prop is not provided. */\n  locale?: MarkdownFlowLocale;\n  customRenderBar?: CustomRenderBarProps;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text for code blocks\n  copyButtonText?: string;\n  // Copied state text for code blocks\n  copiedButtonText?: string;\n  beforeSend?: (content: OnSendContentParams) => boolean;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n  initialContentList = [],\n  locale,\n  customRenderBar,\n  onSend: onSendProp,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend: beforeSendProp,\n  interactionDefaultValueOptions,\n}) => {\n  return (\n    <div className=\"markdown-flow\">\n      {initialContentList.map((contentInfo, index) => {\n        const isFinished = contentInfo.isFinished ?? false;\n        const onSend = isFinished ? undefined : onSendProp;\n        const beforeSend = beforeSendProp ?? (() => true);\n        return (\n          <ContentRender\n            key={index}\n            content={contentInfo.content}\n            userInput={contentInfo.userInput}\n            defaultInputText={contentInfo.defaultInputText}\n            defaultButtonText={contentInfo.defaultButtonText}\n            defaultSelectedValues={contentInfo.defaultSelectedValues}\n            readonly={contentInfo.readonly}\n            customRenderBar={contentInfo.customRenderBar || customRenderBar}\n            onSend={onSend}\n            beforeSend={beforeSend}\n            locale={locale}\n            interactionDefaultValueOptions={interactionDefaultValueOptions}\n            onClickCustomButtonAfterContent={\n              contentInfo.onClickCustomButtonAfterContent\n            }\n            confirmButtonText={confirmButtonText}\n            copyButtonText={copyButtonText}\n            copiedButtonText={copiedButtonText}\n            dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","locale","customRenderBar","onSendProp","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","interactionDefaultValueOptions","jsx","contentInfo","index","onSend","beforeSend","ContentRender"],"mappings":";;;;;;;AAkCA,MAAMA,IAA4C,CAAC;AAAA,EACjD,oBAAAC,IAAqB,CAAA;AAAA,EACrB,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,QAAQC;AAAA,EACR,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,gCAAAC;AACF,MAEIC,gBAAAA,MAAC,SAAI,WAAU,iBACZ,YAAmB,IAAI,CAACC,GAAaC,MAAU;AAE9C,QAAMC,IADaF,EAAY,cAAc,KACjB,SAAYP,GAClCU,IAAaN,MAAmB,MAAM;AAC5C,SACEE,gBAAAA,EAAAA;AAAAA,IAACK;AAAA,IAAA;AAAA,MAEC,SAASJ,EAAY;AAAA,MACrB,WAAWA,EAAY;AAAA,MACvB,kBAAkBA,EAAY;AAAA,MAC9B,mBAAmBA,EAAY;AAAA,MAC/B,uBAAuBA,EAAY;AAAA,MACnC,UAAUA,EAAY;AAAA,MACtB,iBAAiBA,EAAY,mBAAmBR;AAAA,MAChD,QAAAU;AAAA,MACA,YAAAC;AAAA,MACA,QAAAZ;AAAA,MACA,gCAAAO;AAAA,MACA,iCACEE,EAAY;AAAA,MAEd,mBAAAN;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,0BAA0BI,EAAY;AAAA,IAAA;AAAA,IAlBjCC;AAAA,EAAA;AAqBX,CAAC,EAAA,CACH;"}
+{"version":3,"file":"MarkdownFlow.es.js","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InteractionDefaultValueOptions } from \"../../lib/interaction-defaults\";\nimport {\n  getMarkdownFlowDirection,\n  getMarkdownFlowLanguage,\n  type MarkdownFlowLocale,\n} from \"../../lib/locale\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n  initialContentList?: {\n    content: string;\n    isFinished?: boolean;\n    userInput?: string;\n    defaultInputText?: string;\n    defaultButtonText?: string;\n    defaultSelectedValues?: string[];\n    readonly?: boolean;\n    customRenderBar?: CustomRenderBarProps;\n    onClickCustomButtonAfterContent?: () => void;\n    dynamicInteractionFormat?: string;\n  }[];\n  /**\n   * Locale used for built-in UI text when a more specific text prop is not provided.\n   * Arabic sets RTL direction; other supported locales set LTR direction.\n   * When omitted, direction is inherited from the host and UI text uses the default locale.\n   */\n  locale?: MarkdownFlowLocale;\n  /** Overrides the locale-derived language. */\n  lang?: string;\n  /** Overrides the locale-derived direction. */\n  dir?: React.HTMLAttributes<HTMLDivElement>[\"dir\"];\n  customRenderBar?: CustomRenderBarProps;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text for code blocks\n  copyButtonText?: string;\n  // Copied state text for code blocks\n  copiedButtonText?: string;\n  beforeSend?: (content: OnSendContentParams) => boolean;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n  initialContentList = [],\n  locale,\n  lang,\n  dir,\n  customRenderBar,\n  onSend: onSendProp,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend: beforeSendProp,\n  interactionDefaultValueOptions,\n}) => {\n  return (\n    <div\n      className=\"markdown-flow\"\n      dir={dir ?? getMarkdownFlowDirection(locale)}\n      lang={lang ?? getMarkdownFlowLanguage(locale)}\n    >\n      {initialContentList.map((contentInfo, index) => {\n        const isFinished = contentInfo.isFinished ?? false;\n        const onSend = isFinished ? undefined : onSendProp;\n        const beforeSend = beforeSendProp ?? (() => true);\n        return (\n          <ContentRender\n            key={index}\n            content={contentInfo.content}\n            userInput={contentInfo.userInput}\n            defaultInputText={contentInfo.defaultInputText}\n            defaultButtonText={contentInfo.defaultButtonText}\n            defaultSelectedValues={contentInfo.defaultSelectedValues}\n            readonly={contentInfo.readonly}\n            customRenderBar={contentInfo.customRenderBar || customRenderBar}\n            onSend={onSend}\n            beforeSend={beforeSend}\n            locale={locale}\n            lang={lang}\n            dir={dir}\n            interactionDefaultValueOptions={interactionDefaultValueOptions}\n            onClickCustomButtonAfterContent={\n              contentInfo.onClickCustomButtonAfterContent\n            }\n            confirmButtonText={confirmButtonText}\n            copyButtonText={copyButtonText}\n            copiedButtonText={copiedButtonText}\n            dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","locale","lang","dir","customRenderBar","onSendProp","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","interactionDefaultValueOptions","jsx","getMarkdownFlowDirection","getMarkdownFlowLanguage","contentInfo","index","onSend","beforeSend","ContentRender"],"mappings":";;;;;;;AA8CA,MAAMA,IAA4C,CAAC;AAAA,EACjD,oBAAAC,IAAqB,CAAA;AAAA,EACrB,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,QAAQC;AAAA,EACR,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,gCAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,KAAKR,KAAOS,EAAyBX,CAAM;AAAA,IAC3C,MAAMC,KAAQW,EAAwBZ,CAAM;AAAA,IAE3C,UAAAD,EAAmB,IAAI,CAACc,GAAaC,MAAU;AAE9C,YAAMC,IADaF,EAAY,cAAc,KACjB,SAAYT,GAClCY,IAAaR,MAAmB,MAAM;AAC5C,aACE,gBAAAE;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,SAASJ,EAAY;AAAA,UACrB,WAAWA,EAAY;AAAA,UACvB,kBAAkBA,EAAY;AAAA,UAC9B,mBAAmBA,EAAY;AAAA,UAC/B,uBAAuBA,EAAY;AAAA,UACnC,UAAUA,EAAY;AAAA,UACtB,iBAAiBA,EAAY,mBAAmBV;AAAA,UAChD,QAAAY;AAAA,UACA,YAAAC;AAAA,UACA,QAAAhB;AAAA,UACA,MAAAC;AAAA,UACA,KAAAC;AAAA,UACA,gCAAAO;AAAA,UACA,iCACEI,EAAY;AAAA,UAEd,mBAAAR;AAAA,UACA,gBAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,0BAA0BM,EAAY;AAAA,QAAA;AAAA,QApBjCC;AAAA,MAAA;AAAA,IAuBX,CAAC;AAAA,EAAA;AAAA;"}

package/dist/components/MarkdownFlow/ScrollToBottomButton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_virtual/jsx-runtime.cjs"),c=require("react-dom"),i=require("../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),u=({visible:n,ariaLabel:l,portalTarget:t,className:s="",...e})=>{if(!n)return null;const o=r.jsxRuntimeExports.jsx("button",{...e,type:e.type||"button",className:`scroll-to-bottom-btn ${s}`.trim(),"aria-label":l,children:r.jsxRuntimeExports.jsx(i.default,{"aria-hidden":"true",focusable:"false"})});return t?c.createPortal(o,t):o};exports.ScrollToBottomButton=u;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),y=require("react"),j=require("react-dom"),D=require("../../lib/utils.cjs"),M=require("../../node_modules/lucide-react/dist/esm/icons/chevrons-down.cjs"),s=t=>typeof t=="number"?`${t}px`:t,e=({visible:t,ariaLabel:c,portalTarget:r,placement:a="bottom-center",position:u="absolute",bottomOffset:d=20,horizontalOffset:i=20,zIndex:m=1,className:b="",style:f,tabIndex:h,disabled:B,type:S="button",...p})=>{const q=y.useCallback(o=>{!t&&o&&o.ownerDocument.activeElement===o&&o.blur()},[t]),x={"--scroll-to-bottom-bottom":s(d),"--scroll-to-bottom-horizontal":s(i),"--scroll-to-bottom-position":u,zIndex:m,...f},n=l.jsx("button",{...p,ref:q,disabled:!t||B,type:S,className:D.cn("scroll-to-bottom-btn",b),style:x,"aria-label":c,"aria-hidden":t?void 0:!0,"data-placement":a,"data-visible":t?"true":"false",tabIndex:t?h:-1,children:l.jsx(M.default,{size:20,"aria-hidden":"true",focusable:"false"})});return r?j.createPortal(n,r):n};e.displayName="ScrollToBottomButton";exports.ScrollToBottomButton=e;exports.default=e;
 //# sourceMappingURL=ScrollToBottomButton.cjs.map