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

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;

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

@@ -0,0 +1,47 @@
+import { jsx as u } from "react/jsx-runtime";
+import { ScrollToBottomButton as S } from "./ScrollToBottomButton.es.js";
+import { useScrollToBottom as a } from "./useScrollToBottom.es.js";
+const d = ({
+  viewportRef: o,
+  contentRef: t,
+  endRef: r,
+  scrollTarget: l,
+  pageScrollFallback: m,
+  scrollThreshold: c,
+  contentVersion: s,
+  followNewContent: i,
+  autoScrollOnInit: n,
+  behavior: B,
+  onScrollToBottom: e,
+  ...T
+}) => {
+  const { showScrollToBottom: f, scrollToBottom: p } = a(
+    o,
+    {
+      contentRef: t,
+      endRef: r,
+      scrollTarget: l,
+      pageScrollFallback: m,
+      scrollThreshold: c,
+      contentVersion: s,
+      followNewContent: i,
+      autoScrollOnInit: n,
+      behavior: B
+    }
+  );
+  return /* @__PURE__ */ u(
+    S,
+    {
+      ...T,
+      visible: f,
+      onClick: () => {
+        p(), e?.();
+      }
+    }
+  );
+};
+export {
+  d as ScrollToBottomControl,
+  d as default
+};
+//# sourceMappingURL=ScrollToBottomControl.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToBottomControl.es.js","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":";;;AAwBO,MAAMA,IAA8D,CAAC;AAAA,EAC1E,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,oBAAAC,GAAoB,gBAAAC,EAAA,IAAmBC;AAAA,IAC7Cd;AAAA,IACA;AAAA,MACE,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,cAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EACF;AAGF,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,SAASC;AAAA,MACT,SAAS,MAAM;AACb,QAAAC,EAAA,GACAH,IAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/MarkdownFlow/ScrollableMarkdownFlow.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../_virtual/jsx-runtime.cjs"),b=require("react"),v=require("./MarkdownFlow.cjs"),f=require("./useScrollToBottom.cjs"),h=require("./ScrollToBottomButton.cjs"),q=require("../ContentRender/contentRenderI18n.cjs");;/* empty css                   */const w=({initialContentList:e=[],customRenderBar:n,onSend:c,height:u="100%",className:i="",locale:t,confirmButtonText:a,copyButtonText:d,copiedButtonText:m,beforeSend:x,interactionDefaultValueOptions:T,scrollToBottomAriaLabel:j,...r})=>{const l=b.useRef(null),B=q.getContentRenderLocaleTexts(t),R=j||B.scrollToBottomLabel,{showScrollToBottom:s,scrollToBottom:S}=f.useScrollToBottom(l,{contentVersion:e,autoScrollOnInit:!0,scrollThreshold:150});return o.jsxRuntimeExports.jsxs("div",{className:`scrollable-markdown-container ${i}`,style:{height:u,position:"relative"},...r,children:[o.jsxRuntimeExports.jsx("div",{ref:l,style:{height:"100%",overflow:"auto"},children:o.jsxRuntimeExports.jsx(v.default,{...r,initialContentList:e,customRenderBar:n,onSend:c,locale:t,confirmButtonText:a,copyButtonText:d,copiedButtonText:m,beforeSend:x,interactionDefaultValueOptions:T})}),s&&o.jsxRuntimeExports.jsx(h.ScrollToBottomButton,{visible:s,onClick:()=>S(),ariaLabel:R})]})};exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),n=require("react"),g=require("./MarkdownFlow.cjs"),m=require("./ScrollToBottomControl.cjs"),f=require("../ContentRender/contentRenderI18n.cjs"),s=require("../../lib/locale.cjs");;/* empty css                   */const T=a=>{const{height:i="100%",className:c="",scrollToBottomAriaLabel:u,...e}=a,t=n.useRef(null),l=n.useRef(null),r=e.initialContentList??[],d=f.getContentRenderLocaleTexts(e.locale),w=u||d.scrollToBottomLabel;return o.jsxs("div",{className:`scrollable-markdown-container ${c}`.trim(),dir:e.dir??s.getMarkdownFlowDirection(e.locale),lang:e.lang??s.getMarkdownFlowLanguage(e.locale),style:{height:i,position:"relative"},children:[o.jsx("div",{ref:t,style:{height:"100%",overflowY:"auto"},children:o.jsx("div",{ref:l,children:o.jsx(g.default,{...e,initialContentList:r})})}),o.jsx(m.ScrollToBottomControl,{viewportRef:t,contentRef:l,scrollTarget:t,contentVersion:r,autoScrollOnInit:!0,scrollThreshold:150,ariaLabel:w})]})};exports.default=T;
 //# sourceMappingURL=ScrollableMarkdownFlow.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollableMarkdownFlow.cjs","sources":["../../../src/components/MarkdownFlow/ScrollableMarkdownFlow.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport MarkdownFlow from \"./MarkdownFlow\";\nimport useScrollToBottom from \"./useScrollToBottom\";\n// import type { OnSendContentParams, CustomRenderBarProps } from \"../types\";\nimport ScrollToBottomButton from \"./ScrollToBottomButton\";\nimport type { MarkdownFlowProps } from \"./MarkdownFlow\";\nimport { getContentRenderLocaleTexts } from \"../ContentRender/contentRenderI18n\";\n\nimport \"./markdownFlow.css\";\n\nexport interface ScrollableMarkdownFlowProps extends MarkdownFlowProps {\n  height?: string | number;\n  className?: string;\n  scrollToBottomAriaLabel?: string;\n}\n\nconst ScrollableMarkdownFlow: React.FC<ScrollableMarkdownFlowProps> = ({\n  initialContentList = [],\n  customRenderBar,\n  onSend,\n  height = \"100%\",\n  className = \"\",\n  locale,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend,\n  interactionDefaultValueOptions,\n  scrollToBottomAriaLabel,\n  ...restProps\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const localeTexts = getContentRenderLocaleTexts(locale);\n  const resolvedScrollToBottomAriaLabel =\n    scrollToBottomAriaLabel || localeTexts.scrollToBottomLabel;\n\n  const { showScrollToBottom, scrollToBottom } = useScrollToBottom(\n    containerRef,\n    {\n      contentVersion: initialContentList,\n      autoScrollOnInit: true,\n      scrollThreshold: 150,\n    }\n  );\n\n  return (\n    <div\n      className={`scrollable-markdown-container ${className}`}\n      style={{ height, position: \"relative\" }}\n      {...restProps}\n    >\n      <div ref={containerRef} style={{ height: \"100%\", overflow: \"auto\" }}>\n        <MarkdownFlow\n          {...restProps}\n          initialContentList={initialContentList}\n          customRenderBar={customRenderBar}\n          onSend={onSend}\n          locale={locale}\n          confirmButtonText={confirmButtonText}\n          copyButtonText={copyButtonText}\n          copiedButtonText={copiedButtonText}\n          beforeSend={beforeSend}\n          interactionDefaultValueOptions={interactionDefaultValueOptions}\n        />\n      </div>\n      {showScrollToBottom && (\n        <ScrollToBottomButton\n          visible={showScrollToBottom}\n          onClick={() => scrollToBottom()}\n          ariaLabel={resolvedScrollToBottomAriaLabel}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default ScrollableMarkdownFlow;\n"],"names":["ScrollableMarkdownFlow","initialContentList","customRenderBar","onSend","height","className","locale","confirmButtonText","copyButtonText","copiedButtonText","beforeSend","interactionDefaultValueOptions","scrollToBottomAriaLabel","restProps","containerRef","useRef","localeTexts","getContentRenderLocaleTexts","resolvedScrollToBottomAriaLabel","showScrollToBottom","scrollToBottom","useScrollToBottom","jsxs","jsx","MarkdownFlow","ScrollToBottomButton"],"mappings":"oXAgBA,MAAMA,EAAgE,CAAC,CACrE,mBAAAC,EAAqB,CAAA,EACrB,gBAAAC,EACA,OAAAC,EACA,OAAAC,EAAS,OACT,UAAAC,EAAY,GACZ,OAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,+BAAAC,EACA,wBAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAeC,EAAAA,OAAuB,IAAI,EAC1CC,EAAcC,EAAAA,4BAA4BX,CAAM,EAChDY,EACJN,GAA2BI,EAAY,oBAEnC,CAAE,mBAAAG,EAAoB,eAAAC,CAAA,EAAmBC,EAAAA,kBAC7CP,EACA,CACE,eAAgBb,EAChB,iBAAkB,GAClB,gBAAiB,GAAA,CACnB,EAGF,OACEqB,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAW,iCAAiCjB,CAAS,GACrD,MAAO,CAAE,OAAAD,EAAQ,SAAU,UAAA,EAC1B,GAAGS,EAEJ,SAAA,CAAAU,EAAAA,kBAAAA,IAAC,MAAA,CAAI,IAAKT,EAAc,MAAO,CAAE,OAAQ,OAAQ,SAAU,MAAA,EACzD,SAAAS,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACE,GAAGX,EACJ,mBAAAZ,EACA,gBAAAC,EACA,OAAAC,EACA,OAAAG,EACA,kBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,+BAAAC,CAAA,CAAA,EAEJ,EACCQ,GACCI,EAAAA,kBAAAA,IAACE,EAAAA,qBAAA,CACC,QAASN,EACT,QAAS,IAAMC,EAAA,EACf,UAAWF,CAAA,CAAA,CACb,CAAA,CAAA,CAIR"}
+{"version":3,"file":"ScrollableMarkdownFlow.cjs","sources":["../../../src/components/MarkdownFlow/ScrollableMarkdownFlow.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport MarkdownFlow, { type MarkdownFlowProps } from \"./MarkdownFlow\";\nimport ScrollToBottomControl from \"./ScrollToBottomControl\";\nimport { getContentRenderLocaleTexts } from \"../ContentRender/contentRenderI18n\";\nimport {\n  getMarkdownFlowDirection,\n  getMarkdownFlowLanguage,\n} from \"../../lib/locale\";\n\nimport \"./markdownFlow.css\";\n\nexport interface ScrollableMarkdownFlowProps extends MarkdownFlowProps {\n  height?: string | number;\n  className?: string;\n  scrollToBottomAriaLabel?: string;\n}\n\nconst ScrollableMarkdownFlow: React.FC<ScrollableMarkdownFlowProps> = (\n  props\n) => {\n  const {\n    height = \"100%\",\n    className = \"\",\n    scrollToBottomAriaLabel,\n    ...markdownFlowProps\n  } = props;\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const initialContentList = markdownFlowProps.initialContentList ?? [];\n  const localeTexts = getContentRenderLocaleTexts(markdownFlowProps.locale);\n  const resolvedScrollToBottomAriaLabel =\n    scrollToBottomAriaLabel || localeTexts.scrollToBottomLabel;\n\n  return (\n    <div\n      className={`scrollable-markdown-container ${className}`.trim()}\n      dir={\n        markdownFlowProps.dir ??\n        getMarkdownFlowDirection(markdownFlowProps.locale)\n      }\n      lang={\n        markdownFlowProps.lang ??\n        getMarkdownFlowLanguage(markdownFlowProps.locale)\n      }\n      style={{ height, position: \"relative\" }}\n    >\n      <div ref={viewportRef} style={{ height: \"100%\", overflowY: \"auto\" }}>\n        <div ref={contentRef}>\n          <MarkdownFlow\n            {...markdownFlowProps}\n            initialContentList={initialContentList}\n          />\n        </div>\n      </div>\n      <ScrollToBottomControl\n        viewportRef={viewportRef}\n        contentRef={contentRef}\n        scrollTarget={viewportRef}\n        contentVersion={initialContentList}\n        autoScrollOnInit\n        scrollThreshold={150}\n        ariaLabel={resolvedScrollToBottomAriaLabel}\n      />\n    </div>\n  );\n};\n\nexport default ScrollableMarkdownFlow;\n"],"names":["ScrollableMarkdownFlow","props","height","className","scrollToBottomAriaLabel","markdownFlowProps","viewportRef","useRef","contentRef","initialContentList","localeTexts","getContentRenderLocaleTexts","resolvedScrollToBottomAriaLabel","jsxs","getMarkdownFlowDirection","getMarkdownFlowLanguage","jsx","MarkdownFlow","ScrollToBottomControl"],"mappings":"qWAiBA,MAAMA,EACJC,GACG,CACH,KAAM,CACJ,OAAAC,EAAS,OACT,UAAAC,EAAY,GACZ,wBAAAC,EACA,GAAGC,CAAA,EACDJ,EACEK,EAAcC,EAAAA,OAAuB,IAAI,EACzCC,EAAaD,EAAAA,OAAuB,IAAI,EACxCE,EAAqBJ,EAAkB,oBAAsB,CAAA,EAC7DK,EAAcC,EAAAA,4BAA4BN,EAAkB,MAAM,EAClEO,EACJR,GAA2BM,EAAY,oBAEzC,OACEG,EAAAA,KAAC,MAAA,CACC,UAAW,iCAAiCV,CAAS,GAAG,KAAA,EACxD,IACEE,EAAkB,KAClBS,EAAAA,yBAAyBT,EAAkB,MAAM,EAEnD,KACEA,EAAkB,MAClBU,EAAAA,wBAAwBV,EAAkB,MAAM,EAElD,MAAO,CAAE,OAAAH,EAAQ,SAAU,UAAA,EAE3B,SAAA,CAAAc,EAAAA,IAAC,MAAA,CAAI,IAAKV,EAAa,MAAO,CAAE,OAAQ,OAAQ,UAAW,MAAA,EACzD,SAAAU,MAAC,MAAA,CAAI,IAAKR,EACR,SAAAQ,EAAAA,IAACC,EAAAA,QAAA,CACE,GAAGZ,EACJ,mBAAAI,CAAA,CAAA,EAEJ,CAAA,CACF,EACAO,EAAAA,IAACE,EAAAA,sBAAA,CACC,YAAAZ,EACA,WAAAE,EACA,aAAcF,EACd,eAAgBG,EAChB,iBAAgB,GAChB,gBAAiB,IACjB,UAAWG,CAAA,CAAA,CACb,CAAA,CAAA,CAGN"}

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { MarkdownFlowProps } from './MarkdownFlow';
+import { MarkdownFlowProps } from './MarkdownFlow.js';
 export interface ScrollableMarkdownFlowProps extends MarkdownFlowProps {
     height?: string | number;
     className?: string;

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

@@ -1,61 +1,42 @@
-import { j as o } from "../../_virtual/jsx-runtime.es.js";
-import { useRef as B } from "react";
-import b from "./MarkdownFlow.es.js";
-import { useScrollToBottom as j } from "./useScrollToBottom.es.js";
-import { ScrollToBottomButton as v } from "./ScrollToBottomButton.es.js";
-import { getContentRenderLocaleTexts as S } from "../ContentRender/contentRenderI18n.es.js";
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import { useRef as n } from "react";
+import w from "./MarkdownFlow.es.js";
+import { ScrollToBottomControl as p } from "./ScrollToBottomControl.es.js";
+import { getContentRenderLocaleTexts as g } from "../ContentRender/contentRenderI18n.es.js";
+import { getMarkdownFlowLanguage as h, getMarkdownFlowDirection as u } from "../../lib/locale.es.js";
 /* empty css                    */
-const A = ({
-  initialContentList: t = [],
-  customRenderBar: n,
-  onSend: c,
-  height: m = "100%",
-  className: a = "",
-  locale: r,
-  confirmButtonText: i,
-  copyButtonText: d,
-  copiedButtonText: f,
-  beforeSend: u,
-  interactionDefaultValueOptions: p,
-  scrollToBottomAriaLabel: x,
-  ...l
-}) => {
-  const e = B(null), T = S(r), h = x || T.scrollToBottomLabel, { showScrollToBottom: s, scrollToBottom: w } = j(
-    e,
-    {
-      contentVersion: t,
-      autoScrollOnInit: !0,
-      scrollThreshold: 150
-    }
-  );
-  return /* @__PURE__ */ o.jsxs(
+const B = (a) => {
+  const {
+    height: i = "100%",
+    className: s = "",
+    scrollToBottomAriaLabel: c,
+    ...o
+  } = a, l = n(null), r = n(null), e = o.initialContentList ?? [], m = g(o.locale), d = c || m.scrollToBottomLabel;
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: `scrollable-markdown-container ${a}`,
-      style: { height: m, position: "relative" },
-      ...l,
+      className: `scrollable-markdown-container ${s}`.trim(),
+      dir: o.dir ?? u(o.locale),
+      lang: o.lang ?? h(o.locale),
+      style: { height: i, position: "relative" },
       children: [
-        /* @__PURE__ */ o.jsx("div", { ref: e, style: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ o.jsx(
-          b,
+        /* @__PURE__ */ t("div", { ref: l, style: { height: "100%", overflowY: "auto" }, children: /* @__PURE__ */ t("div", { ref: r, children: /* @__PURE__ */ t(
+          w,
           {
-            ...l,
-            initialContentList: t,
-            customRenderBar: n,
-            onSend: c,
-            locale: r,
-            confirmButtonText: i,
-            copyButtonText: d,
-            copiedButtonText: f,
-            beforeSend: u,
-            interactionDefaultValueOptions: p
+            ...o,
+            initialContentList: e
           }
-        ) }),
-        s && /* @__PURE__ */ o.jsx(
-          v,
+        ) }) }),
+        /* @__PURE__ */ t(
+          p,
           {
-            visible: s,
-            onClick: () => w(),
-            ariaLabel: h
+            viewportRef: l,
+            contentRef: r,
+            scrollTarget: l,
+            contentVersion: e,
+            autoScrollOnInit: !0,
+            scrollThreshold: 150,
+            ariaLabel: d
           }
         )
       ]
@@ -63,6 +44,6 @@ const A = ({
   );
 };
 export {
-  A as default
+  B as default
 };
 //# sourceMappingURL=ScrollableMarkdownFlow.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollableMarkdownFlow.es.js","sources":["../../../src/components/MarkdownFlow/ScrollableMarkdownFlow.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport MarkdownFlow from \"./MarkdownFlow\";\nimport useScrollToBottom from \"./useScrollToBottom\";\n// import type { OnSendContentParams, CustomRenderBarProps } from \"../types\";\nimport ScrollToBottomButton from \"./ScrollToBottomButton\";\nimport type { MarkdownFlowProps } from \"./MarkdownFlow\";\nimport { getContentRenderLocaleTexts } from \"../ContentRender/contentRenderI18n\";\n\nimport \"./markdownFlow.css\";\n\nexport interface ScrollableMarkdownFlowProps extends MarkdownFlowProps {\n  height?: string | number;\n  className?: string;\n  scrollToBottomAriaLabel?: string;\n}\n\nconst ScrollableMarkdownFlow: React.FC<ScrollableMarkdownFlowProps> = ({\n  initialContentList = [],\n  customRenderBar,\n  onSend,\n  height = \"100%\",\n  className = \"\",\n  locale,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend,\n  interactionDefaultValueOptions,\n  scrollToBottomAriaLabel,\n  ...restProps\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const localeTexts = getContentRenderLocaleTexts(locale);\n  const resolvedScrollToBottomAriaLabel =\n    scrollToBottomAriaLabel || localeTexts.scrollToBottomLabel;\n\n  const { showScrollToBottom, scrollToBottom } = useScrollToBottom(\n    containerRef,\n    {\n      contentVersion: initialContentList,\n      autoScrollOnInit: true,\n      scrollThreshold: 150,\n    }\n  );\n\n  return (\n    <div\n      className={`scrollable-markdown-container ${className}`}\n      style={{ height, position: \"relative\" }}\n      {...restProps}\n    >\n      <div ref={containerRef} style={{ height: \"100%\", overflow: \"auto\" }}>\n        <MarkdownFlow\n          {...restProps}\n          initialContentList={initialContentList}\n          customRenderBar={customRenderBar}\n          onSend={onSend}\n          locale={locale}\n          confirmButtonText={confirmButtonText}\n          copyButtonText={copyButtonText}\n          copiedButtonText={copiedButtonText}\n          beforeSend={beforeSend}\n          interactionDefaultValueOptions={interactionDefaultValueOptions}\n        />\n      </div>\n      {showScrollToBottom && (\n        <ScrollToBottomButton\n          visible={showScrollToBottom}\n          onClick={() => scrollToBottom()}\n          ariaLabel={resolvedScrollToBottomAriaLabel}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default ScrollableMarkdownFlow;\n"],"names":["ScrollableMarkdownFlow","initialContentList","customRenderBar","onSend","height","className","locale","confirmButtonText","copyButtonText","copiedButtonText","beforeSend","interactionDefaultValueOptions","scrollToBottomAriaLabel","restProps","containerRef","useRef","localeTexts","getContentRenderLocaleTexts","resolvedScrollToBottomAriaLabel","showScrollToBottom","scrollToBottom","useScrollToBottom","jsxs","jsx","MarkdownFlow","ScrollToBottomButton"],"mappings":";;;;;;;AAgBA,MAAMA,IAAgE,CAAC;AAAA,EACrE,oBAAAC,IAAqB,CAAA;AAAA,EACrB,iBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gCAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAuB,IAAI,GAC1CC,IAAcC,EAA4BX,CAAM,GAChDY,IACJN,KAA2BI,EAAY,qBAEnC,EAAE,oBAAAG,GAAoB,gBAAAC,EAAA,IAAmBC;AAAA,IAC7CP;AAAA,IACA;AAAA,MACE,gBAAgBb;AAAA,MAChB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAGF,SACEqB,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,iCAAiCjB,CAAS;AAAA,MACrD,OAAO,EAAE,QAAAD,GAAQ,UAAU,WAAA;AAAA,MAC1B,GAAGS;AAAA,MAEJ,UAAA;AAAA,QAAAU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,KAAKT,GAAc,OAAO,EAAE,QAAQ,QAAQ,UAAU,OAAA,GACzD,UAAAS,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,oBAAAZ;AAAA,YACA,iBAAAC;AAAA,YACA,QAAAC;AAAA,YACA,QAAAG;AAAA,YACA,mBAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,kBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,gCAAAC;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QACCQ,KACCI,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAASN;AAAA,YACT,SAAS,MAAMC,EAAA;AAAA,YACf,WAAWF;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"ScrollableMarkdownFlow.es.js","sources":["../../../src/components/MarkdownFlow/ScrollableMarkdownFlow.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport MarkdownFlow, { type MarkdownFlowProps } from \"./MarkdownFlow\";\nimport ScrollToBottomControl from \"./ScrollToBottomControl\";\nimport { getContentRenderLocaleTexts } from \"../ContentRender/contentRenderI18n\";\nimport {\n  getMarkdownFlowDirection,\n  getMarkdownFlowLanguage,\n} from \"../../lib/locale\";\n\nimport \"./markdownFlow.css\";\n\nexport interface ScrollableMarkdownFlowProps extends MarkdownFlowProps {\n  height?: string | number;\n  className?: string;\n  scrollToBottomAriaLabel?: string;\n}\n\nconst ScrollableMarkdownFlow: React.FC<ScrollableMarkdownFlowProps> = (\n  props\n) => {\n  const {\n    height = \"100%\",\n    className = \"\",\n    scrollToBottomAriaLabel,\n    ...markdownFlowProps\n  } = props;\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const initialContentList = markdownFlowProps.initialContentList ?? [];\n  const localeTexts = getContentRenderLocaleTexts(markdownFlowProps.locale);\n  const resolvedScrollToBottomAriaLabel =\n    scrollToBottomAriaLabel || localeTexts.scrollToBottomLabel;\n\n  return (\n    <div\n      className={`scrollable-markdown-container ${className}`.trim()}\n      dir={\n        markdownFlowProps.dir ??\n        getMarkdownFlowDirection(markdownFlowProps.locale)\n      }\n      lang={\n        markdownFlowProps.lang ??\n        getMarkdownFlowLanguage(markdownFlowProps.locale)\n      }\n      style={{ height, position: \"relative\" }}\n    >\n      <div ref={viewportRef} style={{ height: \"100%\", overflowY: \"auto\" }}>\n        <div ref={contentRef}>\n          <MarkdownFlow\n            {...markdownFlowProps}\n            initialContentList={initialContentList}\n          />\n        </div>\n      </div>\n      <ScrollToBottomControl\n        viewportRef={viewportRef}\n        contentRef={contentRef}\n        scrollTarget={viewportRef}\n        contentVersion={initialContentList}\n        autoScrollOnInit\n        scrollThreshold={150}\n        ariaLabel={resolvedScrollToBottomAriaLabel}\n      />\n    </div>\n  );\n};\n\nexport default ScrollableMarkdownFlow;\n"],"names":["ScrollableMarkdownFlow","props","height","className","scrollToBottomAriaLabel","markdownFlowProps","viewportRef","useRef","contentRef","initialContentList","localeTexts","getContentRenderLocaleTexts","resolvedScrollToBottomAriaLabel","jsxs","getMarkdownFlowDirection","getMarkdownFlowLanguage","jsx","MarkdownFlow","ScrollToBottomControl"],"mappings":";;;;;;;AAiBA,MAAMA,IAAgE,CACpEC,MACG;AACH,QAAM;AAAA,IACJ,QAAAC,IAAS;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,yBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDJ,GACEK,IAAcC,EAAuB,IAAI,GACzCC,IAAaD,EAAuB,IAAI,GACxCE,IAAqBJ,EAAkB,sBAAsB,CAAA,GAC7DK,IAAcC,EAA4BN,EAAkB,MAAM,GAClEO,IACJR,KAA2BM,EAAY;AAEzC,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,iCAAiCV,CAAS,GAAG,KAAA;AAAA,MACxD,KACEE,EAAkB,OAClBS,EAAyBT,EAAkB,MAAM;AAAA,MAEnD,MACEA,EAAkB,QAClBU,EAAwBV,EAAkB,MAAM;AAAA,MAElD,OAAO,EAAE,QAAAH,GAAQ,UAAU,WAAA;AAAA,MAE3B,UAAA;AAAA,QAAA,gBAAAc,EAAC,OAAA,EAAI,KAAKV,GAAa,OAAO,EAAE,QAAQ,QAAQ,WAAW,OAAA,GACzD,UAAA,gBAAAU,EAAC,OAAA,EAAI,KAAKR,GACR,UAAA,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGZ;AAAA,YACJ,oBAAAI;AAAA,UAAA;AAAA,QAAA,GAEJ,EAAA,CACF;AAAA,QACA,gBAAAO;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,aAAAZ;AAAA,YACA,YAAAE;AAAA,YACA,cAAcF;AAAA,YACd,gBAAgBG;AAAA,YAChB,kBAAgB;AAAA,YAChB,iBAAiB;AAAA,YACjB,WAAWG;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/MarkdownFlow/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./MarkdownFlow.cjs");require("../../_virtual/jsx-runtime.cjs");require("react");require("react-dom");require("../ContentRender/contentRenderI18n.cjs");;/* empty css                   */exports.MarkdownFlow=e.default;exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./MarkdownFlow.cjs");require("react/jsx-runtime");require("react");const e=require("./ScrollToBottomButton.cjs");;/* empty css                   */exports.MarkdownFlow=o.default;exports.default=o.default;exports.ScrollToBottomButton=e.ScrollToBottomButton;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,7 +1,10 @@
-import { default as MarkdownFlow } from './MarkdownFlow';
-import { default as ScrollableMarkdownFlow } from './ScrollableMarkdownFlow';
-import { default as ScrollToBottomButton } from './ScrollToBottomButton';
+import { default as MarkdownFlow } from './MarkdownFlow.js';
+import { default as ScrollableMarkdownFlow } from './ScrollableMarkdownFlow.js';
+import { default as ScrollToBottomButton } from './ScrollToBottomButton.js';
+import { default as ScrollToBottomControl } from './ScrollToBottomControl.js';
 export default MarkdownFlow;
-export { MarkdownFlow, ScrollableMarkdownFlow, ScrollToBottomButton };
-export { default as useScrollToBottom } from './useScrollToBottom';
-export type { ScrollTarget, ScrollTargetRef, UseScrollToBottomOptions, UseScrollToBottomReturn, } from './useScrollToBottom';
+export { MarkdownFlow, ScrollableMarkdownFlow, ScrollableMarkdownFlow as ScrollableMarkdown, ScrollToBottomButton, ScrollToBottomControl, };
+export { default as useScrollToBottom } from './useScrollToBottom.js';
+export type { ScrollToBottomButtonProps, ScrollToBottomPlacement, ScrollToBottomPosition, } from './ScrollToBottomButton.js';
+export type { ScrollToBottomControlProps } from './ScrollToBottomControl.js';
+export type { LegacyUseScrollToBottomOptions, PageScrollFallback, ScrollBehavior, ScrollMetrics, ScrollPresentation, ScrollTarget, ScrollTargetInput, ScrollTargetRef, ScrollTargetResolver, UseScrollToBottomOptions, UseScrollToBottomReturn, } from './useScrollToBottom.js';

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

@@ -1,11 +1,11 @@
-import r from "./MarkdownFlow.es.js";
-import "../../_virtual/jsx-runtime.es.js";
+import t from "./MarkdownFlow.es.js";
+import "react/jsx-runtime";
 import "react";
-import "react-dom";
-import "../ContentRender/contentRenderI18n.es.js";
+import { ScrollToBottomButton as a } from "./ScrollToBottomButton.es.js";
 /* empty css                    */
 export {
-  r as MarkdownFlow,
-  r as default
+  t as MarkdownFlow,
+  a as ScrollToBottomButton,
+  t as default
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/MarkdownFlow/useScrollToBottom.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),p=e=>typeof Window<"u"&&e instanceof Window,y=e=>typeof Document<"u"&&e instanceof Document,B=e=>{const n=p(e)?e.document:e;return n.scrollingElement||n.documentElement},h=e=>{if(p(e)||y(e)){const n=B(e),t=p(e)?e.innerHeight:n?.clientHeight||0;return{scrollTop:n?.scrollTop||0,scrollHeight:n?.scrollHeight||0,clientHeight:t}}return{scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight}},F=e=>e?"current"in e?e.current:e:null,R=e=>{const n=typeof window<"u"?window.getComputedStyle(e):null,t=n?.overflowY||n?.overflow;return e.scrollHeight>e.clientHeight&&t!=="visible"},v=(e,n)=>{const t=F(n);if(t)return t;const l=e?.current;if(!l)return null;if(R(l))return l;let s=l.parentElement;for(;s;){if(R(s))return s;s=s.parentElement}return typeof window<"u"?window:null},A=(e,n={})=>{const{contentRef:t=e,scrollTarget:l,scrollThreshold:s=150,contentVersion:C,followNewContent:g=!0,autoScrollOnInit:T=!1,behavior:S="smooth"}=n,[M,H]=u.useState(!1),[z,b]=u.useState(!0),a=u.useRef(g),E=u.useRef(!1),d=u.useRef(null),m=u.useCallback(()=>{const o=v(t,l);if(!o)return;const{scrollTop:r,scrollHeight:f,clientHeight:i}=h(o),c=r+i>=f-s;b(c),H(!c&&f>i),c&&(a.current=!0)},[t,l,s]),w=u.useCallback((o=S)=>{const r=v(t,l);if(!r)return;const f=typeof window<"u"&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches,i=o==="smooth"&&f?"auto":o,c=h(r).scrollHeight;p(r)?r.scrollTo({top:c,behavior:i}):y(r)?B(r)?.scrollTo({top:c,behavior:i}):r.scrollTo({top:c,behavior:i}),a.current=!0,b(!0),H(!1)},[S,t,l]);return u.useEffect(()=>{const o=v(t,l);if(!o)return;const r=()=>{d.current!==null&&cancelAnimationFrame(d.current),d.current=requestAnimationFrame(()=>{d.current=null;const c=h(o);c.scrollTop+c.clientHeight<c.scrollHeight-s&&(a.current=!1),m()})},f=()=>r();o.addEventListener("scroll",r,{passive:!0}),window.addEventListener("resize",f);const i=typeof ResizeObserver<"u"?new ResizeObserver(f):null;return t.current&&i?.observe(t.current),typeof Element<"u"&&o instanceof Element&&o!==t.current&&i?.observe(o),m(),()=>{o.removeEventListener("scroll",r),window.removeEventListener("resize",f),i?.disconnect(),d.current!==null&&cancelAnimationFrame(d.current)}},[t,m,l,s]),u.useEffect(()=>{if(!E.current){E.current=!0,T&&w("auto");return}if(a.current){const o=requestAnimationFrame(()=>w("auto"));return()=>cancelAnimationFrame(o)}m()},[T,C,m,w]),u.useEffect(()=>{a.current=g},[g]),{showScrollToBottom:M,isAtBottom:z,followNewContent:a.current,scrollToBottom:w,refresh:m}};exports.default=A;exports.getScrollMetrics=h;exports.resolveScrollTarget=v;exports.useScrollToBottom=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),Ve=typeof window>"u"?c.useEffect:c.useLayoutEffect,O=e=>"window"in e&&e.window===e,W=e=>"nodeType"in e&&e.nodeType===9,be=e=>{const t=O(e)?e.document:e;return t.scrollingElement||t.documentElement},_=e=>O(e)?e:W(e)?e.defaultView:e.ownerDocument.defaultView,m=e=>{if(O(e)||W(e)){const t=be(e),l=O(e)?e.innerHeight:t?.clientHeight||0;return{scrollTop:t?.scrollTop||0,scrollHeight:t?.scrollHeight||0,clientHeight:l}}return{scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight}},ge=(e,t=150)=>{const l=Math.max(0,t),s=e.scrollHeight>e.clientHeight,f=Math.max(0,e.scrollHeight-e.scrollTop-e.clientHeight),h=!s||f===0||f<l;return{distanceFromBottom:f,isAtBottom:h,isScrollable:s,showScrollToBottom:s&&!h}},oe=(e,t=150)=>{const l=e.map(s=>ge(s,t));return{distanceFromBottom:Math.max(0,...l.map(s=>s.distanceFromBottom)),isAtBottom:l.every(s=>s.isAtBottom),isScrollable:l.some(s=>s.isScrollable),showScrollToBottom:l.some(s=>s.showScrollToBottom)}},Ee=(e,t)=>e==="smooth"&&t?"auto":e,ze=e=>e?typeof e=="function"?e():"current"in e?e.current:e:null,Ie=e=>{const{scrollHeight:t,clientHeight:l}=m(e);return t>l+1},xe=e=>{const t=e.ownerDocument.defaultView?.getComputedStyle(e).overflowY;return["auto","scroll","hidden","overlay"].includes(t??"")},ye=(e,t,l="auto")=>{const s=ze(t);if(t!==void 0)return s?[s]:[];const f=e?.current;if(!f)return l!=="never"&&typeof document<"u"?[document]:[];const h=[f,f.parentElement].filter(G=>G!==null&&xe(G));return(l==="always"||l==="auto"&&!h.some(Ie))&&h.push(f.ownerDocument),h},ne=(e,t)=>t?.current?t.current:e.current,M=(e,t)=>e.length===t.length&&e.every((l,s)=>l===t[s]),re=e=>new Map(e.map(t=>[t,m(t).scrollTop])),De=e=>W(e)&&e.defaultView||e,ve=(e,t)=>{W(e)?be(e)?.scrollTo(t):e.scrollTo(t)},Oe=e=>{if(e.defaultPrevented)return!1;if(e.type==="wheel")return e.deltaY!==0;if(e.type==="pointerdown")return!(e.button>0);if(e.type!=="keydown")return!0;const t=e;if(t.ctrlKey||t.metaKey||t.altKey||!["ArrowUp","ArrowDown","PageUp","PageDown","Home","End"," "].includes(t.key))return!1;const l=e.target;return l?.closest?.('input, textarea, select, [contenteditable]:not([contenteditable="false"]), [role="textbox"]')?!1:t.key!==" "||!l?.closest?.('button, a[href], [role="button"]')};function Be(e,t,l){const s=c.useRef(void 0),f=Array.isArray(t)?t:void 0,h=s.current,U=f?h?.length===f.length&&f.every((n,o)=>Object.is(n,h[o]))?h:[...f]:void 0;c.useEffect(()=>{s.current=U},[U]);const Ae=Array.isArray(t)||t===void 0&&l!==void 0?{autoScrollOnInit:!0,scrollThreshold:10,...l,contentVersion:U??l?.contentVersion}:t??{},{contentRef:R,endRef:J,scrollTarget:ce,pageScrollFallback:le="auto",scrollThreshold:q=150,contentVersion:Ce,followNewContent:F=!0,autoScrollOnInit:Q=!1,behavior:se="smooth"}=Ae,[Re,X]=c.useState(!1),[Fe,Pe]=c.useState(!0),[He,ke]=c.useState(F),[ue,Le]=c.useState(0),V=c.useRef(F),z=c.useRef(null),P=c.useRef(F),K=c.useRef(!1),H=c.useRef([]),Z=c.useRef(null),$=c.useRef(null),I=c.useRef(!1),ie=c.useRef([]),b=c.useRef(null),y=c.useRef(null),B=c.useRef(null),k=c.useRef(null),N=c.useRef(null),p=c.useCallback(n=>{V.current=n,ke(o=>o===n?o:n)},[]),Y=c.useCallback(()=>{N.current!==null&&(clearTimeout(N.current),N.current=null)},[]),g=c.useCallback(()=>{k.current&&(k.current.view.cancelAnimationFrame(k.current.id),k.current=null)},[]),d=c.useCallback(()=>{I.current=!1,Y()},[Y]),ae=c.useRef({viewportRef:e,scrollTarget:ce,pageScrollFallback:le});Ve(()=>{ae.current={viewportRef:e,scrollTarget:ce,pageScrollFallback:le}});const w=c.useCallback(()=>{const n=ae.current;return ye(n.viewportRef,n.scrollTarget,n.pageScrollFallback)},[]),x=c.useCallback(n=>{I.current&&!M(n,ie.current)&&(g(),d()),b.current&&!M(n,[...b.current.keys()])&&(b.current=null);const o=oe(n.map(m),q);if(Pe(o.isAtBottom),I.current)return X(o.isAtBottom?o.showScrollToBottom:!1),o.distanceFromBottom<=1&&(d(),p(P.current),z.current=P.current?re(n):null),o;X(o.showScrollToBottom);const i=z.current,S=V.current&&i!==null&&M(n,[...i.keys()])&&n.every(A=>m(A).scrollTop===i.get(A)),T=!b.current&&(o.isAtBottom||S)&&P.current;return z.current=T?re(n):null,p(T),o},[g,d,q,p]),u=c.useCallback(()=>{x(w())},[x,w]),E=c.useCallback((n=se)=>{const o=w();if(o.length===0)return;const i=_(o[0]),S=i?.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1,T=Ee(n,S),A=T==="auto"?"instant":T;if(b.current=null,z.current=null,I.current=!0,ie.current=o,p(P.current),X(!1),g(),Y(),J?.current?J.current.scrollIntoView({behavior:A,block:"end"}):o.forEach(C=>{const j=m(C).scrollHeight;ve(C,{top:j,behavior:A})}),T==="auto"){if(P.current&&oe(o.map(m),q).isAtBottom&&(z.current=re(o)),i){const C=i.requestAnimationFrame(()=>{k.current=null,d(),u()});k.current={view:i,id:C}}else d(),u();return}N.current=setTimeout(()=>{d(),u()},1200)},[se,g,Y,J,d,w,u,q,p]),D=c.useCallback(()=>{const n=w(),o=e.current,i=ne(e,R);return M(n,H.current)&&o===Z.current&&i===$.current?!1:(M(n,H.current)||x(n),H.current=n,Z.current=o,$.current=i,Le(S=>S+1),!0)},[x,R,w,e]);c.useEffect(()=>{const n=w(),o=n[0]?_(n[0]):e.current?.ownerDocument.defaultView??null;if(n.length===0&&!o)return;H.current=n,Z.current=e.current,$.current=ne(e,R);const i=new Set(n.map(De)),S=new Set([...n.map(_),o].filter(r=>r!==null)),T=new Set(Array.from(S).map(r=>r.visualViewport).filter(r=>!!r)),A=r=>{if(y.current!==null&&o&&o.cancelAnimationFrame(y.current),!o){r();return}y.current=o.requestAnimationFrame(()=>{y.current=null,r()})},C=new Map(n.map(r=>[r,m(r).scrollTop])),j=()=>{I.current&&(b.current=new Map(n.map(r=>[r,m(r).scrollTop])),g(),d(),p(!1),n.forEach(r=>{ve(r,{top:m(r).scrollTop,behavior:"instant"})}),u())},fe=r=>{Oe(r)&&j()},me=()=>{const r=b.current;r&&n.some(a=>m(a).scrollTop!==r.get(a))&&(b.current=null);let v=!1;n.forEach(a=>{const te=m(a).scrollTop;te<(C.get(a)??te)-1&&(v=!0),C.set(a,te)}),v&&j(),u()},L=()=>{A(()=>{D(),K.current&&V.current?E("auto"):u()})},de=["wheel","touchstart","pointerdown","keydown"];i.forEach(r=>{r.addEventListener("scroll",me,{passive:!0}),de.forEach(v=>r.addEventListener(v,fe,{passive:!0,capture:!0}))}),S.forEach(r=>r.addEventListener("resize",L)),T.forEach(r=>r.addEventListener("resize",L));const he=o,we=he?.ResizeObserver,ee=we?new we(L):null,pe=()=>{ee?.disconnect();const r=new Set;e.current&&r.add(e.current);const v=ne(e,R);v&&r.add(v),!R?.current&&e.current&&Array.from(e.current.children).forEach(a=>r.add(a)),n.forEach(a=>{!O(a)&&!W(a)&&r.add(a)}),r.forEach(a=>ee?.observe(a))};pe();const Se=he?.MutationObserver,Te=Se?new Se(()=>{pe(),L()}):null;return e.current&&Te?.observe(e.current,{childList:!0,characterData:!0,subtree:!0}),u(),()=>{i.forEach(r=>{r.removeEventListener("scroll",me),de.forEach(v=>r.removeEventListener(v,fe,!0))}),S.forEach(r=>r.removeEventListener("resize",L)),T.forEach(r=>r.removeEventListener("resize",L)),ee?.disconnect(),Te?.disconnect(),y.current!==null&&o&&(o.cancelAnimationFrame(y.current),y.current=null),M(H.current,n)&&(H.current=[])}},[x,ue,g,R,D,d,w,u,E,p,e]),c.useEffect(()=>{D()}),c.useEffect(()=>{const n=w(),o=n[0]?_(n[0]):null;if(D(),n.length===0)return;const i=!K.current&&Q;if(!K.current&&(K.current=!0,!Q)){u();return}if(B.current!==null&&o&&o.cancelAnimationFrame(B.current),!o){V.current?E("auto"):u();return}return B.current=o.requestAnimationFrame(()=>{B.current=null,V.current||i?E("auto"):u()}),()=>{B.current!==null&&(o.cancelAnimationFrame(B.current),B.current=null)}},[Q,ue,Ce,D,w,u,E]),c.useEffect(()=>{if(P.current=F,!F){p(!1);return}u()},[F,u,p]),c.useEffect(()=>()=>{g(),d()},[g,d]);const Me=c.useCallback(()=>{E()},[E]);return{showScrollToBottom:Re,isAtBottom:Fe,followNewContent:He,scrollToBottom:E,handleUserScrollToBottom:Me,refresh:u}}exports.default=Be;exports.getCombinedScrollPresentation=oe;exports.getScrollMetrics=m;exports.getScrollPresentation=ge;exports.resolveScrollBehavior=Ee;exports.resolveScrollTargets=ye;exports.useScrollToBottom=Be;
 //# sourceMappingURL=useScrollToBottom.cjs.map