@jacshuo/onyx 2.2.0 → 2.4.0

package/dist/_tsup-dts-rollup.d.ts

@@ -1,8 +1,19 @@
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import type { CSSProperties } from 'react';
 import { Dispatch } from 'react';
+import { Editor } from '@tiptap/core';
+import { Extension } from '@tiptap/core';
+import { ForwardRefExoticComponent } from 'react';
+import { ImageOptions } from '@tiptap/extension-image';
 import { JSX } from 'react/jsx-runtime';
+import { Node as Node_2 } from '@tiptap/core';
+import type { Node as Node_3 } from '@tiptap/pm/model';
+import { PluginKey } from '@tiptap/pm/state';
 import { default as React_2 } from 'react';
+import type { ReactNode } from 'react';
+import type { Ref } from 'react';
+import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { SetStateAction } from 'react';
 import { VariantProps } from 'class-variance-authority';
@@ -819,6 +830,11 @@ export { ContextMenuProps as ContextMenuProps_alias_2 }
 export { ContextMenuProps as ContextMenuProps_alias_3 }
 export { ContextMenuProps as ContextMenuProps_alias_4 }
 
+/**
+ * Count words in a string.
+ */
+export declare function countWords(text: string): number;
+
 /** Creates a categorical band scale (returns center-of-band x). */
 export declare function createCategoryScale(categories: string[], range: [number, number]): (cat: string) => number;
 
@@ -839,6 +855,7 @@ declare const DataDisplay: {
     CodeBlock: typeof CodeBlock;
     Stat: typeof Stat;
     MetricCard: typeof MetricCard;
+    VirtualList: <T>(props: VirtualListProps<T> & React.RefAttributes<VirtualListHandle>) => React.ReactElement;
 };
 export { DataDisplay }
 export { DataDisplay as DataDisplay_alias_1 }
@@ -963,11 +980,15 @@ export declare const default_alias: {
         AvatarGroup: AvatarGroup;
         Slider: Slider;
         SliderRange: SliderRange;
+        Rating: Rating;
+        Kbd: Kbd;
+        KbdGroup: KbdGroup;
     };
     Layout: {
         Card: Card;
         ImageCard: ImageCard;
         Panel: Panel;
+        SplitPanel: SplitPanel;
     };
     DataDisplay: {
         Table: Table;
@@ -977,6 +998,7 @@ export declare const default_alias: {
         CodeBlock: CodeBlock;
         Stat: Stat;
         MetricCard: MetricCard;
+        VirtualList: <T>(props: VirtualListProps<T> & React.RefAttributes<VirtualListHandle>) => React.ReactElement;
     };
     Navigation: {
         SideNav: SideNav;
@@ -1014,9 +1036,12 @@ export declare const default_alias: {
         CommandPalette: CommandPalette;
         Timeline: Timeline;
         DateTimePicker: DateTimePicker;
+        LoginPanel: LoginPanel;
+        RichTextEditor: ForwardRefExoticComponent<RichTextEditorProps & RefAttributes<RichTextEditorHandle>>;
     };
     Forms: {
         Form: Form;
+        OTPInput: OTPInput;
     };
     Chart: {
         LineChart: LineChart;
@@ -1074,8 +1099,36 @@ export declare function default_alias_120(): JSX.Element;
 
 export declare function default_alias_121(): JSX.Element;
 
+export declare function default_alias_122(): JSX.Element;
+
+export declare function default_alias_123(): JSX.Element;
+
+export declare function default_alias_124(): JSX.Element;
+
+export declare function default_alias_125(): JSX.Element;
+
+export declare function default_alias_126(): JSX.Element;
+
+export declare function default_alias_127(): JSX.Element;
+
+export declare function default_alias_128(): JSX.Element;
+
+export declare function default_alias_129(): JSX.Element;
+
 export declare function default_alias_13(): JSX.Element;
 
+export declare function default_alias_130(): JSX.Element;
+
+export declare function default_alias_131(): JSX.Element;
+
+export declare function default_alias_132(): JSX.Element;
+
+export declare function default_alias_133(): JSX.Element;
+
+export declare function default_alias_134(): JSX.Element;
+
+export declare function default_alias_135(): JSX.Element;
+
 export declare function default_alias_14(): JSX.Element;
 
 export declare function default_alias_15(): JSX.Element;
@@ -1559,6 +1612,11 @@ export { DropdownSingleProps }
 export { DropdownSingleProps as DropdownSingleProps_alias_1 }
 export { DropdownSingleProps as DropdownSingleProps_alias_2 }
 
+export declare const EmbedFrame: Node_2<any, any>;
+
+/** Distribute `totalPx` equally among the provided ids. */
+export declare function even(ids: string[], totalPx: number): Record<string, number>;
+
 declare const Extras: {
     FilmReel: typeof FilmReel;
     MiniPlayer: typeof MiniPlayer;
@@ -1569,6 +1627,8 @@ declare const Extras: {
     CommandPalette: typeof CommandPalette;
     Timeline: typeof Timeline;
     DateTimePicker: typeof DateTimePicker;
+    LoginPanel: typeof LoginPanel;
+    RichTextEditor: ForwardRefExoticComponent<RichTextEditorProps & RefAttributes<RichTextEditorHandle>>;
 };
 export { Extras }
 export { Extras as Extras_alias_1 }
@@ -1765,6 +1825,18 @@ export { FilmReelProps }
 export { FilmReelProps as FilmReelProps_alias_1 }
 export { FilmReelProps as FilmReelProps_alias_2 }
 
+/**
+ * Find all occurrences of `query` in a ProseMirror document.
+ * Returns positions in ProseMirror document coordinates.
+ */
+export declare function findMatchesInDoc(doc: Node_3, query: string, caseSensitive?: boolean): TextMatch[];
+
+/**
+ * Find all occurrences of `query` in a plain string (for Markdown textarea).
+ * Returns [start, end] character index pairs.
+ */
+export declare function findMatchesInText(text: string, query: string, caseSensitive?: boolean): Array<[number, number]>;
+
 /** Finds the index of the nearest category to a given SVG x position. */
 export declare function findNearestCategoryIndex(svgX: number, categories: string[], xScale: (cat: string) => number): number;
 
@@ -1864,6 +1936,7 @@ export { FormProps as FormProps_alias_2 }
 
 declare const Forms: {
     Form: typeof Form;
+    OTPInput: typeof OTPInput;
 };
 export { Forms }
 export { Forms as Forms_alias_1 }
@@ -1939,6 +2012,28 @@ export declare function getYAtCategory(series: ChartSeries, category: string): n
 
 export declare function getYearRange(center: number, span?: number): number[];
 
+/** State passed to a rendered handle element. */
+export declare interface _HandleProps {
+    /** Index in the visible-pane array: handle sits between [index] and [index+1]. */
+    index: number;
+    /** Configuration of the pane to the left / above. */
+    paneA: SplitPanelPane;
+    /** Configuration of the pane to the right / below. */
+    paneB: SplitPanelPane;
+    /** Whether this handle is currently being dragged. */
+    isDragging: boolean;
+    /** Visual bar thickness in px. */
+    handleSize: number;
+    /** Are panels stacked horizontally? */
+    isHorizontal: boolean;
+    /** Pointer event handlers. */
+    onPointerDown: (e: React_2.PointerEvent<HTMLDivElement>) => void;
+    onPointerMove: (e: React_2.PointerEvent<HTMLDivElement>) => void;
+    onPointerUp: (e: React_2.PointerEvent<HTMLDivElement>) => void;
+    /** Keyboard step resize handler. */
+    onKeyDown: (e: React_2.KeyboardEvent<HTMLDivElement>) => void;
+}
+
 declare function Header({ brand, onBrandClick, navItems, actions, linkComponent: Link, height, mobileMenu, navMenuIcon, actionsMenuIcon, className, children, }: HeaderProps): JSX.Element;
 export { Header }
 export { Header as Header_alias_1 }
@@ -2036,6 +2131,14 @@ declare type HorizontalCardProps = Omit<React_2.HTMLAttributes<HTMLDivElement>,
     stackOnMobile?: boolean;
 };
 
+/**
+ * Converts HTML produced by Tiptap to Markdown.
+ * Handles headings, bold, italic, strikethrough, code, links,
+ * images, ordered/unordered lists, blockquotes, horizontal rules,
+ * and falls back to plain text for unrecognised tags.
+ */
+export declare function htmlToMarkdown(html: string): string;
+
 declare function ImageCard({ src, alt, aspectRatio, className, children, ...props }: ImageCardProps): JSX.Element;
 export { ImageCard }
 export { ImageCard as ImageCard_alias_1 }
@@ -2163,6 +2266,59 @@ export declare function isToday(date: Date): boolean;
 
 export declare const ITEM_H = 40;
 
+declare function Kbd({ size, variant, className, children, ...rest }: KbdProps): JSX.Element;
+export { Kbd }
+export { Kbd as Kbd_alias_1 }
+export { Kbd as Kbd_alias_2 }
+export { Kbd as Kbd_alias_3 }
+
+declare function KbdGroup({ separator, className, children }: KbdGroupProps): JSX.Element;
+export { KbdGroup }
+export { KbdGroup as KbdGroup_alias_1 }
+export { KbdGroup as KbdGroup_alias_2 }
+export { KbdGroup as KbdGroup_alias_3 }
+
+declare interface KbdGroupProps {
+    separator?: React_2.ReactNode;
+    className?: string;
+    children: React_2.ReactNode;
+}
+export { KbdGroupProps }
+export { KbdGroupProps as KbdGroupProps_alias_1 }
+export { KbdGroupProps as KbdGroupProps_alias_2 }
+export { KbdGroupProps as KbdGroupProps_alias_3 }
+
+declare interface KbdProps extends React_2.HTMLAttributes<HTMLElement> {
+    size?: KbdSize;
+    variant?: KbdVariant;
+    className?: string;
+    children: React_2.ReactNode;
+}
+export { KbdProps }
+export { KbdProps as KbdProps_alias_1 }
+export { KbdProps as KbdProps_alias_2 }
+export { KbdProps as KbdProps_alias_3 }
+
+declare type KbdSize = "xs" | "sm" | "md" | "lg";
+export { KbdSize }
+export { KbdSize as KbdSize_alias_1 }
+export { KbdSize as KbdSize_alias_2 }
+export { KbdSize as KbdSize_alias_3 }
+
+declare type KbdVariant = "default" | "outline" | "ghost";
+export { KbdVariant }
+export { KbdVariant as KbdVariant_alias_1 }
+export { KbdVariant as KbdVariant_alias_2 }
+export { KbdVariant as KbdVariant_alias_3 }
+
+declare const kbdVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    variant?: "ghost" | "outline" | "default" | null | undefined;
+} & ClassProp) | undefined) => string;
+export { kbdVariants }
+export { kbdVariants as kbdVariants_alias_1 }
+export { kbdVariants as kbdVariants_alias_2 }
+
 declare function Label({ intent, size, className, ...props }: LabelProps): JSX.Element;
 export { Label }
 export { Label as Label_alias_1 }
@@ -2183,6 +2339,7 @@ declare const Layout: {
     Card: typeof Card;
     ImageCard: typeof ImageCard;
     Panel: typeof Panel;
+    SplitPanel: typeof SplitPanel;
 };
 export { Layout }
 export { Layout as Layout_alias_1 }
@@ -2262,6 +2419,44 @@ export { listVariants }
 export { listVariants as listVariants_alias_1 }
 export { listVariants as listVariants_alias_2 }
 
+declare function LoginPanel({ mode: controlledMode, onModeChange, onLogin, onRegister, onOTPComplete, onForgotPassword, logo, title, subtitle, socialLogins, showRememberMe, isLoading, error, className, style, }: LoginPanelProps): JSX.Element;
+export { LoginPanel }
+export { LoginPanel as LoginPanel_alias_1 }
+export { LoginPanel as LoginPanel_alias_2 }
+export { LoginPanel as LoginPanel_alias_3 }
+
+declare type LoginPanelMode = "login" | "register" | "otp" | "forgot";
+export { LoginPanelMode }
+export { LoginPanelMode as LoginPanelMode_alias_1 }
+export { LoginPanelMode as LoginPanelMode_alias_2 }
+export { LoginPanelMode as LoginPanelMode_alias_3 }
+
+declare interface LoginPanelProps {
+    mode?: LoginPanelMode;
+    onModeChange?: (mode: LoginPanelMode) => void;
+    onLogin?: (email: string, password: string, rememberMe: boolean) => void | Promise<void>;
+    onRegister?: (name: string, email: string, password: string) => void | Promise<void>;
+    onOTPComplete?: (otp: string) => void | Promise<void>;
+    onForgotPassword?: (email: string) => void | Promise<void>;
+    logo?: React_2.ReactNode;
+    title?: string;
+    subtitle?: string;
+    socialLogins?: Array<{
+        label: string;
+        icon: React_2.ReactNode;
+        onClick: () => void;
+    }>;
+    showRememberMe?: boolean;
+    isLoading?: boolean;
+    error?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export { LoginPanelProps }
+export { LoginPanelProps as LoginPanelProps_alias_1 }
+export { LoginPanelProps as LoginPanelProps_alias_2 }
+export { LoginPanelProps as LoginPanelProps_alias_3 }
+
 /**
  * Pinterest-style waterfall / masonry layout with rich interactions.
  *
@@ -2471,6 +2666,54 @@ export { OffsetUnit as OffsetUnit_alias_1 }
 export { OffsetUnit as OffsetUnit_alias_2 }
 export { OffsetUnit as OffsetUnit_alias_3 }
 
+declare function OTPInput({ length, value: controlledValue, defaultValue, onChange, onComplete, size, variant, disabled, readOnly, autoFocus, alphanumeric, mask, invalid, className, }: OTPInputProps): JSX.Element;
+export { OTPInput }
+export { OTPInput as OTPInput_alias_1 }
+export { OTPInput as OTPInput_alias_2 }
+export { OTPInput as OTPInput_alias_3 }
+
+declare interface OTPInputProps {
+    length?: number;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    size?: OTPInputSize;
+    variant?: OTPInputVariant;
+    disabled?: boolean;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    alphanumeric?: boolean;
+    mask?: boolean;
+    invalid?: boolean;
+    className?: string;
+}
+export { OTPInputProps }
+export { OTPInputProps as OTPInputProps_alias_1 }
+export { OTPInputProps as OTPInputProps_alias_2 }
+export { OTPInputProps as OTPInputProps_alias_3 }
+
+declare type OTPInputSize = "sm" | "md" | "lg";
+export { OTPInputSize }
+export { OTPInputSize as OTPInputSize_alias_1 }
+export { OTPInputSize as OTPInputSize_alias_2 }
+export { OTPInputSize as OTPInputSize_alias_3 }
+
+declare type OTPInputVariant = "outline" | "filled" | "underline";
+export { OTPInputVariant }
+export { OTPInputVariant as OTPInputVariant_alias_1 }
+export { OTPInputVariant as OTPInputVariant_alias_2 }
+export { OTPInputVariant as OTPInputVariant_alias_3 }
+
+declare const otpInputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "outline" | "underline" | "filled" | null | undefined;
+    invalid?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+export { otpInputVariants }
+export { otpInputVariants as otpInputVariants_alias_1 }
+export { otpInputVariants as otpInputVariants_alias_2 }
+
 declare const Overlay: {
     Dialog: typeof Dialog;
     Tooltip: typeof Tooltip;
@@ -2540,6 +2783,13 @@ export { panelVariants }
 export { panelVariants as panelVariants_alias_1 }
 export { panelVariants as panelVariants_alias_2 }
 
+/**
+ * Parse Markdown to HTML using marked.
+ * Returns synchronously; marked v12+ may return Promise for async renderers,
+ * but the default renderer is synchronous with no async extensions.
+ */
+export declare function parseMarkdown(md: string): string;
+
 declare function PieChart({ data, donut, donutThickness, startAngle, padAngle, labelType, centerLabel, centerSubLabel, explodeOnHover, explodeOffset, title, height, className, legend, legendPosition, animateOnMount, emptyText, }: PieChartProps): JSX.Element;
 export { PieChart }
 export { PieChart as PieChart_alias_1 }
@@ -2605,6 +2855,9 @@ declare const Primitives: {
     AvatarGroup: typeof AvatarGroup;
     Slider: typeof Slider;
     SliderRange: typeof SliderRange;
+    Rating: typeof Rating;
+    Kbd: typeof Kbd;
+    KbdGroup: typeof KbdGroup;
 };
 export { Primitives }
 export { Primitives as Primitives_alias_1 }
@@ -2708,8 +2961,66 @@ export { radioVariants }
 export { radioVariants as radioVariants_alias_1 }
 export { radioVariants as radioVariants_alias_2 }
 
+declare function Rating({ value: controlledValue, defaultValue, max, size, intent, precision, readOnly, disabled, onChange, icon, emptyIcon, label, className, }: RatingProps): JSX.Element;
+export { Rating }
+export { Rating as Rating_alias_1 }
+export { Rating as Rating_alias_2 }
+export { Rating as Rating_alias_3 }
+
+declare type RatingIntent = "warning" | "danger" | "success" | "primary";
+export { RatingIntent }
+export { RatingIntent as RatingIntent_alias_1 }
+export { RatingIntent as RatingIntent_alias_2 }
+export { RatingIntent as RatingIntent_alias_3 }
+
+declare interface RatingProps {
+    value?: number;
+    defaultValue?: number;
+    max?: number;
+    size?: RatingSize;
+    intent?: RatingIntent;
+    precision?: 0.5 | 1;
+    readOnly?: boolean;
+    disabled?: boolean;
+    onChange?: (value: number) => void;
+    icon?: React_2.ReactNode;
+    emptyIcon?: React_2.ReactNode;
+    label?: string;
+    className?: string;
+}
+export { RatingProps }
+export { RatingProps as RatingProps_alias_1 }
+export { RatingProps as RatingProps_alias_2 }
+export { RatingProps as RatingProps_alias_3 }
+
+declare type RatingSize = "sm" | "md" | "lg";
+export { RatingSize }
+export { RatingSize as RatingSize_alias_1 }
+export { RatingSize as RatingSize_alias_2 }
+export { RatingSize as RatingSize_alias_3 }
+
+declare const ratingVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+export { ratingVariants }
+export { ratingVariants as ratingVariants_alias_1 }
+export { ratingVariants as ratingVariants_alias_2 }
+
 declare function removeAlert(id: string): void;
 
+/**
+ * Parse Markdown to sanitised HTML, safe for use with `dangerouslySetInnerHTML`.
+ *
+ * - Uses a local `Marked` instance (does not touch the global singleton).
+ * - Images are wrapped in a `<figure>` with a hidden error-state overlay.
+ * - The output is sanitised with a lightweight allowlist approach.
+ */
+export declare function renderMarkdown(text: string): string;
+
+export declare const ResizableImage: Node_2<ImageOptions, any>;
+
+export declare const ResizableVideo: Node_2<any, any>;
+
 declare function RibbonBar({ tabs, defaultTab, activeTab: controlledTab, onTabChange, mode: controlledMode, onModeChange, sticky, className, }: RibbonBarProps): JSX.Element;
 export { RibbonBar }
 export { RibbonBar as RibbonBar_alias_1 }
@@ -2752,6 +3063,8 @@ export { RibbonGroup as RibbonGroup_alias_1 }
 export { RibbonGroup as RibbonGroup_alias_2 }
 export { RibbonGroup as RibbonGroup_alias_3 }
 export { RibbonGroup as RibbonGroup_alias_4 }
+export { RibbonGroup as RibbonGroup_alias_5 }
+export { RibbonGroup as RibbonGroup_alias_6 }
 
 declare interface RibbonItem {
     key: string;
@@ -2771,6 +3084,8 @@ export { RibbonItem as RibbonItem_alias_1 }
 export { RibbonItem as RibbonItem_alias_2 }
 export { RibbonItem as RibbonItem_alias_3 }
 export { RibbonItem as RibbonItem_alias_4 }
+export { RibbonItem as RibbonItem_alias_5 }
+export { RibbonItem as RibbonItem_alias_6 }
 
 declare type RibbonMode = "full" | "compact" | "icons";
 export { RibbonMode }
@@ -2794,6 +3109,190 @@ export { RibbonTab as RibbonTab_alias_1 }
 export { RibbonTab as RibbonTab_alias_2 }
 export { RibbonTab as RibbonTab_alias_3 }
 export { RibbonTab as RibbonTab_alias_4 }
+export { RibbonTab as RibbonTab_alias_5 }
+export { RibbonTab as RibbonTab_alias_6 }
+
+/** Built-in tab keys for use with extraRibbonGroups. */
+declare type RichEditorBuiltInTabKey = "home" | "insert" | "format";
+export { RichEditorBuiltInTabKey }
+export { RichEditorBuiltInTabKey as RichEditorBuiltInTabKey_alias_1 }
+export { RichEditorBuiltInTabKey as RichEditorBuiltInTabKey_alias_2 }
+
+declare type RichEditorMode = "richtext" | "markdown";
+export { RichEditorMode }
+export { RichEditorMode as RichEditorMode_alias_1 }
+export { RichEditorMode as RichEditorMode_alias_2 }
+export { RichEditorMode as RichEditorMode_alias_3 }
+
+declare const RichTextEditor: React_2.ForwardRefExoticComponent<RichTextEditorProps & React_2.RefAttributes<RichTextEditorHandle>>;
+export { RichTextEditor }
+export { RichTextEditor as RichTextEditor_alias_1 }
+export { RichTextEditor as RichTextEditor_alias_2 }
+export { RichTextEditor as RichTextEditor_alias_3 }
+
+declare interface RichTextEditorHandle {
+    /** Returns HTML when in richtext mode, raw Markdown when in markdown mode. */
+    getContent: () => string;
+    /** The currently active editor mode. */
+    getMode: () => RichEditorMode;
+    getHTML: () => string;
+    getMarkdown: () => string;
+    getJSON: () => object;
+    getText: () => string;
+    setHTML: (html: string) => void;
+    setMarkdown: (md: string) => void;
+    setJSON: (json: object) => void;
+    clear: () => void;
+    focus: () => void;
+    blur: () => void;
+}
+export { RichTextEditorHandle }
+export { RichTextEditorHandle as RichTextEditorHandle_alias_1 }
+export { RichTextEditorHandle as RichTextEditorHandle_alias_2 }
+export { RichTextEditorHandle as RichTextEditorHandle_alias_3 }
+
+/**
+ * All user-visible strings in the RichTextEditor ribbon bar.
+ * Pass a partial record to override only the strings you need.
+ *
+ * Keys follow the pattern:
+ *   - tab_<tabKey>         → tab header label
+ *   - group_<groupKey>     → group header label
+ *   - <buttonKey>          → button label
+ */
+declare interface RichTextEditorLabels {
+    tab_home: string;
+    tab_insert: string;
+    tab_format: string;
+    group_clipboard: string;
+    undo: string;
+    redo: string;
+    group_text: string;
+    bold: string;
+    italic: string;
+    underline: string;
+    strikethrough: string;
+    group_headings: string;
+    h1: string;
+    h2: string;
+    h3: string;
+    paragraph: string;
+    group_alignment: string;
+    alignLeft: string;
+    alignCenter: string;
+    alignRight: string;
+    alignJustify: string;
+    group_lists: string;
+    bulletList: string;
+    orderedList: string;
+    save: string;
+    group_media: string;
+    image: string;
+    /** Label for the generic video/embed insert button (YouTube, Vimeo, Bilibili, mp4…). */
+    video: string;
+    /** @deprecated renamed to `video`; kept for backward compatibility */
+    youtube: string;
+    group_content: string;
+    link: string;
+    table: string;
+    codeBlock: string;
+    blockquote: string;
+    divider: string;
+    group_style: string;
+    color: string;
+    highlight: string;
+    subscript: string;
+    superscript: string;
+    group_reset: string;
+    clear: string;
+    group_table_rows: string;
+    addRowBefore: string;
+    addRowAfter: string;
+    deleteRow: string;
+    group_table_cols: string;
+    addColBefore: string;
+    addColAfter: string;
+    deleteColumn: string;
+    group_table_cells: string;
+    mergeCells: string;
+    splitCell: string;
+    deleteTable: string;
+}
+export { RichTextEditorLabels }
+export { RichTextEditorLabels as RichTextEditorLabels_alias_1 }
+export { RichTextEditorLabels as RichTextEditorLabels_alias_2 }
+
+declare interface RichTextEditorProps extends RichTextEditorRibbonProps {
+    /** Editor mode: richtext (WYSIWYG) or markdown (plain text source) */
+    mode?: RichEditorMode;
+    defaultMode?: RichEditorMode;
+    onModeChange?: (mode: RichEditorMode) => void;
+    /** Whether live preview pane is visible. Default: false (OFF) */
+    showPreview?: boolean;
+    /** Uncontrolled default preview visibility. Default: false */
+    defaultShowPreview?: boolean;
+    /** Called when preview toggle changes */
+    onPreviewChange?: (show: boolean) => void;
+    /** Initial HTML or Markdown content */
+    defaultValue?: string;
+    /** Controlled content value */
+    value?: string;
+    /** Called on every content change */
+    onChange?: (value: {
+        html: string;
+        markdown: string;
+        json: object;
+        text: string;
+    }) => void;
+    /**
+     * Called when the user presses Cmd/Ctrl+S or clicks the Save ribbon button.
+     * `content` is the current editor content in the active `mode`:
+     * HTML string for "richtext", raw Markdown string for "markdown".
+     */
+    onSave?: (content: string, mode: RichEditorMode) => void;
+    placeholder?: string;
+    readOnly?: boolean;
+    height?: number | string;
+    minHeight?: number | string;
+    maxHeight?: number | string;
+    showWordCount?: boolean;
+    showCharCount?: boolean;
+    /** If provided, called on image paste/upload; return public URL. Default: base64 inline */
+    onImageUpload?: (file: File) => Promise<string>;
+    allowedImageTypes?: string[];
+    maxImageSize?: number;
+    autoFocus?: boolean;
+    spellCheck?: boolean;
+    className?: string;
+    style?: React_2.CSSProperties;
+    /**
+     * Override any ribbon button / group / tab label for internationalisation.
+     * Unspecified keys fall back to the built-in English defaults.
+     */
+    labels?: Partial<RichTextEditorLabels>;
+}
+export { RichTextEditorProps }
+export { RichTextEditorProps as RichTextEditorProps_alias_1 }
+export { RichTextEditorProps as RichTextEditorProps_alias_2 }
+export { RichTextEditorProps as RichTextEditorProps_alias_3 }
+
+/**
+ * Inject extra groups into built-in ribbon tabs or supply entirely new tabs.
+ */
+declare interface RichTextEditorRibbonProps {
+    /**
+     * Extra `RibbonGroup[]` to append to built-in ribbon tabs.
+     * Key is the built-in tab key ("home" | "insert" | "format").
+     */
+    extraRibbonGroups?: Partial<Record<RichEditorBuiltInTabKey, RibbonGroup[]>>;
+    /**
+     * Additional ribbon tabs appended after the built-in tabs.
+     */
+    extraRibbonTabs?: RibbonTab[];
+}
+export { RichTextEditorRibbonProps }
+export { RichTextEditorRibbonProps as RichTextEditorRibbonProps_alias_1 }
+export { RichTextEditorRibbonProps as RichTextEditorRibbonProps_alias_2 }
 
 declare function ScatterChart({ series, xAxis, yAxis, dotRadius, dotOpacity, clusters, jitter, jitterAmount, linkedLines, title, height, className, legend, legendPosition, animateOnMount, emptyText, }: ScatterChartProps): JSX.Element;
 export { ScatterChart }
@@ -2824,6 +3323,17 @@ export { ScatterChartProps }
 export { ScatterChartProps as ScatterChartProps_alias_1 }
 export { ScatterChartProps as ScatterChartProps_alias_2 }
 
+export declare const SearchExtension: Extension<any, any>;
+
+export declare const searchPluginKey: PluginKey<SearchState>;
+
+export declare interface SearchState {
+    query: string;
+    caseSensitive: boolean;
+    currentIndex: number;
+    matches: TextMatch[];
+}
+
 export declare function Section({ title, children }: {
     title: string;
     children: React_2.ReactNode;
@@ -3137,6 +3647,116 @@ export { spinVariants }
 export { spinVariants as spinVariants_alias_1 }
 export { spinVariants as spinVariants_alias_2 }
 
+/**
+ * SplitPanel — VSCode-style resizable split-pane layout for desktop applications.
+ *
+ * - Supports horizontal (side-by-side) and vertical (stacked) splits.
+ * - Any number of panes; each can be independently shown or hidden.
+ * - Drag handles with hover & active visual feedback.
+ * - Keyboard resize (arrow keys) for accessibility.
+ * - Optional localStorage persistence via `autoSaveId`.
+ * - Data-driven via the `panes` prop + controlled `visibility` map.
+ */
+declare function SplitPanel({ direction, panes, visibility, onVisibilityChange, width, height, handleSize, defaultBackground, autoSaveId, onResizeEnd, className, style, }: SplitPanelProps): JSX.Element;
+export { SplitPanel }
+export { SplitPanel as SplitPanel_alias_1 }
+export { SplitPanel as SplitPanel_alias_2 }
+export { SplitPanel as SplitPanel_alias_3 }
+
+/**
+ * Configuration for a single pane inside SplitPanel.
+ */
+declare interface SplitPanelPane {
+    /** Unique identifier used to key the pane and track visibility/sizes. */
+    id: string;
+    /**
+     * Initial size in pixels when the pane has no persisted size.
+     * Panes without a `defaultSize` share remaining container space equally.
+     */
+    defaultSize?: number;
+    /** Minimum size in pixels. The pane cannot be dragged smaller than this. Default: 48. */
+    minSize?: number;
+    /** Maximum size in pixels. The pane cannot be dragged larger than this. Default: unlimited. */
+    maxSize?: number;
+    /**
+     * CSS background color for this pane.
+     * Overrides the container-level `defaultBackground`.
+     * Accepts any valid CSS color value.
+     */
+    background?: string;
+    /** Additional CSS class names applied to this pane's wrapper element. */
+    className?: string;
+    /** Inline style overrides for this pane's wrapper element. */
+    style?: React_2.CSSProperties;
+    /** Pane content. */
+    children?: React_2.ReactNode;
+}
+export { SplitPanelPane }
+export { SplitPanelPane as SplitPanelPane_alias_1 }
+export { SplitPanelPane as SplitPanelPane_alias_2 }
+export { SplitPanelPane as SplitPanelPane_alias_3 }
+export { SplitPanelPane as SplitPanelPane_alias_4 }
+
+/**
+ * Props for the SplitPanel component.
+ */
+declare interface SplitPanelProps {
+    /**
+     * Controls whether panes are arranged side-by-side (`"horizontal"`) or
+     * stacked top-to-bottom (`"vertical"`). Default: `"horizontal"`.
+     */
+    direction?: "horizontal" | "vertical";
+    /**
+     * Pane definitions. Order determines visual order left-to-right (horizontal)
+     * or top-to-bottom (vertical).
+     */
+    panes: SplitPanelPane[];
+    /**
+     * Controlled visibility map `{ [paneId]: boolean }`.
+     * Omitted or `true` → visible. `false` → the pane is removed from layout
+     * and its space is redistributed to its neighbours.
+     */
+    visibility?: Record<string, boolean>;
+    /**
+     * Fires when the component wants to toggle a pane.
+     * (Reserved for future imperative toggle APIs — the consumer drives state.)
+     */
+    onVisibilityChange?: (id: string, visible: boolean) => void;
+    /** Container width. Default: `"100%"`. Accepts CSS length strings or numbers (px). */
+    width?: string | number;
+    /** Container height. Default: `"100%"`. Accepts CSS length strings or numbers (px). */
+    height?: string | number;
+    /**
+     * Visual thickness of the resize divider bar in pixels. Default: 4.
+     * The interactive hit-area is always ≥ 8 px for usability.
+     */
+    handleSize?: number;
+    /**
+     * Default background color applied to every pane unless the pane defines
+     * its own `background`. Accepts any CSS color value.
+     */
+    defaultBackground?: string;
+    /**
+     * When provided, each pane's pixel size is persisted under
+     * `localStorage["onyx-split:<autoSaveId>"]` and restored on re-mount.
+     */
+    autoSaveId?: string;
+    /**
+     * Called after the user finishes a resize drag interaction.
+     * Receives a snapshot of all pane sizes (visible and hidden) in pixels.
+     */
+    onResizeEnd?: (sizes: Record<string, number>) => void;
+    /** Additional CSS class names for the container element. */
+    className?: string;
+    /** Inline style overrides for the container element. */
+    style?: React_2.CSSProperties;
+}
+export { SplitPanelProps }
+export { SplitPanelProps as SplitPanelProps_alias_1 }
+export { SplitPanelProps as SplitPanelProps_alias_2 }
+export { SplitPanelProps as SplitPanelProps_alias_3 }
+export { SplitPanelProps as SplitPanelProps_alias_4 }
+
 declare function Stat({ title, value, prefix, suffix, icon, trend, trendValue, description, intent, size, className, }: StatProps): JSX.Element;
 export { Stat }
 export { Stat as Stat_alias_1 }
@@ -3384,6 +4004,11 @@ export { TextBoxProps }
 export { TextBoxProps as TextBoxProps_alias_1 }
 export { TextBoxProps as TextBoxProps_alias_2 }
 
+export declare interface TextMatch {
+    from: number;
+    to: number;
+}
+
 declare function Timeline({ items, orientation, activeIndex, animated, lineStyle, className, }: TimelineProps): JSX.Element;
 export { Timeline }
 export { Timeline as Timeline_alias_1 }
@@ -3654,7 +4279,7 @@ declare type TreeProps = React_2.HTMLAttributes<HTMLUListElement> & {
  * - Waiting (stream mode, `streaming=true`): blinking cursor after catching up.
  * - Done: cursor fades out.
  */
-declare function TypewriterText({ text, mode, speed, cursor, cursorChar, thinking, streaming, delay, onComplete, as: Tag, className, }: TypewriterTextProps): JSX.Element;
+declare function TypewriterText({ text, mode, speed, cursor, cursorChar, thinking, streaming, delay, onComplete, as: Tag, className, rich, }: TypewriterTextProps): JSX.Element;
 export { TypewriterText }
 export { TypewriterText as TypewriterText_alias_1 }
 export { TypewriterText as TypewriterText_alias_2 }
@@ -3695,6 +4320,14 @@ declare interface TypewriterTextProps {
     /** HTML element to render as. @default "span" */
     as?: "span" | "div" | "p" | "pre" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "li";
     className?: string;
+    /**
+     * Enable Markdown / HTML rendering.
+     * When `true`, the animated text is parsed as Markdown and rendered as HTML.
+     * Images are displayed as `<img>` blocks with a fade-in animation.
+     * The wrapper element is always `<div role="region">`, regardless of the `as` prop.
+     * @default false
+     */
+    rich?: boolean;
 }
 export { TypewriterTextProps }
 export { TypewriterTextProps as TypewriterTextProps_alias_1 }
@@ -3767,6 +4400,21 @@ export declare function usePositioning(anchorRef: {
     readonly current: HTMLElement | null;
 }, isOpen: boolean): void;
 
+export declare function useRichEditor(options: UseRichEditorOptions): Editor;
+
+export declare interface UseRichEditorOptions {
+    defaultValue?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    onChange?: (value: {
+        html: string;
+        markdown: string;
+        json: object;
+        text: string;
+    }) => void;
+}
+
 export declare function useScrollColumn(containerRef: React.RefObject<HTMLDivElement | null>, count: number, onSelectIndex: (idx: number) => void): {
     scrollToIndex: (index: number, behavior?: "smooth" | "instant" | "auto") => void;
     handleScroll: () => void;
@@ -3782,6 +4430,35 @@ export { useSpin }
 export { useSpin as useSpin_alias_1 }
 export { useSpin as useSpin_alias_2 }
 
+export declare function useSplitPanel({ panes, direction, containerRef, visibility, autoSaveId, onResizeEnd, }: UseSplitPanelOptions): UseSplitPanelReturn;
+
+export declare interface UseSplitPanelOptions {
+    panes: SplitPanelPane[];
+    direction: "horizontal" | "vertical";
+    containerRef: RefObject<HTMLDivElement | null>;
+    visibility: Record<string, boolean>;
+    autoSaveId?: string;
+    onResizeEnd?: (sizes: Record<string, number>) => void;
+}
+
+export declare interface UseSplitPanelReturn {
+    /** Current px sizes for every pane, keyed by id. */
+    sizes: Record<string, number>;
+    /** Index of the handle currently being dragged, or null. */
+    activeHandleIndex: number | null;
+    /**
+     * Build pointer-event handlers for interacting with a specific resize handle.
+     * `handleIndex` is the index within the *visible* pane array —
+     * the handle sits between visiblePanes[handleIndex] and visiblePanes[handleIndex + 1].
+     */
+    buildHandlers: (handleIndex: number, paneA: SplitPanelPane, paneB: SplitPanelPane) => {
+        onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerMove: (e: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerUp: (e: React.PointerEvent<HTMLDivElement>) => void;
+        onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    };
+}
+
 /**
  * useToast — hook for triggering toasts from anywhere inside a <ToastProvider>.
  * Throws if called outside of a ToastProvider.
@@ -3803,6 +4480,18 @@ export declare function useToastManager(defaultPosition: ToastPosition, defaultD
     dismissAll: () => void;
 };
 
+export declare function useVirtualList<T>(props: VirtualListProps<T>, handleRef: Ref<VirtualListHandle>): UseVirtualListReturn;
+
+export declare interface UseVirtualListReturn {
+    scrollerRef: React.RefObject<HTMLDivElement | null>;
+    startIndex: number;
+    endIndex: number;
+    totalSize: number;
+    getItemOffset: (index: number) => number;
+    getItemSize: (index: number) => number;
+    measureItem: (index: number, el: Element | null) => void;
+}
+
 /** Callback type for FormItem's `onValidate` prop. */
 declare type ValidateCallback = (value: unknown) => ValidationResult;
 export { ValidateCallback }
@@ -3818,4 +4507,157 @@ export { ValidationResult }
 export { ValidationResult as ValidationResult_alias_1 }
 export { ValidationResult as ValidationResult_alias_2 }
 
+/**
+ * `VirtualList` renders only the visible slice of a (potentially enormous) dataset,
+ * keeping DOM node count constant regardless of `items.length`.
+ *
+ * Supports **fixed-height** rows (O(1) offset lookup), **variable-height** rows
+ * (auto-measured via `ResizeObserver`), **horizontal** axis, **infinite scroll**,
+ * **scroll-to-index**, and **scroll restoration** out of the box.
+ *
+ * Drop it into any container — `Panel`, `SplitPanel`, `Card`, a bare `div` — and it
+ * fills the available space.
+ *
+ * @example
+ * ```tsx
+ * <VirtualList
+ *   items={myData}
+ *   itemHeight={48}
+ *   height={400}
+ *   renderItem={(item, i) => <Row key={i} item={item} />}
+ * />
+ * ```
+ */
+declare const VirtualList: <T>(props: VirtualListProps<T> & React_2.RefAttributes<VirtualListHandle>) => React_2.ReactElement;
+export { VirtualList }
+export { VirtualList as VirtualList_alias_1 }
+export { VirtualList as VirtualList_alias_2 }
+export { VirtualList as VirtualList_alias_3 }
+
+/**
+ * Alignment hint for `scrollToIndex`.
+ * - `"start"` — item top/left aligns with viewport start
+ * - `"end"` — item bottom/right aligns with viewport end
+ * - `"center"` — item is centered in the viewport
+ * - `"auto"` — minimal scroll to bring the item into view (default)
+ */
+declare type VirtualListAlign = "start" | "center" | "end" | "auto";
+export { VirtualListAlign }
+export { VirtualListAlign as VirtualListAlign_alias_1 }
+export { VirtualListAlign as VirtualListAlign_alias_2 }
+export { VirtualListAlign as VirtualListAlign_alias_3 }
+
+/** Scroll axis for the virtual list. */
+declare type VirtualListDirection = "vertical" | "horizontal";
+export { VirtualListDirection }
+export { VirtualListDirection as VirtualListDirection_alias_1 }
+export { VirtualListDirection as VirtualListDirection_alias_2 }
+export { VirtualListDirection as VirtualListDirection_alias_3 }
+
+/** Imperative handle exposed via `ref` on `<VirtualList>`. */
+declare interface VirtualListHandle {
+    /** Scroll to bring item at `index` into view at the specified alignment. */
+    scrollToIndex: (index: number, align?: VirtualListAlign) => void;
+    /** Jump to an exact pixel offset (smooth by default). */
+    scrollToOffset: (offset: number) => void;
+    /** Returns the current scroll offset in pixels. */
+    getScrollOffset: () => number;
+}
+export { VirtualListHandle }
+export { VirtualListHandle as VirtualListHandle_alias_1 }
+export { VirtualListHandle as VirtualListHandle_alias_2 }
+export { VirtualListHandle as VirtualListHandle_alias_3 }
+
+declare interface VirtualListProps<T = unknown> {
+    /** Dataset to virtualise. Change the reference to swap/extend data. */
+    items: T[];
+    /**
+     * Returns a stable key for an item. Defaults to the item's array index.
+     * Provide this whenever items can be reordered or inserted at arbitrary positions.
+     */
+    getItemKey?: (item: T, index: number) => string | number;
+    /**
+     * Render callback for each visible item.
+     * The component wraps every item in an absolutely-positioned container, so
+     * your element can fill 100 % of its wrapper without extra layout work.
+     */
+    renderItem: (item: T, index: number) => ReactNode;
+    /**
+     * Height (vertical) or width (horizontal) of each item in pixels.
+     *
+     * - **number** — fixed uniform size; fastest render path (O(1) offset lookup).
+     * - **function** — variable per-item size; items are measured via
+     *   `ResizeObserver` after first render and the layout is corrected automatically.
+     */
+    itemHeight: number | ((item: T, index: number) => number);
+    /**
+     * Estimated size used as a placeholder before a variable-height item is
+     * measured. Only relevant when `itemHeight` is a function.
+     * A good estimate reduces layout shift on first render.
+     * @default 48
+     */
+    estimatedItemHeight?: number;
+    /** Viewport height (CSS value). Set to `"100%"` to fill a parent container. @default "100%" */
+    height?: number | string;
+    /** Viewport width (CSS value). @default "100%" */
+    width?: number | string;
+    direction?: VirtualListDirection;
+    /**
+     * Extra rows rendered outside the visible viewport on each side to reduce
+     * white-flash during fast scroll. Higher values trade CPU/memory for smoothness.
+     * @default 3
+     */
+    overscan?: number;
+    /** Fired when the user scrolls within `reachEndThreshold` px of the end. */
+    onReachEnd?: () => void;
+    /**
+     * Pixel distance from the scroll end that triggers `onReachEnd`.
+     * @default 120
+     */
+    reachEndThreshold?: number;
+    /** When `true` a loading indicator is shown at the bottom/right. */
+    isLoading?: boolean;
+    /** Custom loading indicator. Overrides the default spinner row entirely. */
+    loadingRenderer?: () => ReactNode;
+    /**
+     * Text shown in the **default** loading indicator (when `loadingRenderer` is not provided).
+     * @default "Loading…"
+     */
+    loadingText?: string;
+    /** Rendered when `items` is empty. Overrides the default empty state entirely. */
+    emptyRenderer?: () => ReactNode;
+    /**
+     * Text shown in the **default** empty-state indicator (when `emptyRenderer` is not provided).
+     * @default "No items"
+     */
+    emptyText?: string;
+    /**
+     * When provided the scroll position is persisted to `localStorage` under
+     * the key `"onyx-vlist:<scrollRestorationId>"` and restored on mount.
+     */
+    scrollRestorationId?: string;
+    /** Called on every scroll event with the current pixel offset. */
+    onScroll?: (offset: number) => void;
+    /**
+     * Called whenever the set of *visually* visible items changes.
+     * Indices exclude the overscan buffer.
+     */
+    onVisibleRangeChange?: (startIndex: number, endIndex: number) => void;
+    className?: string;
+    style?: CSSProperties;
+    /**
+     * Class name applied to every item's wrapper `<div>`. Use this to add
+     * borders, hover states, or selection highlights without modifying each
+     * rendered item.
+     */
+    itemClassName?: string;
+}
+export { VirtualListProps }
+export { VirtualListProps as VirtualListProps_alias_1 }
+export { VirtualListProps as VirtualListProps_alias_2 }
+export { VirtualListProps as VirtualListProps_alias_3 }
+
+/** Return ids of panes that are currently visible. */
+export declare function visibleIds(panes: SplitPanelPane[], visibility: Record<string, boolean>): string[];
+
 export { }