@iamsaroj/smart-ui 0.2.0

package/dist/lexical-text-editor/plugins/toolbar/constants.d.ts

@@ -0,0 +1,36 @@
+import type { TextFormatType } from "lexical";
+/**
+ * Shared data and types for the toolbar sections. Pure module — no components —
+ * so every section imports from here without pulling in React render code.
+ */
+export type BlockType = "paragraph" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "bullet" | "number" | "check" | "quote" | "code";
+export declare const BLOCK_TYPE_LABELS: Record<BlockType, string>;
+export declare const MIN_FONT_SIZE = 8;
+export declare const MAX_FONT_SIZE = 96;
+export declare const DEFAULT_FONT_SIZE = 14;
+export declare const FONT_SIZES: number[];
+export declare const FONT_FAMILIES: Array<{
+    label: string;
+    value: string;
+}>;
+export declare const TEXT_COLORS: Array<{
+    label: string;
+    value: string;
+}>;
+export declare const HIGHLIGHT_COLORS: Array<{
+    label: string;
+    value: string;
+}>;
+export declare const CODE_LANGUAGE_OPTIONS: [string, string][];
+export declare const ALL_TEXT_FORMATS: TextFormatType[];
+/**
+ * Which dropdown menu is open, and the callbacks to toggle/close it. The
+ * `ToolbarPlugin` owns this single-open-at-a-time state and threads it into
+ * every section that renders a `PortalDropdown`.
+ */
+export interface ToolbarMenuControls {
+    openMenu: string | null;
+    toggleMenu: (name: string) => void;
+    closeMenu: () => void;
+}
+//# sourceMappingURL=constants.d.ts.map

package/dist/lexical-text-editor/plugins/toolbar/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/lexical-text-editor/plugins/toolbar/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C;;;GAGG;AAEH,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAavD,CAAA;AAED,eAAO,MAAM,aAAa,IAAI,CAAA;AAC9B,eAAO,MAAM,aAAa,KAAK,CAAA;AAC/B,eAAO,MAAM,iBAAiB,KAAK,CAAA;AAEnC,eAAO,MAAM,UAAU,UAGtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAQjE,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAY/D,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAUpE,CAAA;AAED,eAAO,MAAM,qBAAqB,oBAA2B,CAAA;AAE7D,eAAO,MAAM,gBAAgB,EAAE,cAAc,EAS5C,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB"}

package/dist/lexical-text-editor/plugins/toolbar/constants.js

@@ -0,0 +1,67 @@
+import { getCodeLanguageOptions } from "@lexical/code";
+export const BLOCK_TYPE_LABELS = {
+    paragraph: "Normal",
+    h1: "Heading 1",
+    h2: "Heading 2",
+    h3: "Heading 3",
+    h4: "Heading 4",
+    h5: "Heading 5",
+    h6: "Heading 6",
+    bullet: "Bullet List",
+    number: "Numbered List",
+    check: "Checklist",
+    quote: "Quote",
+    code: "Code Block",
+};
+export const MIN_FONT_SIZE = 8;
+export const MAX_FONT_SIZE = 96;
+export const DEFAULT_FONT_SIZE = 14;
+export const FONT_SIZES = [
+    8, 9, 10, 11, 12, 13, 14, 15, 16, 18, 20, 24, 28, 32, 36, 40, 48, 56, 64, 72,
+    96,
+];
+export const FONT_FAMILIES = [
+    { label: "Default", value: "" },
+    { label: "Arial", value: "Arial, sans-serif" },
+    { label: "Courier New", value: "'Courier New', monospace" },
+    { label: "Georgia", value: "Georgia, serif" },
+    { label: "Times New Roman", value: "'Times New Roman', serif" },
+    { label: "Trebuchet MS", value: "'Trebuchet MS', sans-serif" },
+    { label: "Verdana", value: "Verdana, sans-serif" },
+];
+export const TEXT_COLORS = [
+    { label: "Default", value: "" },
+    { label: "Gray", value: "#6b7280" },
+    { label: "Red", value: "#dc2626" },
+    { label: "Orange", value: "#ea580c" },
+    { label: "Amber", value: "#d97706" },
+    { label: "Green", value: "#16a34a" },
+    { label: "Teal", value: "#0d9488" },
+    { label: "Blue", value: "#2563eb" },
+    { label: "Indigo", value: "#4f46e5" },
+    { label: "Purple", value: "#9333ea" },
+    { label: "Pink", value: "#db2777" },
+];
+export const HIGHLIGHT_COLORS = [
+    { label: "None", value: "" },
+    { label: "Yellow", value: "#fef08a" },
+    { label: "Green", value: "#bbf7d0" },
+    { label: "Blue", value: "#bfdbfe" },
+    { label: "Purple", value: "#e9d5ff" },
+    { label: "Pink", value: "#fbcfe8" },
+    { label: "Red", value: "#fecaca" },
+    { label: "Orange", value: "#fed7aa" },
+    { label: "Gray", value: "#e5e7eb" },
+];
+export const CODE_LANGUAGE_OPTIONS = getCodeLanguageOptions();
+export const ALL_TEXT_FORMATS = [
+    "bold",
+    "italic",
+    "underline",
+    "strikethrough",
+    "code",
+    "superscript",
+    "subscript",
+    "highlight",
+];
+//# sourceMappingURL=constants.js.map

package/dist/lexical-text-editor/plugins/toolbar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/lexical-text-editor/plugins/toolbar/constants.ts"],"names":[],"mappings":"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"}

package/dist/lexical-text-editor/plugins/toolbar/inline-marks.d.ts

@@ -0,0 +1,14 @@
+import { type LexicalEditor } from "lexical";
+import { type ToolbarMenuControls } from "./constants";
+import type { ToolbarState } from "./use-toolbar-state";
+/**
+ * The inline text-styling section: font family + size, the text-format toggle
+ * buttons (bold/italic/…/inline-code), and text/highlight color palettes.
+ * Rendered in place of the code-language control for non-code blocks.
+ */
+export declare const InlineMarks: ({ editor, state, menu, }: {
+    editor: LexicalEditor;
+    state: ToolbarState;
+    menu: ToolbarMenuControls;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inline-marks.d.ts.map

package/dist/lexical-text-editor/plugins/toolbar/inline-marks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-marks.d.ts","sourceRoot":"","sources":["../../../../src/lexical-text-editor/plugins/toolbar/inline-marks.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,SAAS,CAAA;AAwBhB,OAAO,EAQL,KAAK,mBAAmB,EACzB,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAiPvD;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,0BAIzB;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,KAAK,EAAE,YAAY,CAAA;IACnB,IAAI,EAAE,mBAAmB,CAAA;CAC1B,4CAqCA,CAAA"}

package/dist/lexical-text-editor/plugins/toolbar/inline-marks.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { $getSelection, FORMAT_TEXT_COMMAND, } from "lexical";
+import { $patchStyleText } from "@lexical/selection";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Baseline, Bold, Code, Highlighter, Italic, Minus, PaintBucket, Plus, Strikethrough, Subscript, Superscript, Type, Underline, } from "lucide-react";
+import { DropdownItem, PortalDropdown, ToolbarButton, ToolbarSeparator, } from "./primitives";
+import { DEFAULT_FONT_SIZE, FONT_FAMILIES, FONT_SIZES, HIGHLIGHT_COLORS, MAX_FONT_SIZE, MIN_FONT_SIZE, TEXT_COLORS, } from "./constants";
+// Smart font-size stepping — bigger sizes step by bigger amounts.
+// Matches the Lexical playground's calculateNextFontSize.
+const calculateNextFontSize = (current, delta) => {
+    if (delta === -1) {
+        if (current > MAX_FONT_SIZE)
+            return MAX_FONT_SIZE;
+        if (current >= 48)
+            return current - 12;
+        if (current >= 24)
+            return current - 4;
+        if (current >= 14)
+            return current - 2;
+        if (current >= 9)
+            return current - 1;
+        return MIN_FONT_SIZE;
+    }
+    if (current < MIN_FONT_SIZE)
+        return MIN_FONT_SIZE;
+    if (current < 12)
+        return current + 1;
+    if (current < 20)
+        return current + 2;
+    if (current < 36)
+        return current + 4;
+    if (current <= 60)
+        return current + 12;
+    return MAX_FONT_SIZE;
+};
+const ColorPaletteDropdown = ({ editor, colors, styleProperty, icon, title, menuName, menu, }) => {
+    const apply = (value) => {
+        editor.update(() => {
+            const sel = $getSelection();
+            if (sel !== null) {
+                $patchStyleText(sel, { [styleProperty]: value || null });
+            }
+        });
+        menu.closeMenu();
+    };
+    return (_jsx(PortalDropdown, { isOpen: menu.openMenu === menuName, onToggle: () => menu.toggleMenu(menuName), onClose: menu.closeMenu, title: title, chevron: false, panelClassName: "w-40 p-2", label: icon, children: _jsx("div", { className: "grid grid-cols-6 gap-1", children: colors.map((c) => (_jsx("button", { type: "button", title: c.label, "aria-label": c.label, onClick: () => apply(c.value), className: cn("size-5 rounded border border-border transition-transform hover:scale-110", !c.value &&
+                    "bg-background bg-[linear-gradient(to_top_left,transparent_46%,var(--destructive)_48%,var(--destructive)_52%,transparent_54%)]"), style: c.value ? { backgroundColor: c.value } : undefined }, c.label))) }) }));
+};
+const FontFamilyControl = ({ editor, value, menu, }) => {
+    const current = FONT_FAMILIES.find((f) => f.value === value) ?? FONT_FAMILIES[0];
+    const apply = (family) => {
+        editor.update(() => {
+            const sel = $getSelection();
+            if (sel !== null) {
+                $patchStyleText(sel, { "font-family": family || null });
+            }
+        });
+        menu.closeMenu();
+    };
+    return (_jsx(PortalDropdown, { isOpen: menu.openMenu === "fontFamily", onToggle: () => menu.toggleMenu("fontFamily"), onClose: menu.closeMenu, title: "Font family", panelClassName: "w-44", label: _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Type, { className: "size-3" }), _jsx("span", { className: "max-w-[5rem] truncate", children: current.label })] }), children: FONT_FAMILIES.map((f) => (_jsx(DropdownItem, { label: f.label, active: f.value === value || (!f.value && !value), onClick: () => apply(f.value), style: f.value ? { fontFamily: f.value } : undefined }, f.label))) }));
+};
+const FontSizeControl = ({ editor, value, menu, }) => {
+    const px = parseInt(value) || DEFAULT_FONT_SIZE;
+    const apply = (newPx) => {
+        const clamped = Math.max(MIN_FONT_SIZE, Math.min(MAX_FONT_SIZE, newPx));
+        editor.update(() => {
+            const sel = $getSelection();
+            if (sel !== null)
+                $patchStyleText(sel, { "font-size": `${clamped}px` });
+        });
+    };
+    return (_jsxs("div", { className: "flex items-center gap-0.5", children: [_jsx(ToolbarButton, { title: "Decrease font size", disabled: px <= MIN_FONT_SIZE, onClick: () => apply(calculateNextFontSize(px, -1)), children: _jsx(Minus, {}) }), _jsx(PortalDropdown, { isOpen: menu.openMenu === "fontSize", onToggle: () => menu.toggleMenu("fontSize"), onClose: menu.closeMenu, title: "Font size", chevron: false, panelClassName: "w-20 max-h-64 overflow-y-auto", label: _jsx("span", { className: "w-5 text-center tabular-nums", children: px }), children: FONT_SIZES.map((sz) => (_jsx(DropdownItem, { label: String(sz), active: px === sz, onClick: () => {
+                        apply(sz);
+                        menu.closeMenu();
+                    } }, sz))) }), _jsx(ToolbarButton, { title: "Increase font size", disabled: px >= MAX_FONT_SIZE, onClick: () => apply(calculateNextFontSize(px, 1)), children: _jsx(Plus, {}) })] }));
+};
+const FORMAT_BUTTONS = [
+    {
+        format: "bold",
+        title: "Bold (Ctrl+B)",
+        icon: _jsx(Bold, {}),
+        stateKey: "isBold",
+    },
+    {
+        format: "italic",
+        title: "Italic (Ctrl+I)",
+        icon: _jsx(Italic, {}),
+        stateKey: "isItalic",
+    },
+    {
+        format: "underline",
+        title: "Underline (Ctrl+U)",
+        icon: _jsx(Underline, {}),
+        stateKey: "isUnderline",
+    },
+    {
+        format: "strikethrough",
+        title: "Strikethrough",
+        icon: _jsx(Strikethrough, {}),
+        stateKey: "isStrikethrough",
+    },
+    {
+        format: "superscript",
+        title: "Superscript",
+        icon: _jsx(Superscript, {}),
+        stateKey: "isSuperscript",
+    },
+    {
+        format: "subscript",
+        title: "Subscript",
+        icon: _jsx(Subscript, {}),
+        stateKey: "isSubscript",
+    },
+    {
+        format: "highlight",
+        title: "Highlight",
+        icon: _jsx(Highlighter, {}),
+        stateKey: "isHighlight",
+    },
+    { format: "code", title: "Inline code", icon: _jsx(Code, {}), stateKey: "isCode" },
+];
+/**
+ * The inline text-styling section: font family + size, the text-format toggle
+ * buttons (bold/italic/…/inline-code), and text/highlight color palettes.
+ * Rendered in place of the code-language control for non-code blocks.
+ */
+export const InlineMarks = ({ editor, state, menu, }) => (_jsxs(_Fragment, { children: [_jsx(FontFamilyControl, { editor: editor, value: state.fontFamily, menu: menu }), _jsx(FontSizeControl, { editor: editor, value: state.fontSize, menu: menu }), _jsx(ToolbarSeparator, {}), FORMAT_BUTTONS.map(({ format, title, icon, stateKey }) => (_jsx(ToolbarButton, { active: state[stateKey], title: title, onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, format), children: icon }, format))), _jsx(ColorPaletteDropdown, { editor: editor, colors: TEXT_COLORS, styleProperty: "color", icon: _jsx(Baseline, { className: "size-3" }), title: "Text color", menuName: "textColor", menu: menu }), _jsx(ColorPaletteDropdown, { editor: editor, colors: HIGHLIGHT_COLORS, styleProperty: "background-color", icon: _jsx(PaintBucket, { className: "size-3" }), title: "Highlight color", menuName: "bgColor", menu: menu })] }));
+//# sourceMappingURL=inline-marks.js.map

package/dist/lexical-text-editor/plugins/toolbar/inline-marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-marks.js","sourceRoot":"","sources":["../../../../src/lexical-text-editor/plugins/toolbar/inline-marks.tsx"],"names":[],"mappings":"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"}

package/dist/lexical-text-editor/plugins/toolbar/insert-menu.d.ts

@@ -0,0 +1,8 @@
+import { type LexicalEditor } from "lexical";
+import type { ToolbarMenuControls } from "./constants";
+/** The "Insert" dropdown: horizontal rule, page break, table builder, image. */
+export declare const InsertMenu: ({ editor, menu, }: {
+    editor: LexicalEditor;
+    menu: ToolbarMenuControls;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=insert-menu.d.ts.map

package/dist/lexical-text-editor/plugins/toolbar/insert-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-menu.d.ts","sourceRoot":"","sources":["../../../../src/lexical-text-editor/plugins/toolbar/insert-menu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,SAAS,CAAA;AAchB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAItD,gFAAgF;AAChF,eAAO,MAAM,UAAU,GAAI,mBAGxB;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,IAAI,EAAE,mBAAmB,CAAA;CAC1B,4CAyLA,CAAA"}

package/dist/lexical-text-editor/plugins/toolbar/insert-menu.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { $addUpdateTag, $createParagraphNode, SKIP_SELECTION_FOCUS_TAG, } from "lexical";
+import { $createTableCellNode, $createTableNode, $createTableRowNode, TableCellHeaderStates, } from "@lexical/table";
+import { $insertNodeToNearestRoot } from "@lexical/utils";
+import { INSERT_HORIZONTAL_RULE_COMMAND } from "@lexical/react/LexicalHorizontalRuleNode";
+import { Image, Minus, Plus, SeparatorHorizontal, Table } from "lucide-react";
+import { Button } from "@iamsaroj/smart-ui/components/button";
+import { INSERT_IMAGE_COMMAND } from "../../nodes/image-node";
+import { INSERT_PAGE_BREAK_COMMAND } from "../../nodes/page-break-node";
+import { DropdownItem, PortalDropdown } from "./primitives";
+/** The "Insert" dropdown: horizontal rule, page break, table builder, image. */
+export const InsertMenu = ({ editor, menu, }) => {
+    const isOpen = menu.openMenu === "insert";
+    const onClose = menu.closeMenu;
+    const [mode, setMode] = useState(null);
+    const [imageUrl, setImageUrl] = useState("");
+    const [imageAlt, setImageAlt] = useState("");
+    const [tableRows, setTableRows] = useState("3");
+    const [tableCols, setTableCols] = useState("3");
+    // Reset the form when the menu closes. Adjusting state during render off a
+    // previous-value snapshot avoids a setState-in-effect cascade.
+    const [wasOpen, setWasOpen] = useState(isOpen);
+    if (wasOpen !== isOpen) {
+        setWasOpen(isOpen);
+        if (!isOpen) {
+            setMode(null);
+            setImageUrl("");
+            setImageAlt("");
+        }
+    }
+    const insertImage = () => {
+        if (!imageUrl.trim())
+            return;
+        editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+            src: imageUrl.trim(),
+            alt: imageAlt.trim() || "image",
+        });
+        onClose();
+    };
+    const insertTable = () => {
+        const rows = Math.max(1, Math.min(20, parseInt(tableRows) || 3));
+        const cols = Math.max(1, Math.min(20, parseInt(tableCols) || 3));
+        editor.update(() => {
+            $addUpdateTag(SKIP_SELECTION_FOCUS_TAG);
+            const tableNode = $createTableNode();
+            for (let r = 0; r < rows; r++) {
+                const rowNode = $createTableRowNode();
+                for (let c = 0; c < cols; c++) {
+                    const cell = $createTableCellNode(r === 0
+                        ? TableCellHeaderStates.ROW
+                        : TableCellHeaderStates.NO_STATUS);
+                    cell.append($createParagraphNode());
+                    rowNode.append(cell);
+                }
+                tableNode.append(rowNode);
+            }
+            $insertNodeToNearestRoot(tableNode);
+        });
+        onClose();
+    };
+    const panelContent = useMemo(() => {
+        if (mode === "image") {
+            return (_jsxs("div", { className: "w-64 space-y-2 p-2.5", children: [_jsx("p", { className: "text-xs font-medium", children: "Insert Image" }), _jsx("input", { type: "url", value: imageUrl, onChange: (e) => setImageUrl(e.target.value), placeholder: "https://example.com/image.png", className: "h-6 w-full rounded border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring", autoFocus: true, onKeyDown: (e) => e.key === "Enter" && insertImage() }), _jsx("input", { type: "text", value: imageAlt, onChange: (e) => setImageAlt(e.target.value), placeholder: "Alt text (optional)", className: "h-6 w-full rounded border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring" }), _jsxs("div", { className: "flex gap-1", children: [_jsx(Button, { size: "xs", onClick: insertImage, children: "Insert" }), _jsx(Button, { size: "xs", variant: "ghost", onClick: () => setMode(null), children: "\u2190 Back" })] })] }));
+        }
+        if (mode === "table") {
+            return (_jsxs("div", { className: "w-52 space-y-2 p-2.5", children: [_jsx("p", { className: "text-xs font-medium", children: "Insert Table" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-[10px] text-muted-foreground", children: "Rows" }), _jsx("input", { type: "number", value: tableRows, min: "1", max: "20", onChange: (e) => setTableRows(e.target.value), className: "h-6 w-14 rounded border border-border bg-background px-1.5 text-center text-xs outline-none" })] }), _jsx("span", { className: "mt-4 text-muted-foreground", children: "\u00D7" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-[10px] text-muted-foreground", children: "Columns" }), _jsx("input", { type: "number", value: tableCols, min: "1", max: "20", onChange: (e) => setTableCols(e.target.value), className: "h-6 w-14 rounded border border-border bg-background px-1.5 text-center text-xs outline-none" })] })] }), _jsxs("div", { className: "flex gap-1", children: [_jsx(Button, { size: "xs", onClick: insertTable, children: "Insert" }), _jsx(Button, { size: "xs", variant: "ghost", onClick: () => setMode(null), children: "\u2190 Back" })] })] }));
+        }
+        return (_jsxs(_Fragment, { children: [_jsx(DropdownItem, { label: "Horizontal Rule", icon: _jsx(Minus, {}), onClick: () => {
+                        editor.update(() => {
+                            $addUpdateTag(SKIP_SELECTION_FOCUS_TAG);
+                            editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined);
+                        });
+                        onClose();
+                    } }), _jsx(DropdownItem, { label: "Page Break", icon: _jsx(SeparatorHorizontal, {}), onClick: () => {
+                        editor.update(() => {
+                            $addUpdateTag(SKIP_SELECTION_FOCUS_TAG);
+                            editor.dispatchCommand(INSERT_PAGE_BREAK_COMMAND, undefined);
+                        });
+                        onClose();
+                    } }), _jsx(DropdownItem, { label: "Table", icon: _jsx(Table, {}), description: "\u2192", onClick: () => setMode("table") }), _jsx(DropdownItem, { label: "Image", icon: _jsx(Image, {}), description: "\u2192", onClick: () => setMode("image") })] }));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [mode, imageUrl, imageAlt, tableRows, tableCols, editor]);
+    return (_jsx(PortalDropdown, { isOpen: isOpen, onToggle: () => menu.toggleMenu("insert"), onClose: onClose, label: _jsxs(_Fragment, { children: [_jsx(Plus, { className: "size-3" }), "Insert"] }), children: panelContent }));
+};
+//# sourceMappingURL=insert-menu.js.map

package/dist/lexical-text-editor/plugins/toolbar/insert-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-menu.js","sourceRoot":"","sources":["../../../../src/lexical-text-editor/plugins/toolbar/insert-menu.tsx"],"names":[],"mappings":"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"}

package/dist/lexical-text-editor/plugins/toolbar/link-editor.d.ts

@@ -0,0 +1,11 @@
+import { type LexicalEditor } from "lexical";
+/**
+ * The link control: toggles between an "insert/remove link" button and an inline
+ * URL input. Owns its own input-open + draft-URL state (ephemeral UI, unrelated
+ * to the shared selection state) — `isLink` comes from the toolbar state.
+ */
+export declare const LinkEditor: ({ editor, isLink, }: {
+    editor: LexicalEditor;
+    isLink: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=link-editor.d.ts.map

package/dist/lexical-text-editor/plugins/toolbar/link-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-editor.d.ts","sourceRoot":"","sources":["../../../../src/lexical-text-editor/plugins/toolbar/link-editor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,qBAGxB;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;CAChB,4CAqEA,CAAA"}

package/dist/lexical-text-editor/plugins/toolbar/link-editor.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { TOGGLE_LINK_COMMAND } from "@lexical/link";
+import { Check, Link2, Link2Off, X } from "lucide-react";
+import { ToolbarButton } from "./primitives";
+/**
+ * The link control: toggles between an "insert/remove link" button and an inline
+ * URL input. Owns its own input-open + draft-URL state (ephemeral UI, unrelated
+ * to the shared selection state) — `isLink` comes from the toolbar state.
+ */
+export const LinkEditor = ({ editor, isLink, }) => {
+    const [showLinkInput, setShowLinkInput] = useState(false);
+    const [linkUrl, setLinkUrl] = useState("");
+    const linkInputRef = useRef(null);
+    useEffect(() => {
+        if (showLinkInput)
+            linkInputRef.current?.focus();
+    }, [showLinkInput]);
+    const submitLink = () => {
+        const url = linkUrl.trim();
+        if (url)
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, url);
+        setShowLinkInput(false);
+        setLinkUrl("");
+    };
+    if (showLinkInput) {
+        return (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("input", { ref: linkInputRef, type: "url", value: linkUrl, onChange: (e) => setLinkUrl(e.target.value), placeholder: "https://\u2026", className: "h-6 w-44 rounded border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring", onMouseDown: (e) => e.stopPropagation(), onKeyDown: (e) => {
+                        if (e.key === "Enter") {
+                            e.preventDefault();
+                            submitLink();
+                        }
+                        if (e.key === "Escape") {
+                            setShowLinkInput(false);
+                            setLinkUrl("");
+                        }
+                    } }), _jsx(ToolbarButton, { title: "Apply link", onClick: submitLink, children: _jsx(Check, {}) }), _jsx(ToolbarButton, { title: "Cancel", onClick: () => {
+                        setShowLinkInput(false);
+                        setLinkUrl("");
+                    }, children: _jsx(X, {}) })] }));
+    }
+    return (_jsx(ToolbarButton, { active: isLink, title: isLink ? "Remove link" : "Insert link", onClick: () => {
+            if (isLink)
+                editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+            else {
+                setLinkUrl("");
+                setShowLinkInput(true);
+            }
+        }, children: isLink ? _jsx(Link2Off, {}) : _jsx(Link2, {}) }));
+};
+//# sourceMappingURL=link-editor.js.map

package/dist/lexical-text-editor/plugins/toolbar/link-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-editor.js","sourceRoot":"","sources":["../../../../src/lexical-text-editor/plugins/toolbar/link-editor.tsx"],"names":[],"mappings":"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"}

package/dist/lexical-text-editor/plugins/toolbar/primitives.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+interface PortalDropdownProps {
+    label: React.ReactNode;
+    isOpen: boolean;
+    onToggle: () => void;
+    onClose: () => void;
+    children: React.ReactNode;
+    panelClassName?: string;
+    disabled?: boolean;
+    title?: string;
+    chevron?: boolean;
+}
+/**
+ * Toolbar dropdown whose panel is portalled to `document.body`, mirroring the
+ * Lexical playground's DropDown. Rendering outside the editor DOM keeps item
+ * clicks from stealing the editor's DOM focus. The panel is positioned beneath
+ * the trigger and closes on an outside pointer-down.
+ */
+export declare const PortalDropdown: ({ label, isOpen, onToggle, onClose, children, panelClassName, disabled, title, chevron, }: PortalDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownItem: ({ label, icon, active, onClick, description, className, style, }: {
+    label: string;
+    icon?: React.ReactNode;
+    active?: boolean;
+    onClick: () => void;
+    description?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarButton: ({ active, disabled, onClick, title, children, className, }: {
+    active?: boolean;
+    disabled?: boolean;
+    onClick: () => void;
+    title: string;
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarSeparator: () => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=primitives.d.ts.map

package/dist/lexical-text-editor/plugins/toolbar/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../../src/lexical-text-editor/plugins/toolbar/primitives.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,UAAU,mBAAmB;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,2FAU5B,mBAAmB,4CAoErB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,kEAQ1B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,4CAsBA,CAAA;AAID,eAAO,MAAM,aAAa,GAAI,4DAO3B;IACD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,4CAcA,CAAA;AAED,eAAO,MAAM,gBAAgB,+CAE5B,CAAA"}

package/dist/lexical-text-editor/plugins/toolbar/primitives.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { createPortal } from "react-dom";
+import { ChevronDown } from "lucide-react";
+import { Button } from "@iamsaroj/smart-ui/components/button";
+import { Separator } from "@iamsaroj/smart-ui/components/separator";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+// ─── PortalDropdown ───────────────────────────────────────────────────────────
+const DROPDOWN_PADDING = 4;
+/**
+ * Toolbar dropdown whose panel is portalled to `document.body`, mirroring the
+ * Lexical playground's DropDown. Rendering outside the editor DOM keeps item
+ * clicks from stealing the editor's DOM focus. The panel is positioned beneath
+ * the trigger and closes on an outside pointer-down.
+ */
+export const PortalDropdown = ({ label, isOpen, onToggle, onClose, children, panelClassName, disabled, title, chevron = true, }) => {
+    const triggerRef = useRef(null);
+    const panelRef = useRef(null);
+    useEffect(() => {
+        if (!isOpen || !triggerRef.current || !panelRef.current)
+            return;
+        const { top, left, height } = triggerRef.current.getBoundingClientRect();
+        panelRef.current.style.top = `${top + height + DROPDOWN_PADDING}px`;
+        panelRef.current.style.left = `${Math.min(left, window.innerWidth - panelRef.current.offsetWidth - 8)}px`;
+    }, [isOpen]);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const close = (e) => {
+            const target = e.target;
+            if (!triggerRef.current?.contains(target) &&
+                !panelRef.current?.contains(target)) {
+                onClose();
+            }
+        };
+        document.addEventListener("pointerdown", close);
+        return () => document.removeEventListener("pointerdown", close);
+    }, [isOpen, onClose]);
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { ref: triggerRef, type: "button", disabled: disabled, onClick: onToggle, title: title, "aria-label": title, "aria-expanded": isOpen, "aria-haspopup": "listbox", className: cn("inline-flex h-6 items-center gap-1 rounded border border-border bg-background", "px-1.5 text-xs font-medium transition-colors outline-none", "hover:bg-muted focus-visible:ring-1 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50", isOpen && "bg-muted"), children: [label, chevron && (_jsx(ChevronDown, { className: "size-2.5 shrink-0 text-muted-foreground" }))] }), isOpen &&
+                createPortal(_jsx("div", { ref: panelRef, role: "listbox", className: cn("fixed z-[9999] min-w-[9rem] rounded-md border border-border", "bg-popover py-1 shadow-lg", panelClassName), children: children }), document.body)] }));
+};
+export const DropdownItem = ({ label, icon, active, onClick, description, className, style, }) => (_jsxs("button", { type: "button", role: "option", "aria-selected": active, onClick: onClick, style: style, className: cn("flex w-full items-center gap-2 px-2.5 py-1.5 text-left text-xs", "transition-colors hover:bg-muted", active && "bg-muted font-medium", className), children: [icon && (_jsx("span", { className: "size-3.5 shrink-0 text-muted-foreground", children: icon })), _jsx("span", { className: "flex-1", children: label }), description && (_jsx("span", { className: "text-[10px] text-muted-foreground", children: description }))] }));
+// ─── Toolbar primitives ───────────────────────────────────────────────────────
+export const ToolbarButton = ({ active, disabled, onClick, title, children, className, }) => (_jsx(Button, { type: "button", variant: active ? "secondary" : "ghost", size: "icon-sm", disabled: disabled, onClick: onClick, title: title, "aria-label": title, "aria-pressed": active, className: className, children: children }));
+export const ToolbarSeparator = () => (_jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-4 self-center" }));
+//# sourceMappingURL=primitives.js.map

package/dist/lexical-text-editor/plugins/toolbar/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.js","sourceRoot":"","sources":["../../../../src/lexical-text-editor/plugins/toolbar/primitives.tsx"],"names":[],"mappings":"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"}

package/dist/lexical-text-editor/plugins/toolbar/use-insert-commands.d.ts

@@ -0,0 +1,9 @@
+import { type LexicalEditor } from "lexical";
+/**
+ * Registers the block-level insert commands the {@link InsertMenu} dispatches.
+ * Uses `$insertNodeToNearestRoot` (not `$insertNodes`) so block-level decorators
+ * land at the root — same as the Lexical playground. Co-located with the insert
+ * menu that triggers them.
+ */
+export declare const useRegisterInsertCommands: (editor: LexicalEditor) => void;
+//# sourceMappingURL=use-insert-commands.d.ts.map

package/dist/lexical-text-editor/plugins/toolbar/use-insert-commands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-insert-commands.d.ts","sourceRoot":"","sources":["../../../../src/lexical-text-editor/plugins/toolbar/use-insert-commands.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,SAAS,CAAA;AAShB;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,GAAI,QAAQ,aAAa,SAyB9D,CAAA"}