@tumaet/prompt-ui-components 0.0.2 → 0.0.4

package/dist/components/minimal-tiptap/components/link/link-edit-popover.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { Link2Icon } from 'lucide-react';
+import { ToolbarButton } from '../toolbar-button';
+import { LinkEditBlock } from './link-edit-block';
+const LinkEditPopover = ({ editor, size, variant }) => {
+    const [open, setOpen] = React.useState(false);
+    const { from, to } = editor.state.selection;
+    const text = editor.state.doc.textBetween(from, to, ' ');
+    const onSetLink = React.useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-shadow
+    (url, text, openInNewTab) => {
+        editor
+            .chain()
+            .focus()
+            .extendMarkRange('link')
+            .insertContent({
+            type: 'text',
+            text: text || url,
+            marks: [
+                {
+                    type: 'link',
+                    attrs: {
+                        href: url,
+                        target: openInNewTab ? '_blank' : '',
+                    },
+                },
+            ],
+        })
+            .setLink({ href: url })
+            .run();
+        editor.commands.enter();
+    }, [editor]);
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(ToolbarButton, { isActive: editor.isActive('link'), tooltip: 'Link', "aria-label": 'Insert link', disabled: editor.isActive('codeBlock'), size: size, variant: variant, children: _jsx(Link2Icon, { className: 'size-5' }) }) }), _jsx(PopoverContent, { className: 'w-full min-w-80', align: 'end', side: 'bottom', children: _jsx(LinkEditBlock, { onSave: onSetLink, defaultText: text }) })] }));
+};
+export { LinkEditPopover };
+//# sourceMappingURL=link-edit-popover.js.map

package/dist/components/minimal-tiptap/components/link/link-edit-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-edit-popover.js","sourceRoot":"","sources":["../../../../../src/components/minimal-tiptap/components/link/link-edit-popover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAMjD,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAwB,EAAE,EAAE;IAC1E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAA;IAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAA;IAExD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW;IACjC,wDAAwD;IACxD,CAAC,GAAW,EAAE,IAAa,EAAE,YAAsB,EAAE,EAAE;QACrD,MAAM;aACH,KAAK,EAAE;aACP,KAAK,EAAE;aACP,eAAe,CAAC,MAAM,CAAC;aACvB,aAAa,CAAC;YACb,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI,IAAI,GAAG;YACjB,KAAK,EAAE;gBACL;oBACE,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE;wBACL,IAAI,EAAE,GAAG;wBACT,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;qBACrC;iBACF;aACF;SACF,CAAC;aACD,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;aACtB,GAAG,EAAE,CAAA;QAER,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAA;IACzB,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,aAAa,IACZ,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EACjC,OAAO,EAAC,MAAM,gBACH,aAAa,EACxB,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,EACtC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEhB,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GAClB,GACD,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,YACnE,KAAC,aAAa,IAAC,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,GAAI,GACxC,IACT,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/minimal-tiptap/components/link/link-popover-block.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Separator } from '@/components/ui/separator';
+import { ToolbarButton } from '../toolbar-button';
+import { CopyIcon, ExternalLinkIcon, Link2Off } from 'lucide-react';
+export const LinkPopoverBlock = ({ url, onClear, onEdit }) => {
+    const [copyTitle, setCopyTitle] = React.useState('Copy');
+    const handleCopy = React.useCallback((e) => {
+        e.preventDefault();
+        navigator.clipboard
+            .writeText(url)
+            .then(() => {
+            setCopyTitle('Copied!');
+            setTimeout(() => setCopyTitle('Copy'), 1000);
+        })
+            .catch(console.error);
+    }, [url]);
+    const handleOpenLink = React.useCallback(() => {
+        window.open(url, '_blank', 'noopener,noreferrer');
+    }, [url]);
+    return (_jsx("div", { className: 'flex h-10 overflow-hidden rounded bg-background p-2 shadow-lg', children: _jsxs("div", { className: 'inline-flex items-center gap-1', children: [_jsx(ToolbarButton, { tooltip: 'Edit link', onClick: onEdit, className: 'w-auto px-2', children: "Edit link" }), _jsx(Separator, { orientation: 'vertical' }), _jsx(ToolbarButton, { tooltip: 'Open link in a new tab', onClick: handleOpenLink, children: _jsx(ExternalLinkIcon, { className: 'size-4' }) }), _jsx(Separator, { orientation: 'vertical' }), _jsx(ToolbarButton, { tooltip: 'Clear link', onClick: onClear, children: _jsx(Link2Off, { className: 'size-4' }) }), _jsx(Separator, { orientation: 'vertical' }), _jsx(ToolbarButton, { tooltip: copyTitle, onClick: handleCopy, tooltipOptions: {
+                        onPointerDownOutside: (e) => {
+                            if (e.target === e.currentTarget)
+                                e.preventDefault();
+                        },
+                    }, children: _jsx(CopyIcon, { className: 'size-4' }) })] }) }));
+};
+//# sourceMappingURL=link-popover-block.js.map

package/dist/components/minimal-tiptap/components/link/link-popover-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-popover-block.js","sourceRoot":"","sources":["../../../../../src/components/minimal-tiptap/components/link/link-popover-block.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAQnE,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IAC5F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,MAAM,CAAC,CAAA;IAEhE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,CAAsC,EAAE,EAAE;QACzC,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,SAAS,CAAC,SAAS;aAChB,SAAS,CAAC,GAAG,CAAC;aACd,IAAI,CAAC,GAAG,EAAE;YACT,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAA;QAC9C,CAAC,CAAC;aACD,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAA;IACnD,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,CACL,cAAK,SAAS,EAAC,+DAA+D,YAC5E,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,aAAa,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,aAAa,0BAE3D,EAChB,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EACpC,KAAC,aAAa,IAAC,OAAO,EAAC,wBAAwB,EAAC,OAAO,EAAE,cAAc,YACrE,KAAC,gBAAgB,IAAC,SAAS,EAAC,QAAQ,GAAG,GACzB,EAChB,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EACpC,KAAC,aAAa,IAAC,OAAO,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,YAClD,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,GACjB,EAChB,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EACpC,KAAC,aAAa,IACZ,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,UAAU,EACnB,cAAc,EAAE;wBACd,oBAAoB,EAAE,CAAC,CAAC,EAAE,EAAE;4BAC1B,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;gCAAE,CAAC,CAAC,cAAc,EAAE,CAAA;wBACtD,CAAC;qBACF,YAED,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,GACjB,IACZ,GACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/minimal-tiptap/components/measured-container.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react/prop-types */
+import * as React from 'react';
+import { useContainerSize } from '../hooks/use-container-size';
+export const MeasuredContainer = React.forwardRef(({ as: Component, name, children, style = {}, ...props }, ref) => {
+    const innerRef = React.useRef(null);
+    const rect = useContainerSize(innerRef.current);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const customStyle = {
+        [`--${name}-width`]: `${rect.width}px`,
+        [`--${name}-height`]: `${rect.height}px`,
+    };
+    return (_jsx(Component, { ...props, ref: innerRef, style: { ...customStyle, ...style }, children: children }));
+});
+MeasuredContainer.displayName = 'MeasuredContainer';
+//# sourceMappingURL=measured-container.js.map

package/dist/components/minimal-tiptap/components/measured-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measured-container.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/components/measured-container.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAQ9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EACE,EAAE,EAAE,SAAS,EACb,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,GAAG,KAAK,EAC4C,EACtD,GAA2B,EAC3B,EAAE;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAA;IAChD,MAAM,IAAI,GAAG,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE/C,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAsB,CAAC,CAAA;IAErE,MAAM,WAAW,GAAG;QAClB,CAAC,KAAK,IAAI,QAAQ,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI;QACtC,CAAC,KAAK,IAAI,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI;KACzC,CAAA;IAED,OAAO,CACL,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,EAAE,YACrE,QAAQ,GACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}

package/dist/components/minimal-tiptap/components/section/five.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, CodeIcon, SeparatorHorizontalIcon, PlusIcon, QuoteIcon } from 'lucide-react';
+import { LinkEditPopover } from '../link/link-edit-popover';
+import { ToolbarSection } from '../toolbar-section';
+const formatActions = [
+    {
+        value: 'codeBlock',
+        label: 'Code block',
+        icon: _jsx(CodeIcon, { className: 'size-5' }),
+        action: (editor) => editor.chain().focus().toggleCodeBlock().run(),
+        isActive: (editor) => editor.isActive('codeBlock'),
+        canExecute: (editor) => editor.can().chain().focus().toggleCodeBlock().run(),
+        shortcuts: ['mod', 'alt', 'C'],
+    },
+    {
+        value: 'blockquote',
+        label: 'Blockquote',
+        icon: _jsx(QuoteIcon, { className: 'size-5' }),
+        action: (editor) => editor.chain().focus().toggleBlockquote().run(),
+        isActive: (editor) => editor.isActive('blockquote'),
+        canExecute: (editor) => editor.can().chain().focus().toggleBlockquote().run(),
+        shortcuts: ['mod', 'shift', 'B'],
+    },
+    {
+        value: 'horizontalRule',
+        label: 'Divider',
+        icon: _jsx(SeparatorHorizontalIcon, { className: 'size-5' }),
+        action: (editor) => editor.chain().focus().setHorizontalRule().run(),
+        isActive: () => false,
+        canExecute: (editor) => editor.can().chain().focus().setHorizontalRule().run(),
+        shortcuts: ['mod', 'alt', '-'],
+    },
+];
+export const SectionFive = ({ editor, activeActions = formatActions.map((action) => action.value), mainActionCount = 0, size, variant, }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(LinkEditPopover, { editor: editor, size: size, variant: variant }), _jsx(ToolbarSection, { editor: editor, actions: formatActions, activeActions: activeActions, mainActionCount: mainActionCount, dropdownIcon: _jsxs(_Fragment, { children: [_jsx(PlusIcon, { className: 'size-5' }), _jsx(ChevronDown, { className: 'size-5' })] }), dropdownTooltip: 'Insert elements', size: size, variant: variant })] }));
+};
+SectionFive.displayName = 'SectionFive';
+export default SectionFive;
+//# sourceMappingURL=five.js.map

package/dist/components/minimal-tiptap/components/section/five.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"five.js","sourceRoot":"","sources":["../../../../../src/components/minimal-tiptap/components/section/five.tsx"],"names":[],"mappings":"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"}

package/dist/components/minimal-tiptap/components/section/four.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, ListIcon } from 'lucide-react';
+import { ToolbarSection } from '../toolbar-section';
+const formatActions = [
+    {
+        value: 'orderedList',
+        label: 'Numbered list',
+        icon: (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', height: '20px', viewBox: '0 -960 960 960', width: '20px', fill: 'currentColor', children: _jsx("path", { d: 'M144-144v-48h96v-24h-48v-48h48v-24h-96v-48h120q10.2 0 17.1 6.9 6.9 6.9 6.9 17.1v48q0 10.2-6.9 17.1-6.9 6.9-17.1 6.9 10.2 0 17.1 6.9 6.9 6.9 6.9 17.1v48q0 10.2-6.9 17.1-6.9 6.9-17.1 6.9H144Zm0-240v-96q0-10.2 6.9-17.1 6.9-6.9 17.1-6.9h72v-24h-96v-48h120q10.2 0 17.1 6.9 6.9 6.9 6.9 17.1v72q0 10.2-6.9 17.1-6.9 6.9-17.1 6.9h-72v24h96v48H144Zm48-240v-144h-48v-48h96v192h-48Zm168 384v-72h456v72H360Zm0-204v-72h456v72H360Zm0-204v-72h456v72H360Z' }) })),
+        isActive: (editor) => editor.isActive('orderedList'),
+        action: (editor) => editor.chain().focus().toggleOrderedList().run(),
+        canExecute: (editor) => editor.can().chain().focus().toggleOrderedList().run(),
+        shortcuts: ['mod', 'shift', '7'],
+    },
+    {
+        value: 'bulletList',
+        label: 'Bullet list',
+        icon: _jsx(ListIcon, { className: 'size-5' }),
+        isActive: (editor) => editor.isActive('bulletList'),
+        action: (editor) => editor.chain().focus().toggleBulletList().run(),
+        canExecute: (editor) => editor.can().chain().focus().toggleBulletList().run(),
+        shortcuts: ['mod', 'shift', '8'],
+    },
+];
+export const SectionFour = ({ editor, activeActions = formatActions.map((action) => action.value), mainActionCount = 0, size, variant, }) => {
+    return (_jsx(ToolbarSection, { editor: editor, actions: formatActions, activeActions: activeActions, mainActionCount: mainActionCount, dropdownIcon: _jsxs(_Fragment, { children: [_jsx(ListIcon, { className: 'size-5' }), _jsx(ChevronDown, { className: 'size-5' })] }), dropdownTooltip: 'Lists', size: size, variant: variant }));
+};
+SectionFour.displayName = 'SectionFour';
+export default SectionFour;
+//# sourceMappingURL=four.js.map

package/dist/components/minimal-tiptap/components/section/four.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"four.js","sourceRoot":"","sources":["../../../../../src/components/minimal-tiptap/components/section/four.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAOnD,MAAM,aAAa,GAAe;IAChC;QACE,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,CACJ,cACE,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,gBAAgB,EACxB,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,cAAc,YAEnB,eAAM,CAAC,EAAC,wbAAwb,GAAG,GAC/b,CACP;QACD,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC;QACpD,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,iBAAiB,EAAE,CAAC,GAAG,EAAE;QACpE,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,iBAAiB,EAAE,CAAC,GAAG,EAAE;QAC9E,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC;KACjC;IACD;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG;QACrC,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC;QACnD,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE;QACnE,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE;QAC7E,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC;KACjC;CACF,CAAA;AAQD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,MAAM,EACN,aAAa,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3D,eAAe,GAAG,CAAC,EACnB,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,aAAa,EACtB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,YAAY,EACV,8BACE,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,EAC/B,KAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,GAAG,IACjC,EAEL,eAAe,EAAC,OAAO,EACvB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}

package/dist/components/minimal-tiptap/components/section/mailingPlaceholders.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { ListIcon } from 'lucide-react';
+import { ToolbarSection } from '../toolbar-section';
+import { MailSearch } from 'lucide-react';
+const formatActions = (placeholders) => {
+    return placeholders.map((placeholder) => ({
+        label: placeholder,
+        icon: _jsx(ListIcon, { className: 'size-5' }),
+        action: (editor) => {
+            editor.chain().focus().insertContent(`${placeholder}`).run();
+        },
+        isActive: () => false,
+        canExecute: () => true,
+        shortcuts: [],
+        value: placeholder,
+    }));
+};
+export const SectionMailingPlaceholders = ({ editor, placeholders, size, variant, }) => {
+    return (_jsx(ToolbarSection, { editor: editor, actions: formatActions(placeholders), dropdownIcon: _jsx(_Fragment, { children: _jsx(MailSearch, { className: 'size-5' }) }), dropdownTooltip: 'Available Mailing Placeholders', size: size, variant: variant }));
+};
+SectionMailingPlaceholders.displayName = 'MailingPlaceholders';
+export default SectionMailingPlaceholders;
+//# sourceMappingURL=mailingPlaceholders.js.map

package/dist/components/minimal-tiptap/components/section/mailingPlaceholders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mailingPlaceholders.js","sourceRoot":"","sources":["../../../../../src/components/minimal-tiptap/components/section/mailingPlaceholders.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,aAAa,GAAG,CAAC,YAAsB,EAAkB,EAAE;IAC/D,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QACxC,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG;QACrC,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;YACjB,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,GAAG,WAAW,EAAE,CAAC,CAAC,GAAG,EAAE,CAAA;QAC9D,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;QACrB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI;QACtB,SAAS,EAAE,EAAE;QACb,KAAK,EAAE,WAAW;KACnB,CAAC,CAAC,CAAA;AACL,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,0BAA0B,GAA6C,CAAC,EACnF,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,EACpC,YAAY,EACV,4BACE,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,GAAG,GAChC,EAEL,eAAe,EAAC,gCAAgC,EAChD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;AACH,CAAC,CAAA;AAED,0BAA0B,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAE9D,eAAe,0BAA0B,CAAA"}

package/dist/components/minimal-tiptap/components/section/one.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+import { ChevronDown, CaseSensitive } from 'lucide-react';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu';
+import { ToolbarButton } from '../toolbar-button';
+import { ShortcutKey } from '../shortcut-key';
+const formatActions = [
+    {
+        label: 'Normal Text',
+        element: 'span',
+        className: 'grow',
+        shortcuts: ['mod', 'alt', '0'],
+    },
+    {
+        label: 'Heading 1',
+        element: 'h1',
+        level: 1,
+        className: 'm-0 grow text-3xl font-extrabold',
+        shortcuts: ['mod', 'alt', '1'],
+    },
+    {
+        label: 'Heading 2',
+        element: 'h2',
+        level: 2,
+        className: 'm-0 grow text-xl font-bold',
+        shortcuts: ['mod', 'alt', '2'],
+    },
+    {
+        label: 'Heading 3',
+        element: 'h3',
+        level: 3,
+        className: 'm-0 grow text-lg font-semibold',
+        shortcuts: ['mod', 'alt', '3'],
+    },
+    {
+        label: 'Heading 4',
+        element: 'h4',
+        level: 4,
+        className: 'm-0 grow text-base font-semibold',
+        shortcuts: ['mod', 'alt', '4'],
+    },
+    {
+        label: 'Heading 5',
+        element: 'h5',
+        level: 5,
+        className: 'm-0 grow text-sm font-normal',
+        shortcuts: ['mod', 'alt', '5'],
+    },
+    {
+        label: 'Heading 6',
+        element: 'h6',
+        level: 6,
+        className: 'm-0 grow text-sm font-normal',
+        shortcuts: ['mod', 'alt', '6'],
+    },
+];
+export const SectionOne = React.memo(({ editor, activeLevels = [1, 2, 3, 4, 5, 6], size, variant }) => {
+    const filteredActions = React.useMemo(() => formatActions.filter((action) => !action.level || activeLevels.includes(action.level)), [activeLevels]);
+    const handleStyleChange = React.useCallback((level) => {
+        if (level) {
+            editor.chain().focus().toggleHeading({ level }).run();
+        }
+        else {
+            editor.chain().focus().setParagraph().run();
+        }
+    }, [editor]);
+    const renderMenuItem = React.useCallback(({ label, element: Element, level, className, shortcuts }) => (_jsxs(DropdownMenuItem, { onClick: () => handleStyleChange(level), className: cn('flex flex-row items-center justify-between gap-4', {
+            'bg-accent': level
+                ? editor.isActive('heading', { level })
+                : editor.isActive('paragraph'),
+        }), "aria-label": label, children: [_jsx(Element, { className: className, children: label }), _jsx(ShortcutKey, { keys: shortcuts })] }, label)), [editor, handleStyleChange]);
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(ToolbarButton, { isActive: editor.isActive('heading'), tooltip: 'Text styles', "aria-label": 'Text styles', pressed: editor.isActive('heading'), className: 'w-12', disabled: editor.isActive('codeBlock'), size: size, variant: variant, children: [_jsx(CaseSensitive, { className: 'size-5' }), _jsx(ChevronDown, { className: 'size-5' })] }) }), _jsx(DropdownMenuContent, { align: 'start', className: 'w-full', children: filteredActions.map(renderMenuItem) })] }));
+});
+SectionOne.displayName = 'SectionOne';
+export default SectionOne;
+//# sourceMappingURL=one.js.map

package/dist/components/minimal-tiptap/components/section/one.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"one.js","sourceRoot":"","sources":["../../../../../src/components/minimal-tiptap/components/section/one.tsx"],"names":[],"mappings":"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"}

package/dist/components/minimal-tiptap/components/section/three.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/prop-types */
+import * as React from 'react';
+import { ChevronDown, CheckIcon } from 'lucide-react';
+import { ToolbarButton } from '../toolbar-button';
+import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';
+import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
+import { useTheme } from '../../hooks/use-theme';
+const COLORS = [
+    {
+        label: 'Palette 1',
+        inverse: 'hsl(var(--background))',
+        colors: [
+            { cssVar: 'hsl(var(--foreground))', label: 'Default' },
+            { cssVar: 'var(--mt-accent-bold-blue)', label: 'Bold blue' },
+            { cssVar: 'var(--mt-accent-bold-teal)', label: 'Bold teal' },
+            { cssVar: 'var(--mt-accent-bold-green)', label: 'Bold green' },
+            { cssVar: 'var(--mt-accent-bold-orange)', label: 'Bold orange' },
+            { cssVar: 'var(--mt-accent-bold-red)', label: 'Bold red' },
+            { cssVar: 'var(--mt-accent-bold-purple)', label: 'Bold purple' },
+        ],
+    },
+    {
+        label: 'Palette 2',
+        inverse: 'hsl(var(--background))',
+        colors: [
+            { cssVar: 'var(--mt-accent-gray)', label: 'Gray' },
+            { cssVar: 'var(--mt-accent-blue)', label: 'Blue' },
+            { cssVar: 'var(--mt-accent-teal)', label: 'Teal' },
+            { cssVar: 'var(--mt-accent-green)', label: 'Green' },
+            { cssVar: 'var(--mt-accent-orange)', label: 'Orange' },
+            { cssVar: 'var(--mt-accent-red)', label: 'Red' },
+            { cssVar: 'var(--mt-accent-purple)', label: 'Purple' },
+        ],
+    },
+    {
+        label: 'Palette 3',
+        inverse: 'hsl(var(--foreground))',
+        colors: [
+            { cssVar: 'hsl(var(--background))', label: 'White', darkLabel: 'Black' },
+            { cssVar: 'var(--mt-accent-blue-subtler)', label: 'Blue subtle' },
+            { cssVar: 'var(--mt-accent-teal-subtler)', label: 'Teal subtle' },
+            { cssVar: 'var(--mt-accent-green-subtler)', label: 'Green subtle' },
+            { cssVar: 'var(--mt-accent-yellow-subtler)', label: 'Yellow subtle' },
+            { cssVar: 'var(--mt-accent-red-subtler)', label: 'Red subtle' },
+            { cssVar: 'var(--mt-accent-purple-subtler)', label: 'Purple subtle' },
+        ],
+    },
+];
+const MemoizedColorButton = React.memo(({ color, isSelected, inverse, onClick }) => {
+    const isDarkMode = useTheme();
+    const label = isDarkMode && color.darkLabel ? color.darkLabel : color.label;
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(ToggleGroupItem, { tabIndex: 0, className: 'relative size-7 rounded-md p-0', value: color.cssVar, "aria-label": label, style: { backgroundColor: color.cssVar }, onClick: (e) => {
+                        e.preventDefault();
+                        onClick(color.cssVar);
+                    }, children: isSelected && (_jsx(CheckIcon, { className: 'absolute inset-0 m-auto size-6', style: { color: inverse } })) }) }), _jsx(TooltipContent, { side: 'bottom', children: _jsx("p", { children: label }) })] }));
+});
+MemoizedColorButton.displayName = 'MemoizedColorButton';
+const MemoizedColorPicker = React.memo(({ palette, selectedColor, inverse, onColorChange }) => (_jsx(ToggleGroup, { type: 'single', value: selectedColor, onValueChange: (value) => {
+        if (value)
+            onColorChange(value);
+    }, className: 'gap-1.5', children: palette.colors.map((color, index) => (_jsx(MemoizedColorButton, { inverse: inverse, color: color, isSelected: selectedColor === color.cssVar, onClick: onColorChange }, index))) })));
+MemoizedColorPicker.displayName = 'MemoizedColorPicker';
+export const SectionThree = ({ editor, size, variant }) => {
+    const color = editor.getAttributes('textStyle')?.color || 'hsl(var(--foreground))';
+    const [selectedColor, setSelectedColor] = React.useState(color);
+    const handleColorChange = React.useCallback((value) => {
+        setSelectedColor(value);
+        editor.chain().setColor(value).run();
+    }, [editor]);
+    React.useEffect(() => {
+        setSelectedColor(color);
+    }, [color]);
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(ToolbarButton, { tooltip: 'Text color', "aria-label": 'Text color', className: 'w-12', size: size, variant: variant, children: [_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', className: 'size-5', style: { color: selectedColor }, children: [_jsx("path", { d: 'M4 20h16' }), _jsx("path", { d: 'm6 16 6-12 6 12' }), _jsx("path", { d: 'M8 12h8' })] }), _jsx(ChevronDown, { className: 'size-5' })] }) }), _jsx(PopoverContent, { align: 'start', className: 'w-full', children: _jsx("div", { className: 'space-y-1.5', children: COLORS.map((palette, index) => (_jsx(MemoizedColorPicker, { palette: palette, inverse: palette.inverse, selectedColor: selectedColor, onColorChange: handleColorChange }, index))) }) })] }));
+};
+SectionThree.displayName = 'SectionThree';
+export default SectionThree;
+//# sourceMappingURL=three.js.map

package/dist/components/minimal-tiptap/components/section/three.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"three.js","sourceRoot":"","sources":["../../../../../src/components/minimal-tiptap/components/section/three.tsx"],"names":[],"mappings":"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"}

package/dist/components/minimal-tiptap/components/section/two.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CodeIcon, Ellipsis, BoldIcon, ItalicIcon, StrikethroughIcon, UnderlineIcon, RemoveFormatting, } from 'lucide-react';
+import { ToolbarSection } from '../toolbar-section';
+const formatActions = [
+    {
+        value: 'bold',
+        label: 'Bold',
+        icon: _jsx(BoldIcon, { className: 'size-5' }),
+        action: (editor) => editor.chain().focus().toggleBold().run(),
+        isActive: (editor) => editor.isActive('bold'),
+        canExecute: (editor) => editor.can().chain().focus().toggleBold().run() && !editor.isActive('codeBlock'),
+        shortcuts: ['mod', 'B'],
+    },
+    {
+        value: 'italic',
+        label: 'Italic',
+        icon: _jsx(ItalicIcon, { className: 'size-5' }),
+        action: (editor) => editor.chain().focus().toggleItalic().run(),
+        isActive: (editor) => editor.isActive('italic'),
+        canExecute: (editor) => editor.can().chain().focus().toggleItalic().run() && !editor.isActive('codeBlock'),
+        shortcuts: ['mod', 'I'],
+    },
+    {
+        value: 'underline',
+        label: 'Underline',
+        icon: _jsx(UnderlineIcon, { className: 'size-5' }),
+        action: (editor) => editor.chain().focus().toggleUnderline().run(),
+        isActive: (editor) => editor.isActive('underline'),
+        canExecute: (editor) => editor.can().chain().focus().toggleUnderline().run() && !editor.isActive('codeBlock'),
+        shortcuts: ['mod', 'U'],
+    },
+    {
+        value: 'strikethrough',
+        label: 'Strikethrough',
+        icon: _jsx(StrikethroughIcon, { className: 'size-5' }),
+        action: (editor) => editor.chain().focus().toggleStrike().run(),
+        isActive: (editor) => editor.isActive('strike'),
+        canExecute: (editor) => editor.can().chain().focus().toggleStrike().run() && !editor.isActive('codeBlock'),
+        shortcuts: ['mod', 'shift', 'S'],
+    },
+    {
+        value: 'code',
+        label: 'Code',
+        icon: _jsx(CodeIcon, { className: 'size-5' }),
+        action: (editor) => editor.chain().focus().toggleCode().run(),
+        isActive: (editor) => editor.isActive('code'),
+        canExecute: (editor) => editor.can().chain().focus().toggleCode().run() && !editor.isActive('codeBlock'),
+        shortcuts: ['mod', 'E'],
+    },
+    {
+        value: 'clearFormatting',
+        label: 'Clear formatting',
+        icon: _jsx(RemoveFormatting, { className: 'size-5' }),
+        action: (editor) => editor.chain().focus().unsetAllMarks().run(),
+        isActive: () => false,
+        canExecute: (editor) => editor.can().chain().focus().unsetAllMarks().run() && !editor.isActive('codeBlock'),
+        shortcuts: ['mod', '\\'],
+    },
+];
+export const SectionTwo = ({ editor, activeActions = formatActions.map((action) => action.value), mainActionCount = 2, size, variant, }) => {
+    return (_jsx(ToolbarSection, { editor: editor, actions: formatActions, activeActions: activeActions, mainActionCount: mainActionCount, dropdownIcon: _jsx(Ellipsis, { className: 'size-5' }), dropdownTooltip: 'More formatting', dropdownClassName: 'w-8', size: size, variant: variant }));
+};
+SectionTwo.displayName = 'SectionTwo';
+export default SectionTwo;
+//# sourceMappingURL=two.js.map

package/dist/components/minimal-tiptap/components/section/two.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"two.js","sourceRoot":"","sources":["../../../../../src/components/minimal-tiptap/components/section/two.tsx"],"names":[],"mappings":"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"}

package/dist/components/minimal-tiptap/components/shortcut-key.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+import { getShortcutKey } from '../utils';
+export const ShortcutKey = React.forwardRef(({ className, keys, ...props }, ref) => {
+    const modifiedKeys = keys.map((key) => getShortcutKey(key));
+    const ariaLabel = modifiedKeys.map((shortcut) => shortcut.readable).join(' + ');
+    return (_jsx("span", { "aria-label": ariaLabel, className: cn('inline-flex items-center gap-0.5', className), ...props, ref: ref, children: modifiedKeys.map((shortcut) => (_jsx("kbd", { className: cn('inline-block min-w-2.5 text-center align-baseline font-sans text-xs font-medium capitalize text-[rgb(156,157,160)]', className), ...props, ref: ref, children: shortcut.symbol }, shortcut.symbol))) }));
+});
+ShortcutKey.displayName = 'ShortcutKey';
+//# sourceMappingURL=shortcut-key.js.map

package/dist/components/minimal-tiptap/components/shortcut-key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut-key.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/components/shortcut-key.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAMzC,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAE/E,OAAO,CACL,6BACc,SAAS,EACrB,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,EACT,GAAG,EAAE,GAAG,YAEP,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC9B,cAEE,SAAS,EAAE,EAAE,CACX,oHAAoH,EAEpH,SAAS,CACV,KACG,KAAK,EACT,GAAG,EAAE,GAAG,YAEP,QAAQ,CAAC,MAAM,IATX,QAAQ,CAAC,MAAM,CAUhB,CACP,CAAC,GACG,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

package/dist/components/minimal-tiptap/components/spinner.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+const SpinnerComponent = React.forwardRef(function Spinner({ className, ...props }, ref) {
+    return (_jsxs("svg", { ref: ref, xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', className: cn('animate-spin', className), ...props, children: [_jsx("circle", { className: 'opacity-25', cx: '12', cy: '12', r: '10', stroke: 'currentColor', strokeWidth: '4' }), _jsx("path", { className: 'opacity-75', fill: 'currentColor', d: 'M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z' })] }));
+});
+SpinnerComponent.displayName = 'Spinner';
+export const Spinner = React.memo(SpinnerComponent);
+//# sourceMappingURL=spinner.js.map

package/dist/components/minimal-tiptap/components/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/components/spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAIhC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAA8B,SAAS,OAAO,CACrF,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,KACpC,KAAK,aAET,iBACE,SAAS,EAAC,YAAY,EACtB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,GACP,EACV,eACE,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,iHAAiH,GAC7G,IACJ,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,gBAAgB,CAAC,WAAW,GAAG,SAAS,CAAA;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA"}

package/dist/components/minimal-tiptap/components/toolbar-button.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
+import { Toggle } from '@/components/ui/toggle';
+import { cn } from '@/lib/utils';
+export const ToolbarButton = React.forwardRef(({ isActive, children, tooltip, className, tooltipOptions, ...props }, ref) => {
+    const toggleButton = (_jsx(Toggle, { size: 'sm', ref: ref, className: cn('size-8 p-0', { 'bg-accent': isActive }, className), ...props, children: children }));
+    if (!tooltip) {
+        return toggleButton;
+    }
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: toggleButton }), _jsx(TooltipContent, { ...tooltipOptions, children: _jsx("div", { className: 'flex flex-col items-center text-center', children: tooltip }) })] }));
+});
+ToolbarButton.displayName = 'ToolbarButton';
+export default ToolbarButton;
+//# sourceMappingURL=toolbar-button.js.map

package/dist/components/minimal-tiptap/components/toolbar-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-button.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/components/toolbar-button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAQhC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,YAAY,GAAG,CACnB,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,KAC7D,KAAK,YAER,QAAQ,GACF,CACV,CAAA;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,YAAY,CAAA;IACrB,CAAC;IAED,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBAAE,YAAY,GAAkB,EACvD,KAAC,cAAc,OAAK,cAAc,YAChC,cAAK,SAAS,EAAC,wCAAwC,YAAE,OAAO,GAAO,GACxD,IACT,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}

package/dist/components/minimal-tiptap/components/toolbar-section.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+import { ChevronDown } from 'lucide-react';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu';
+import { ToolbarButton } from './toolbar-button';
+import { ShortcutKey } from './shortcut-key';
+import { getShortcutKey } from '../utils';
+export const ToolbarSection = ({ editor, actions, activeActions = actions.map((action) => action.value), mainActionCount = 0, dropdownIcon, dropdownTooltip = 'More options', dropdownClassName = 'w-12', size, variant, }) => {
+    const { mainActions, dropdownActions } = React.useMemo(() => {
+        const sortedActions = actions
+            .filter((action) => activeActions.includes(action.value))
+            .sort((a, b) => activeActions.indexOf(a.value) - activeActions.indexOf(b.value));
+        return {
+            mainActions: sortedActions.slice(0, mainActionCount),
+            dropdownActions: sortedActions.slice(mainActionCount),
+        };
+    }, [actions, activeActions, mainActionCount]);
+    const renderToolbarButton = React.useCallback((action) => (_jsx(ToolbarButton, { onClick: () => action.action(editor), disabled: !action.canExecute(editor), isActive: action.isActive(editor), tooltip: `${action.label} ${action.shortcuts.map((s) => getShortcutKey(s).symbol).join(' ')}`, "aria-label": action.label, size: size, variant: variant, children: action.icon }, action.label)), [editor, size, variant]);
+    const renderDropdownMenuItem = React.useCallback((action) => (_jsxs(DropdownMenuItem, { onClick: () => action.action(editor), disabled: !action.canExecute(editor), className: cn('flex flex-row items-center justify-between gap-4', {
+            'bg-accent': action.isActive(editor),
+        }), "aria-label": action.label, children: [_jsx("span", { className: 'grow', children: action.label }), _jsx(ShortcutKey, { keys: action.shortcuts })] }, action.label)), [editor]);
+    const isDropdownActive = React.useMemo(() => dropdownActions.some((action) => action.isActive(editor)), [dropdownActions, editor]);
+    return (_jsxs(_Fragment, { children: [mainActions.map(renderToolbarButton), dropdownActions.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(ToolbarButton, { isActive: isDropdownActive, tooltip: dropdownTooltip, "aria-label": dropdownTooltip, className: cn(dropdownClassName), size: size, variant: variant, children: dropdownIcon || _jsx(ChevronDown, { className: 'size-5' }) }) }), _jsx(DropdownMenuContent, { align: 'start', className: 'w-full', children: dropdownActions.map(renderDropdownMenuItem) })] }))] }));
+};
+export default ToolbarSection;
+//# sourceMappingURL=toolbar-section.js.map

package/dist/components/minimal-tiptap/components/toolbar-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-section.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/components/toolbar-section.tsx"],"names":[],"mappings":"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"}

package/dist/components/minimal-tiptap/extensions/code-block-lowlight/code-block-lowlight.js

@@ -0,0 +1,16 @@
+import { CodeBlockLowlight as TiptapCodeBlockLowlight } from '@tiptap/extension-code-block-lowlight';
+import { common, createLowlight } from 'lowlight';
+export const CodeBlockLowlight = TiptapCodeBlockLowlight.extend({
+    addOptions() {
+        return {
+            ...this.parent?.(),
+            lowlight: createLowlight(common),
+            defaultLanguage: null,
+            HTMLAttributes: {
+                class: 'block-node',
+            },
+        };
+    },
+});
+export default CodeBlockLowlight;
+//# sourceMappingURL=code-block-lowlight.js.map

package/dist/components/minimal-tiptap/extensions/code-block-lowlight/code-block-lowlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-lowlight.js","sourceRoot":"","sources":["../../../../../src/components/minimal-tiptap/extensions/code-block-lowlight/code-block-lowlight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,uCAAuC,CAAA;AACpG,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,MAAM,CAAC;IAC9D,UAAU;QACR,OAAO;YACL,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE;YAClB,QAAQ,EAAE,cAAc,CAAC,MAAM,CAAC;YAChC,eAAe,EAAE,IAAI;YACrB,cAAc,EAAE;gBACd,KAAK,EAAE,YAAY;aACpB;SACF,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF,eAAe,iBAAiB,CAAA"}

package/dist/components/minimal-tiptap/extensions/code-block-lowlight/index.js

@@ -0,0 +1,2 @@
+export * from './code-block-lowlight';
+//# sourceMappingURL=index.js.map

package/dist/components/minimal-tiptap/extensions/code-block-lowlight/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/minimal-tiptap/extensions/code-block-lowlight/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}