markdown-flow-ui 0.2.13 → 0.2.15

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/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

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollToBottomButton.cjs","sources":["../../../src/components/MarkdownFlow/ScrollToBottomButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ChevronDown } from \"lucide-react\";\n\nexport interface ScrollToBottomButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  visible: boolean;\n  ariaLabel: string;\n  portalTarget?: HTMLElement | null;\n}\n\nexport const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = ({\n  visible,\n  ariaLabel,\n  portalTarget,\n  className = \"\",\n  ...props\n}) => {\n  if (!visible) return null;\n  const button = (\n    <button\n      {...props}\n      type={props.type || \"button\"}\n      className={`scroll-to-bottom-btn ${className}`.trim()}\n      aria-label={ariaLabel}\n    >\n      <ChevronDown aria-hidden=\"true\" focusable=\"false\" />\n    </button>\n  );\n  return portalTarget ? createPortal(button, portalTarget) : button;\n};\n\nexport default ScrollToBottomButton;\n"],"names":["ScrollToBottomButton","visible","ariaLabel","portalTarget","className","props","button","jsx","ChevronDown","createPortal"],"mappings":"kQAWaA,EAA4D,CAAC,CACxE,QAAAC,EACA,UAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,IAAM,CACJ,GAAI,CAACJ,EAAS,OAAO,KACrB,MAAMK,EACJC,EAAAA,kBAAAA,IAAC,SAAA,CACE,GAAGF,EACJ,KAAMA,EAAM,MAAQ,SACpB,UAAW,wBAAwBD,CAAS,GAAG,KAAA,EAC/C,aAAYF,EAEZ,SAAAK,EAAAA,kBAAAA,IAACC,UAAA,CAAY,cAAY,OAAO,UAAU,OAAA,CAAQ,CAAA,CAAA,EAGtD,OAAOL,EAAeM,EAAAA,aAAaH,EAAQH,CAAY,EAAIG,CAC7D"}
+{"version":3,"file":"ScrollToBottomButton.cjs","sources":["../../../src/components/MarkdownFlow/ScrollToBottomButton.tsx"],"sourcesContent":["import React, { useCallback, type CSSProperties } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ChevronsDown } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ScrollToBottomPlacement = \"bottom-center\" | \"bottom-right\";\nexport type ScrollToBottomPosition = \"absolute\" | \"fixed\";\n\n/** Presentation and native button props for a localized scroll-to-bottom control. */\nexport interface ScrollToBottomButtonProps\n  extends Omit<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    \"aria-label\" | \"children\"\n  > {\n  /** Whether the control is visible and keyboard-focusable. */\n  visible: boolean;\n  /** Localized accessible name for the icon-only button. */\n  ariaLabel: string;\n  /** Optional host element in which the library renders the button. */\n  portalTarget?: HTMLElement | null;\n  /** Horizontal placement within the positioning context. Defaults to bottom-center. */\n  placement?: ScrollToBottomPlacement;\n  /** CSS positioning model supplied by the host layout. */\n  position?: ScrollToBottomPosition;\n  /** Bottom offset in pixels, or any valid CSS length. */\n  bottomOffset?: number | string;\n  /** Right offset for bottom-right placement, in pixels or a CSS length. */\n  horizontalOffset?: number | string;\n  /** Stacking level within the host layout. */\n  zIndex?: number;\n}\n\ntype ScrollToBottomButtonStyle = CSSProperties & {\n  \"--scroll-to-bottom-bottom\"?: string;\n  \"--scroll-to-bottom-horizontal\"?: string;\n  \"--scroll-to-bottom-position\"?: ScrollToBottomPosition;\n};\n\nconst toCssLength = (value: number | string) =>\n  typeof value === \"number\" ? `${value}px` : value;\n\n/**\n * Render the scroll control without owning scroll detection or follow state.\n *\n * @param props Visibility, localized accessible name, host layout and button events.\n * @returns A native icon button, optionally rendered into the supplied portal host.\n * @example\n * ```tsx\n * <ScrollToBottomButton\n *   visible={showScrollToBottom}\n *   ariaLabel=\"Scroll to bottom\"\n *   onClick={scrollToBottom}\n * />\n * ```\n */\nexport const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = ({\n  visible,\n  ariaLabel,\n  portalTarget,\n  placement = \"bottom-center\",\n  position = \"absolute\",\n  bottomOffset = 20,\n  horizontalOffset = 20,\n  zIndex = 1,\n  className = \"\",\n  style,\n  tabIndex,\n  disabled,\n  type = \"button\",\n  ...props\n}) => {\n  const releaseHiddenFocus = useCallback(\n    (button: HTMLButtonElement | null) => {\n      if (!visible && button && button.ownerDocument.activeElement === button) {\n        button.blur();\n      }\n    },\n    [visible]\n  );\n  const buttonStyle: ScrollToBottomButtonStyle = {\n    \"--scroll-to-bottom-bottom\": toCssLength(bottomOffset),\n    \"--scroll-to-bottom-horizontal\": toCssLength(horizontalOffset),\n    \"--scroll-to-bottom-position\": position,\n    zIndex,\n    ...style,\n  };\n  const button = (\n    <button\n      {...props}\n      ref={releaseHiddenFocus}\n      disabled={!visible || disabled}\n      type={type}\n      className={cn(\"scroll-to-bottom-btn\", className)}\n      style={buttonStyle}\n      aria-label={ariaLabel}\n      aria-hidden={visible ? undefined : true}\n      data-placement={placement}\n      data-visible={visible ? \"true\" : \"false\"}\n      tabIndex={visible ? tabIndex : -1}\n    >\n      <ChevronsDown size={20} aria-hidden=\"true\" focusable=\"false\" />\n    </button>\n  );\n  return portalTarget ? createPortal(button, portalTarget) : button;\n};\n\nScrollToBottomButton.displayName = \"ScrollToBottomButton\";\n\nexport default ScrollToBottomButton;\n"],"names":["toCssLength","value","ScrollToBottomButton","visible","ariaLabel","portalTarget","placement","position","bottomOffset","horizontalOffset","zIndex","className","style","tabIndex","disabled","type","props","releaseHiddenFocus","useCallback","button","buttonStyle","jsx","cn","ChevronsDown","createPortal"],"mappings":"0SAsCMA,EAAeC,GACnB,OAAOA,GAAU,SAAW,GAAGA,CAAK,KAAOA,EAgBhCC,EAA4D,CAAC,CACxE,QAAAC,EACA,UAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,gBACZ,SAAAC,EAAW,WACX,aAAAC,EAAe,GACf,iBAAAC,EAAmB,GACnB,OAAAC,EAAS,EACT,UAAAC,EAAY,GACZ,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAqBC,EAAAA,YACxBC,GAAqC,CAChC,CAAChB,GAAWgB,GAAUA,EAAO,cAAc,gBAAkBA,GAC/DA,EAAO,KAAA,CAEX,EACA,CAAChB,CAAO,CAAA,EAEJiB,EAAyC,CAC7C,4BAA6BpB,EAAYQ,CAAY,EACrD,gCAAiCR,EAAYS,CAAgB,EAC7D,8BAA+BF,EAC/B,OAAAG,EACA,GAAGE,CAAA,EAECO,EACJE,EAAAA,IAAC,SAAA,CACE,GAAGL,EACJ,IAAKC,EACL,SAAU,CAACd,GAAWW,EACtB,KAAAC,EACA,UAAWO,EAAAA,GAAG,uBAAwBX,CAAS,EAC/C,MAAOS,EACP,aAAYhB,EACZ,cAAaD,EAAU,OAAY,GACnC,iBAAgBG,EAChB,eAAcH,EAAU,OAAS,QACjC,SAAUA,EAAUU,EAAW,GAE/B,eAACU,EAAAA,QAAA,CAAa,KAAM,GAAI,cAAY,OAAO,UAAU,OAAA,CAAQ,CAAA,CAAA,EAGjE,OAAOlB,EAAemB,EAAAA,aAAaL,EAAQd,CAAY,EAAIc,CAC7D,EAEAjB,EAAqB,YAAc"}

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

@@ -1,8 +1,38 @@
 import { default as React } from 'react';
-export interface ScrollToBottomButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export type ScrollToBottomPlacement = "bottom-center" | "bottom-right";
+export type ScrollToBottomPosition = "absolute" | "fixed";
+/** Presentation and native button props for a localized scroll-to-bottom control. */
+export interface ScrollToBottomButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "children"> {
+    /** Whether the control is visible and keyboard-focusable. */
     visible: boolean;
+    /** Localized accessible name for the icon-only button. */
     ariaLabel: string;
+    /** Optional host element in which the library renders the button. */
     portalTarget?: HTMLElement | null;
+    /** Horizontal placement within the positioning context. Defaults to bottom-center. */
+    placement?: ScrollToBottomPlacement;
+    /** CSS positioning model supplied by the host layout. */
+    position?: ScrollToBottomPosition;
+    /** Bottom offset in pixels, or any valid CSS length. */
+    bottomOffset?: number | string;
+    /** Right offset for bottom-right placement, in pixels or a CSS length. */
+    horizontalOffset?: number | string;
+    /** Stacking level within the host layout. */
+    zIndex?: number;
 }
+/**
+ * Render the scroll control without owning scroll detection or follow state.
+ *
+ * @param props Visibility, localized accessible name, host layout and button events.
+ * @returns A native icon button, optionally rendered into the supplied portal host.
+ * @example
+ * ```tsx
+ * <ScrollToBottomButton
+ *   visible={showScrollToBottom}
+ *   ariaLabel="Scroll to bottom"
+ *   onClick={scrollToBottom}
+ * />
+ * ```
+ */
 export declare const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps>;
 export default ScrollToBottomButton;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollToBottomButton.es.js","sources":["../../../src/components/MarkdownFlow/ScrollToBottomButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ChevronDown } from \"lucide-react\";\n\nexport interface ScrollToBottomButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  visible: boolean;\n  ariaLabel: string;\n  portalTarget?: HTMLElement | null;\n}\n\nexport const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = ({\n  visible,\n  ariaLabel,\n  portalTarget,\n  className = \"\",\n  ...props\n}) => {\n  if (!visible) return null;\n  const button = (\n    <button\n      {...props}\n      type={props.type || \"button\"}\n      className={`scroll-to-bottom-btn ${className}`.trim()}\n      aria-label={ariaLabel}\n    >\n      <ChevronDown aria-hidden=\"true\" focusable=\"false\" />\n    </button>\n  );\n  return portalTarget ? createPortal(button, portalTarget) : button;\n};\n\nexport default ScrollToBottomButton;\n"],"names":["ScrollToBottomButton","visible","ariaLabel","portalTarget","className","props","button","jsx","ChevronDown","createPortal"],"mappings":";;;AAWO,MAAMA,IAA4D,CAAC;AAAA,EACxE,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,MAAI,CAACJ,EAAS,QAAO;AACrB,QAAMK,IACJC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAMA,EAAM,QAAQ;AAAA,MACpB,WAAW,wBAAwBD,CAAS,GAAG,KAAA;AAAA,MAC/C,cAAYF;AAAA,MAEZ,UAAAK,gBAAAA,EAAAA,IAACC,GAAA,EAAY,eAAY,QAAO,WAAU,QAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAGtD,SAAOL,IAAeM,EAAaH,GAAQH,CAAY,IAAIG;AAC7D;"}
+{"version":3,"file":"ScrollToBottomButton.es.js","sources":["../../../src/components/MarkdownFlow/ScrollToBottomButton.tsx"],"sourcesContent":["import React, { useCallback, type CSSProperties } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ChevronsDown } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ScrollToBottomPlacement = \"bottom-center\" | \"bottom-right\";\nexport type ScrollToBottomPosition = \"absolute\" | \"fixed\";\n\n/** Presentation and native button props for a localized scroll-to-bottom control. */\nexport interface ScrollToBottomButtonProps\n  extends Omit<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    \"aria-label\" | \"children\"\n  > {\n  /** Whether the control is visible and keyboard-focusable. */\n  visible: boolean;\n  /** Localized accessible name for the icon-only button. */\n  ariaLabel: string;\n  /** Optional host element in which the library renders the button. */\n  portalTarget?: HTMLElement | null;\n  /** Horizontal placement within the positioning context. Defaults to bottom-center. */\n  placement?: ScrollToBottomPlacement;\n  /** CSS positioning model supplied by the host layout. */\n  position?: ScrollToBottomPosition;\n  /** Bottom offset in pixels, or any valid CSS length. */\n  bottomOffset?: number | string;\n  /** Right offset for bottom-right placement, in pixels or a CSS length. */\n  horizontalOffset?: number | string;\n  /** Stacking level within the host layout. */\n  zIndex?: number;\n}\n\ntype ScrollToBottomButtonStyle = CSSProperties & {\n  \"--scroll-to-bottom-bottom\"?: string;\n  \"--scroll-to-bottom-horizontal\"?: string;\n  \"--scroll-to-bottom-position\"?: ScrollToBottomPosition;\n};\n\nconst toCssLength = (value: number | string) =>\n  typeof value === \"number\" ? `${value}px` : value;\n\n/**\n * Render the scroll control without owning scroll detection or follow state.\n *\n * @param props Visibility, localized accessible name, host layout and button events.\n * @returns A native icon button, optionally rendered into the supplied portal host.\n * @example\n * ```tsx\n * <ScrollToBottomButton\n *   visible={showScrollToBottom}\n *   ariaLabel=\"Scroll to bottom\"\n *   onClick={scrollToBottom}\n * />\n * ```\n */\nexport const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = ({\n  visible,\n  ariaLabel,\n  portalTarget,\n  placement = \"bottom-center\",\n  position = \"absolute\",\n  bottomOffset = 20,\n  horizontalOffset = 20,\n  zIndex = 1,\n  className = \"\",\n  style,\n  tabIndex,\n  disabled,\n  type = \"button\",\n  ...props\n}) => {\n  const releaseHiddenFocus = useCallback(\n    (button: HTMLButtonElement | null) => {\n      if (!visible && button && button.ownerDocument.activeElement === button) {\n        button.blur();\n      }\n    },\n    [visible]\n  );\n  const buttonStyle: ScrollToBottomButtonStyle = {\n    \"--scroll-to-bottom-bottom\": toCssLength(bottomOffset),\n    \"--scroll-to-bottom-horizontal\": toCssLength(horizontalOffset),\n    \"--scroll-to-bottom-position\": position,\n    zIndex,\n    ...style,\n  };\n  const button = (\n    <button\n      {...props}\n      ref={releaseHiddenFocus}\n      disabled={!visible || disabled}\n      type={type}\n      className={cn(\"scroll-to-bottom-btn\", className)}\n      style={buttonStyle}\n      aria-label={ariaLabel}\n      aria-hidden={visible ? undefined : true}\n      data-placement={placement}\n      data-visible={visible ? \"true\" : \"false\"}\n      tabIndex={visible ? tabIndex : -1}\n    >\n      <ChevronsDown size={20} aria-hidden=\"true\" focusable=\"false\" />\n    </button>\n  );\n  return portalTarget ? createPortal(button, portalTarget) : button;\n};\n\nScrollToBottomButton.displayName = \"ScrollToBottomButton\";\n\nexport default ScrollToBottomButton;\n"],"names":["toCssLength","value","ScrollToBottomButton","visible","ariaLabel","portalTarget","placement","position","bottomOffset","horizontalOffset","zIndex","className","style","tabIndex","disabled","type","props","releaseHiddenFocus","useCallback","button","buttonStyle","jsx","cn","ChevronsDown","createPortal"],"mappings":";;;;;AAsCA,MAAMA,IAAc,CAACC,MACnB,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,GAgBhCC,IAA4D,CAAC;AAAA,EACxE,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,kBAAAC,IAAmB;AAAA,EACnB,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAqBC;AAAA,IACzB,CAACC,MAAqC;AACpC,MAAI,CAAChB,KAAWgB,KAAUA,EAAO,cAAc,kBAAkBA,KAC/DA,EAAO,KAAA;AAAA,IAEX;AAAA,IACA,CAAChB,CAAO;AAAA,EAAA,GAEJiB,IAAyC;AAAA,IAC7C,6BAA6BpB,EAAYQ,CAAY;AAAA,IACrD,iCAAiCR,EAAYS,CAAgB;AAAA,IAC7D,+BAA+BF;AAAA,IAC/B,QAAAG;AAAA,IACA,GAAGE;AAAA,EAAA,GAECO,IACJ,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,KAAKC;AAAA,MACL,UAAU,CAACd,KAAWW;AAAA,MACtB,MAAAC;AAAA,MACA,WAAWO,EAAG,wBAAwBX,CAAS;AAAA,MAC/C,OAAOS;AAAA,MACP,cAAYhB;AAAA,MACZ,eAAaD,IAAU,SAAY;AAAA,MACnC,kBAAgBG;AAAA,MAChB,gBAAcH,IAAU,SAAS;AAAA,MACjC,UAAUA,IAAUU,IAAW;AAAA,MAE/B,4BAACU,GAAA,EAAa,MAAM,IAAI,eAAY,QAAO,WAAU,QAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAGjE,SAAOlB,IAAemB,EAAaL,GAAQd,CAAY,IAAIc;AAC7D;AAEAjB,EAAqB,cAAc;"}

package/dist/components/MarkdownFlow/ScrollToBottomControl.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),b=require("./ScrollToBottomButton.cjs"),j=require("./useScrollToBottom.cjs"),o=({viewportRef:t,contentRef:l,endRef:e,scrollTarget:r,pageScrollFallback:c,scrollThreshold:s,contentVersion:u,followNewContent:n,autoScrollOnInit:i,behavior:m,onScrollToBottom:B,...S})=>{const{showScrollToBottom:T,scrollToBottom:a}=j.useScrollToBottom(t,{contentRef:l,endRef:e,scrollTarget:r,pageScrollFallback:c,scrollThreshold:s,contentVersion:u,followNewContent:n,autoScrollOnInit:i,behavior:m});return d.jsx(b.ScrollToBottomButton,{...S,visible:T,onClick:()=>{a(),B?.()}})};exports.ScrollToBottomControl=o;exports.default=o;
+//# sourceMappingURL=ScrollToBottomControl.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToBottomControl.cjs","sources":["../../../src/components/MarkdownFlow/ScrollToBottomControl.tsx"],"sourcesContent":["import React, { type RefObject } from \"react\";\nimport ScrollToBottomButton, {\n  type ScrollToBottomButtonProps,\n} from \"./ScrollToBottomButton\";\nimport useScrollToBottom, {\n  type UseScrollToBottomOptions,\n} from \"./useScrollToBottom\";\n\nexport interface ScrollToBottomControlProps\n  extends UseScrollToBottomOptions,\n    Omit<ScrollToBottomButtonProps, \"onClick\" | \"visible\"> {\n  /** Existing host viewport; no wrapper or content ownership is required. */\n  viewportRef: RefObject<HTMLElement | null>;\n  /** Optional notification after the control requests a scroll to the end. */\n  onScrollToBottom?: () => void;\n}\n\n/**\n * Complete scroll-to-bottom control for streaming or asynchronously growing content.\n *\n * The control owns target resolution, follow state, visibility, click behavior,\n * the accessible icon button, and optional portal rendering. Consumers only\n * provide host refs, localized text, and layout inputs.\n */\nexport const ScrollToBottomControl: React.FC<ScrollToBottomControlProps> = ({\n  viewportRef,\n  contentRef,\n  endRef,\n  scrollTarget,\n  pageScrollFallback,\n  scrollThreshold,\n  contentVersion,\n  followNewContent,\n  autoScrollOnInit,\n  behavior,\n  onScrollToBottom,\n  ...buttonProps\n}) => {\n  const { showScrollToBottom, scrollToBottom } = useScrollToBottom(\n    viewportRef,\n    {\n      contentRef,\n      endRef,\n      scrollTarget,\n      pageScrollFallback,\n      scrollThreshold,\n      contentVersion,\n      followNewContent,\n      autoScrollOnInit,\n      behavior,\n    }\n  );\n\n  return (\n    <ScrollToBottomButton\n      {...buttonProps}\n      visible={showScrollToBottom}\n      onClick={() => {\n        scrollToBottom();\n        onScrollToBottom?.();\n      }}\n    />\n  );\n};\n\nexport default ScrollToBottomControl;\n"],"names":["ScrollToBottomControl","viewportRef","contentRef","endRef","scrollTarget","pageScrollFallback","scrollThreshold","contentVersion","followNewContent","autoScrollOnInit","behavior","onScrollToBottom","buttonProps","showScrollToBottom","scrollToBottom","useScrollToBottom","jsx","ScrollToBottomButton"],"mappings":"8NAwBaA,EAA8D,CAAC,CAC1E,YAAAC,EACA,WAAAC,EACA,OAAAC,EACA,aAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAAE,mBAAAC,EAAoB,eAAAC,CAAA,EAAmBC,EAAAA,kBAC7Cd,EACA,CACE,WAAAC,EACA,OAAAC,EACA,aAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,SAAAC,CAAA,CACF,EAGF,OACEM,EAAAA,IAACC,EAAAA,qBAAA,CACE,GAAGL,EACJ,QAASC,EACT,QAAS,IAAM,CACbC,EAAA,EACAH,IAAA,CACF,CAAA,CAAA,CAGN"}

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

@@ -0,0 +1,18 @@
+import { default as React, RefObject } from 'react';
+import { ScrollToBottomButtonProps } from './ScrollToBottomButton.js';
+import { UseScrollToBottomOptions } from './useScrollToBottom.js';
+export interface ScrollToBottomControlProps extends UseScrollToBottomOptions, Omit<ScrollToBottomButtonProps, "onClick" | "visible"> {
+    /** Existing host viewport; no wrapper or content ownership is required. */
+    viewportRef: RefObject<HTMLElement | null>;
+    /** Optional notification after the control requests a scroll to the end. */
+    onScrollToBottom?: () => void;
+}
+/**
+ * Complete scroll-to-bottom control for streaming or asynchronously growing content.
+ *
+ * The control owns target resolution, follow state, visibility, click behavior,
+ * the accessible icon button, and optional portal rendering. Consumers only
+ * provide host refs, localized text, and layout inputs.
+ */
+export declare const ScrollToBottomControl: React.FC<ScrollToBottomControlProps>;
+export default ScrollToBottomControl;