@akinon/ui-editor 1.0.0

package/dist/cjs/tiptap/components/menu-bar/youtube-popover.js

@@ -0,0 +1,70 @@
+import '@tiptap/extension-youtube';
+import { Button } from '@akinon/ui-button';
+import { Input } from '@akinon/ui-input';
+import { Popover } from '@akinon/ui-popover';
+import { getSafeCustomTokens, useToken } from '@akinon/ui-theme';
+import { useStyleRegister } from '@ant-design/cssinjs';
+import { ConfigProvider } from 'antd';
+import React, { useState } from 'react';
+import { i18n } from '../../../i18n';
+export const YouTubePopover = ({ editor, disabled }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [url, setUrl] = useState('');
+    const { getPrefixCls, theme } = React.useContext(ConfigProvider.ConfigContext);
+    const { token, hashId } = useToken();
+    const customTokens = getSafeCustomTokens(theme);
+    const baseCls = getPrefixCls('tiptap-youtube-popover');
+    const useStyle = useStyleRegister({
+        token: token,
+        path: ['YouTubePopover'],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        theme: theme
+    }, () => {
+        const prefixCls = `:where(.${hashId}).${baseCls}`;
+        return {
+            [prefixCls]: {
+                padding: '8px',
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '8px',
+                width: '300px'
+            },
+            [`${prefixCls} .${baseCls}__actions`]: {
+                display: customTokens.layout.displayFlex,
+                gap: '4px',
+                alignItems: customTokens.layout.flexCenter,
+                justifyContent: 'flex-end',
+                marginTop: '4px'
+            }
+        };
+    });
+    const isValidYoutubeUrl = (url) => {
+        return /^(https?:\/\/)?(www\.)?(youtube\.com|youtu\.be)\/.+$/.test(url);
+    };
+    const isValid = isValidYoutubeUrl(url);
+    const status = !isValid && url.length > 0 ? 'error' : undefined;
+    const handleAddVideo = () => {
+        if (url && isValid) {
+            editor.commands.setYoutubeVideo({ src: url });
+            setUrl('');
+            setIsOpen(false);
+        }
+    };
+    const handleClose = () => {
+        setUrl('');
+        setIsOpen(false);
+    };
+    const content = (React.createElement("div", { className: `${baseCls} ${hashId}` },
+        React.createElement(Input, { type: "text", placeholder: i18n.t('editor.youtube.placeholder'), value: url, autoFocus: true, onChange: e => setUrl(e.target.value), status: status, onKeyDown: e => {
+                if (e.key === 'Enter' && isValid) {
+                    handleAddVideo();
+                }
+            }, size: "small" }),
+        React.createElement("div", { className: `${baseCls}__actions` },
+            React.createElement(Button, { size: "small", onClick: handleClose }, i18n.t('editor.youtube.cancel')),
+            React.createElement(Button, { size: "small", type: "primary", onClick: handleAddVideo, disabled: !url || !isValid }, i18n.t('editor.youtube.insert')))));
+    return useStyle(React.createElement(Popover, { content: content, trigger: "click", 
+        // @ts-expect-error - IPopoverProps definition is missing 'open' but underlying AntD component supports it
+        open: isOpen, onOpenChange: setIsOpen, placement: "bottom" },
+        React.createElement(Button, { type: "icon", size: "small", disabled: disabled, tooltip: i18n.t('editor.youtube.tooltip'), icon: "youtube" })));
+};

package/dist/cjs/tiptap/components/secure-script-component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SecureScriptComponent: () => React.JSX.Element;
+//# sourceMappingURL=secure-script-component.d.ts.map

package/dist/cjs/tiptap/components/secure-script-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"secure-script-component.d.ts","sourceRoot":"","sources":["../../../../src/tiptap/components/secure-script-component.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,qBAAqB,yBAqEjC,CAAC"}

package/dist/cjs/tiptap/components/secure-script-component.js

@@ -0,0 +1,61 @@
+import { useToken } from '@akinon/ui-theme';
+import { useStyleRegister } from '@ant-design/cssinjs';
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react';
+import { ConfigProvider } from 'antd';
+import React from 'react';
+export const SecureScriptComponent = () => {
+    const { getPrefixCls, theme } = React.useContext(ConfigProvider.ConfigContext);
+    const { token, hashId } = useToken();
+    const baseCls = getPrefixCls('tiptap-secure-script');
+    const useStyle = useStyleRegister({
+        token: token,
+        path: ['TiptapSecureScript'],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        theme: theme
+    }, () => {
+        var _a, _b;
+        const prefixCls = `:where(.${hashId}).${baseCls}`;
+        const colors = (theme === null || theme === void 0 ? void 0 : theme.colors) || {};
+        return {
+            [`${prefixCls}`]: {
+                display: 'block', // Code block implies block level
+                margin: '1em 0',
+                fontFamily: 'monospace',
+                borderRadius: '6px',
+                overflow: 'hidden',
+                [`& pre`]: {
+                    margin: 0,
+                    padding: '1em',
+                    overflow: 'auto',
+                    fontFamily: 'inherit',
+                    fontSize: '0.9em',
+                    lineHeight: '1.5'
+                },
+                [`& code`]: {
+                    fontFamily: 'inherit'
+                },
+                [`& .${baseCls}__tag`]: {
+                    color: (_a = colors.orange) === null || _a === void 0 ? void 0 : _a['400'],
+                    fontWeight: 'bold',
+                    userSelect: 'none'
+                },
+                [`& .${baseCls}__content`]: {
+                    display: 'block',
+                    margin: '2px 0',
+                    color: (_b = colors.neutral) === null || _b === void 0 ? void 0 : _b['50'],
+                    outline: 'none',
+                    fontFamily: 'inherit'
+                },
+                [`& .${baseCls}__content div[data-node-view-wrapper]`]: {
+                    paddingLeft: '20px'
+                }
+            }
+        };
+    });
+    return useStyle(React.createElement(NodeViewWrapper, { className: `${baseCls} ${hashId}` },
+        React.createElement("pre", null,
+            React.createElement("code", null,
+                React.createElement("span", { className: `${baseCls}__tag` }, "<script>"),
+                React.createElement(NodeViewContent, { as: "div", className: `${baseCls}__content` }),
+                React.createElement("span", { className: `${baseCls}__tag` }, "</script>")))));
+};

package/dist/cjs/tiptap/components/table-bubble-menu.d.ts

@@ -0,0 +1,9 @@
+import '@tiptap/extension-table';
+import type { Editor } from '@tiptap/react';
+import React from 'react';
+interface TableBubbleMenuProps {
+    editor: Editor;
+}
+export declare const TableBubbleMenu: ({ editor }: TableBubbleMenuProps) => React.JSX.Element | null;
+export {};
+//# sourceMappingURL=table-bubble-menu.d.ts.map

package/dist/cjs/tiptap/components/table-bubble-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-bubble-menu.d.ts","sourceRoot":"","sources":["../../../../src/tiptap/components/table-bubble-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAgBjC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,UAAU,oBAAoB;IAC5B,MAAM,EAAE,MAAM,CAAC;CAChB;AAmBD,eAAO,MAAM,eAAe,GAAI,YAAY,oBAAoB,6BAoX/D,CAAC"}

package/dist/cjs/tiptap/components/table-bubble-menu.js

@@ -0,0 +1,274 @@
+import '@tiptap/extension-table';
+import { Button } from '@akinon/ui-button';
+import { ColorPicker } from '@akinon/ui-color-picker';
+import { Input } from '@akinon/ui-input';
+import { Select } from '@akinon/ui-select';
+import { useToken } from '@akinon/ui-theme';
+import { useStyleRegister } from '@ant-design/cssinjs';
+import { BubbleMenu } from '@tiptap/react/menus';
+import { ConfigProvider } from 'antd';
+import React, { useEffect, useMemo, useState } from 'react';
+import { i18n } from '../../i18n';
+import { getTableCellDefaults } from '../constants';
+const getColorString = (value, defaultColor) => {
+    var _a;
+    if (typeof value === 'string') {
+        return value;
+    }
+    return ((_a = value === null || value === void 0 ? void 0 : value.toHexString) === null || _a === void 0 ? void 0 : _a.call(value)) ? value.toHexString() : defaultColor;
+};
+export const TableBubbleMenu = ({ editor }) => {
+    if (!editor) {
+        return null;
+    }
+    const { getPrefixCls, theme } = React.useContext(ConfigProvider.ConfigContext);
+    const { token, hashId } = useToken();
+    const colors = (theme === null || theme === void 0 ? void 0 : theme.colors) || {};
+    const baseCls = getPrefixCls('tiptap-table-bubble-menu');
+    const tableCellDefaults = useMemo(() => getTableCellDefaults(colors), [colors]);
+    const [showCellStyles, setShowCellStyles] = useState(false);
+    const [cellStyles, setCellStyles] = useState(() => ({
+        borderColor: tableCellDefaults.borderColor,
+        borderWidth: tableCellDefaults.borderWidth,
+        borderStyle: tableCellDefaults.borderStyle,
+        backgroundColor: tableCellDefaults.backgroundColor
+    }));
+    const handleColorChange = (key, value, defaultColor) => {
+        const colorValue = getColorString(value, defaultColor);
+        setCellStyles(prev => (Object.assign(Object.assign({}, prev), { [key]: colorValue })));
+    };
+    const handleBorderStyleChange = (value) => {
+        setCellStyles(prev => (Object.assign(Object.assign({}, prev), { borderStyle: value })));
+    };
+    const useStyle = useStyleRegister({
+        token: token,
+        path: ['TableBubbleMenu'],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        theme: theme
+    }, () => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const prefixCls = `:where(.${hashId}).${baseCls}`;
+        return {
+            [prefixCls]: {
+                padding: '8px',
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '8px',
+                backgroundColor: (_a = colors.ebonyClay) === null || _a === void 0 ? void 0 : _a['500'],
+                color: (_b = colors.neutral) === null || _b === void 0 ? void 0 : _b['50'],
+                borderRadius: '4px',
+                boxShadow: token.boxShadowSecondary,
+                border: `2px solid ${(_c = colors.ebonyClay) === null || _c === void 0 ? void 0 : _c['550']}`,
+                maxWidth: '600px',
+                position: 'relative'
+            },
+            [`${prefixCls}::before`]: {
+                content: '""',
+                position: 'absolute',
+                top: '-8px',
+                left: '50%',
+                transform: 'translateX(-50%)',
+                borderWidth: '0 8px 8px 8px',
+                borderStyle: 'solid',
+                borderColor: `transparent transparent ${(_d = colors.ebonyClay) === null || _d === void 0 ? void 0 : _d['550']} transparent`,
+                width: 0,
+                height: 0
+            },
+            [`${prefixCls}::after`]: {
+                content: '""',
+                position: 'absolute',
+                top: '-5px',
+                left: '50%',
+                transform: 'translateX(-50%)',
+                borderWidth: '0 8px 8px 8px',
+                borderStyle: 'solid',
+                borderColor: `transparent transparent ${(_e = colors.ebonyClay) === null || _e === void 0 ? void 0 : _e['500']} transparent`,
+                width: 0,
+                height: 0
+            },
+            [`${prefixCls} .${baseCls}__actions`]: {
+                display: 'flex',
+                gap: '4px',
+                alignItems: 'center',
+                flexWrap: 'wrap'
+            },
+            [`${prefixCls} .${baseCls}__cell-styles`]: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '12px',
+                padding: '12px',
+                backgroundColor: (_f = colors.ebonyClay) === null || _f === void 0 ? void 0 : _f['475'],
+                borderRadius: '4px',
+                minWidth: '320px'
+            },
+            [`${prefixCls} .${baseCls}__border-style-select`]: {
+                width: '120px'
+            },
+            [`${prefixCls} .${baseCls}__width-input`]: {
+                width: '70px'
+            },
+            [`${prefixCls} .${baseCls}__style-row`]: {
+                display: 'flex',
+                gap: '8px',
+                alignItems: 'center'
+            },
+            [`${prefixCls} .${baseCls}__style-label`]: {
+                fontSize: '12px',
+                color: (_g = colors.neutral) === null || _g === void 0 ? void 0 : _g['400'],
+                minWidth: '80px'
+            },
+            [`${prefixCls} .${baseCls}__footer`]: {
+                display: 'flex',
+                justifyContent: 'flex-end',
+                gap: '8px',
+                marginTop: '8px'
+            }
+        };
+    });
+    {
+        /* Force re-render on selection update to ensure disabled states are accurate */
+    }
+    const [, forceUpdate] = useState({});
+    useEffect(() => {
+        const handleSelectionUpdate = () => {
+            forceUpdate({});
+            {
+                /* Load current cell styles when selection changes */
+            }
+            if (editor.isActive('tableCell') || editor.isActive('tableHeader')) {
+                const attrs = editor.getAttributes('tableCell');
+                setCellStyles({
+                    borderColor: attrs.borderColor || tableCellDefaults.borderColor,
+                    borderWidth: attrs.borderWidth || tableCellDefaults.borderWidth,
+                    borderStyle: attrs.borderStyle || tableCellDefaults.borderStyle,
+                    backgroundColor: attrs.backgroundColor || tableCellDefaults.backgroundColor
+                });
+            }
+        };
+        editor.on('selectionUpdate', handleSelectionUpdate);
+        return () => {
+            editor.off('selectionUpdate', handleSelectionUpdate);
+        };
+    }, [editor, tableCellDefaults]);
+    const borderStyleOptions = [
+        { value: 'solid', label: i18n.t('editor.table.border_style.solid') },
+        {
+            value: 'dashed',
+            label: i18n.t('editor.table.border_style.dashed')
+        },
+        {
+            value: 'dotted',
+            label: i18n.t('editor.table.border_style.dotted')
+        },
+        {
+            value: 'double',
+            label: i18n.t('editor.table.border_style.double')
+        }
+    ];
+    const handleApplyCellStyles = () => {
+        const attributesToUpdate = {};
+        const hasBorder = cellStyles.borderWidth !== tableCellDefaults.borderWidth ||
+            cellStyles.borderStyle !== tableCellDefaults.borderStyle ||
+            cellStyles.borderColor !== tableCellDefaults.borderColor;
+        if (hasBorder) {
+            attributesToUpdate.borderColor = cellStyles.borderColor;
+            attributesToUpdate.borderWidth = cellStyles.borderWidth;
+            attributesToUpdate.borderStyle = cellStyles.borderStyle;
+        }
+        const hasBackgroundColor = cellStyles.backgroundColor &&
+            cellStyles.backgroundColor !== tableCellDefaults.backgroundColor;
+        if (hasBackgroundColor) {
+            attributesToUpdate.backgroundColor = cellStyles.backgroundColor;
+        }
+        const isHeader = editor.isActive('tableHeader');
+        const isCell = editor.isActive('tableCell');
+        if (isHeader) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            editor.chain().focus()
+                .updateHeaderAttributes(attributesToUpdate)
+                .run();
+        }
+        else if (isCell) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            editor.chain().focus()
+                .updateCellAttributes(attributesToUpdate)
+                .run();
+        }
+    };
+    const tableActions = [
+        {
+            icon: 'add-column-before',
+            onClick: () => editor.chain().focus().addColumnBefore().run(),
+            tooltip: i18n.t('editor.table.add_column_before')
+        },
+        {
+            icon: 'add-column-after',
+            onClick: () => editor.chain().focus().addColumnAfter().run(),
+            tooltip: i18n.t('editor.table.add_column_after')
+        },
+        {
+            icon: 'delete-column',
+            onClick: () => editor.chain().focus().deleteColumn().run(),
+            tooltip: i18n.t('editor.table.delete_column'),
+            danger: true
+        },
+        {
+            icon: 'add-row-before',
+            onClick: () => editor.chain().focus().addRowBefore().run(),
+            tooltip: i18n.t('editor.table.add_row_before')
+        },
+        {
+            icon: 'add-row-after',
+            onClick: () => editor.chain().focus().addRowAfter().run(),
+            tooltip: i18n.t('editor.table.add_row_after')
+        },
+        {
+            icon: 'delete-row',
+            onClick: () => editor.chain().focus().deleteRow().run(),
+            tooltip: i18n.t('editor.table.delete_row'),
+            danger: true
+        },
+        {
+            icon: 'format-merge',
+            onClick: () => editor.chain().focus().mergeCells().run(),
+            tooltip: i18n.t('editor.table.merge_cells'),
+            disabled: !editor.can().mergeCells()
+        },
+        {
+            icon: 'format-split-cells',
+            onClick: () => editor.chain().focus().splitCell().run(),
+            tooltip: i18n.t('editor.table.split_cell'),
+            disabled: !editor.can().splitCell()
+        },
+        {
+            icon: 'settings',
+            onClick: () => setShowCellStyles(!showCellStyles),
+            tooltip: i18n.t('editor.table.cell_properties')
+        },
+        {
+            icon: 'bin',
+            onClick: () => editor.chain().focus().deleteTable().run(),
+            tooltip: i18n.t('editor.table.delete_table'),
+            danger: true
+        }
+    ];
+    return useStyle(React.createElement(BubbleMenu, { editor: editor, pluginKey: "table-bubble-menu", shouldShow: ({ editor }) => editor.isActive('table'), options: { placement: 'bottom' } },
+        React.createElement("div", { className: `${baseCls} ${hashId}` },
+            React.createElement("div", { className: `${baseCls}__actions` }, tableActions.map((btn, index) => (React.createElement(Button, { key: index, size: "small", type: "icon", onClick: btn.onClick, tooltip: btn.tooltip, disabled: btn.disabled, danger: btn.danger, icon: btn.icon })))),
+            showCellStyles && (React.createElement("div", { className: `${baseCls}__cell-styles` },
+                React.createElement("div", { className: `${baseCls}__style-row` },
+                    React.createElement("span", { className: `${baseCls}__style-label` },
+                        i18n.t('editor.table.border'),
+                        ":"),
+                    React.createElement(Select, { size: "small", value: cellStyles.borderStyle, onChange: handleBorderStyleChange, options: borderStyleOptions, rootClassName: `${baseCls}__border-style-select` }),
+                    React.createElement(ColorPicker, { value: cellStyles.borderColor, onChange: value => handleColorChange('borderColor', value, '#000000'), size: "small" }),
+                    React.createElement(Input, { size: "small", value: cellStyles.borderWidth, onChange: e => setCellStyles(prev => (Object.assign(Object.assign({}, prev), { borderWidth: e.target.value }))), placeholder: i18n.t('editor.table.width'), className: `${baseCls}__width-input` })),
+                React.createElement("div", { className: `${baseCls}__style-row` },
+                    React.createElement("span", { className: `${baseCls}__style-label` },
+                        i18n.t('editor.table.background'),
+                        ":"),
+                    React.createElement(ColorPicker, { value: cellStyles.backgroundColor, onChange: value => handleColorChange('backgroundColor', value, 'transparent'), size: "small" })),
+                React.createElement("div", { className: `${baseCls}__footer` },
+                    React.createElement(Button, { size: "small", onClick: () => setShowCellStyles(false) }, i18n.t('editor.common.cancel')),
+                    React.createElement(Button, { size: "small", type: "primary", onClick: handleApplyCellStyles }, i18n.t('editor.common.apply'))))))));
+};

package/dist/cjs/tiptap/components/table-popover.d.ts

@@ -0,0 +1,10 @@
+import '@tiptap/extension-table';
+import type { Editor } from '@tiptap/react';
+import React from 'react';
+interface TablePopoverProps {
+    editor: Editor;
+    disabled?: boolean;
+}
+export declare const TablePopover: ({ editor, disabled }: TablePopoverProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=table-popover.d.ts.map

package/dist/cjs/tiptap/components/table-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-popover.d.ts","sourceRoot":"","sources":["../../../../src/tiptap/components/table-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAUjC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,eAAO,MAAM,YAAY,GAAI,sBAAsB,iBAAiB,sBA2HnE,CAAC"}

package/dist/cjs/tiptap/components/table-popover.js

@@ -0,0 +1,86 @@
+import '@tiptap/extension-table';
+import { Button } from '@akinon/ui-button';
+import { Popover } from '@akinon/ui-popover';
+import { useToken } from '@akinon/ui-theme';
+import { useStyleRegister } from '@ant-design/cssinjs';
+import { ConfigProvider } from 'antd';
+import React, { useState } from 'react';
+import { i18n } from '../../i18n';
+const DEFAULT_GRID_SIZE = 10;
+export const TablePopover = ({ editor, disabled }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [hoveredCell, setHoveredCell] = useState(null);
+    const { getPrefixCls, theme } = React.useContext(ConfigProvider.ConfigContext);
+    const { token, hashId } = useToken();
+    const baseCls = getPrefixCls('tiptap-table-popover');
+    const activeCls = 'active';
+    const useStyle = useStyleRegister({
+        token: token,
+        path: ['TablePopover'],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        theme: theme
+    }, () => {
+        const prefixCls = `:where(.${hashId}).${baseCls}`;
+        return {
+            [prefixCls]: {
+                padding: '8px',
+                display: 'flex',
+                flexDirection: 'column'
+            },
+            [`${prefixCls} .${baseCls}__grid`]: {
+                display: 'grid',
+                gridTemplateColumns: 'repeat(10, 18px)',
+                gap: '2px',
+                marginBottom: '8px'
+            },
+            [`${prefixCls} .${baseCls}__cell`]: {
+                width: '18px',
+                height: '18px',
+                border: `1px solid ${token.colorBorder}`,
+                borderRadius: '2px',
+                cursor: 'pointer',
+                transition: 'all 0.2s',
+                backgroundColor: token.colorBgContainer,
+                boxSizing: 'border-box'
+            },
+            [`${prefixCls} .${baseCls}__cell--hovered`]: {
+                backgroundColor: token.colorPrimaryBg,
+                borderColor: token.colorPrimary
+            },
+            [`${prefixCls} .${baseCls}__cell--selected`]: {
+                backgroundColor: token.colorPrimaryBgHover,
+                borderColor: token.colorPrimary
+            },
+            [`${prefixCls} .${baseCls}__label`]: {
+                textAlign: 'center',
+                fontSize: '12px',
+                color: token.colorText
+            }
+        };
+    });
+    const insertTable = (rows, cols) => {
+        editor.commands.focus();
+        editor.commands.insertTable({ rows, cols, withHeaderRow: true });
+        setIsOpen(false);
+        setHoveredCell(null);
+    };
+    const renderGridCells = () => {
+        return Array.from({ length: DEFAULT_GRID_SIZE }).map((_, rowIndex) => Array.from({ length: DEFAULT_GRID_SIZE }).map((_, colIndex) => {
+            const row = rowIndex + 1;
+            const col = colIndex + 1;
+            const isHovered = hoveredCell && row <= hoveredCell.row && col <= hoveredCell.col;
+            return (React.createElement("div", { key: `${row}-${col}`, className: `${baseCls}__cell ${isHovered ? `${baseCls}__cell--hovered` : ''}`, onMouseEnter: () => setHoveredCell({ row, col }), onClick: () => {
+                    insertTable(row, col);
+                } }));
+        }));
+    };
+    const gridContent = (React.createElement("div", { className: `${baseCls} ${hashId}` },
+        React.createElement("div", { className: `${baseCls}__grid` }, renderGridCells()),
+        React.createElement("div", { className: `${baseCls}__label` }, hoveredCell
+            ? `${hoveredCell.row} x ${hoveredCell.col}`
+            : i18n.t('editor.table.select_size'))));
+    return useStyle(React.createElement(Popover, { content: gridContent, trigger: "click", 
+        // @ts-expect-error - IPopoverProps definition is missing 'open' but underlying AntD component supports it
+        open: isOpen, onOpenChange: setIsOpen, placement: "bottom" },
+        React.createElement(Button, { type: "icon", size: "small", disabled: disabled, tooltip: i18n.t('editor.table.insert_table'), icon: "table", className: isOpen ? activeCls : '' })));
+};

package/dist/cjs/tiptap/components/tiptap.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type TextEditorProps } from '../types';
+export declare const Tiptap: ({ value, defaultValue, onChange, readOnly, classNames, toolbar, defaultSourceMode, placeholder }: TextEditorProps) => React.JSX.Element;
+//# sourceMappingURL=tiptap.d.ts.map

package/dist/cjs/tiptap/components/tiptap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiptap.d.ts","sourceRoot":"","sources":["../../../../src/tiptap/components/tiptap.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAQzC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAOhD,eAAO,MAAM,MAAM,GAAI,kGASpB,eAAe,sBAwWjB,CAAC"}