@verbb/plugin-kit-react 1.0.0

package/dist/components/index.d.ts

@@ -0,0 +1,45 @@
+export * from './Button';
+export * from './ButtonGroup';
+export * from './Calendar';
+export * from './Checkbox';
+export * from './CheckboxInput';
+export * from './CheckboxSelect';
+export * from './Combobox';
+export * from './ComboboxInput';
+export * from './Command';
+export * from './ColorInput';
+export * from './CopyButton';
+export * from './DatePicker';
+export * from './Dialog';
+export * from './DropdownMenu';
+export * from './EditableTable';
+export * from './FadeIn';
+export * from './Input';
+export * from './InputGroup';
+export * from './Label';
+export * from './Markdown';
+export * from './Lightswitch';
+export * from './Spinner';
+export * from './MenuButton';
+export * from './ModalTabs';
+export * from './PaneTabs';
+export * from './Popover';
+export * from './RadioGroup';
+export * from './ScrollArea';
+export * from './Select';
+export * from './SelectInput';
+export * from './Separator';
+export * from './SlideUp';
+export * from './Status';
+export * from './Table';
+export * from './Tabs';
+export * from './Textarea';
+export * from './TimePicker';
+export * from './TiptapEditor';
+export * from './TiptapContent';
+export * from './TiptapInput';
+export * from './Toggle';
+export * from './ToggleGroup';
+export * from './Tooltip';
+export * from './VirtualizedScrollArea';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,45 @@
+import { Separator } from "./Separator.js";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./ButtonGroup.js";
+import { Calendar, CalendarDayButton } from "./Calendar.js";
+import { Checkbox } from "./Checkbox.js";
+import { CheckboxInput } from "./CheckboxInput.js";
+import { ALL_VALUE, CheckboxSelect } from "./CheckboxSelect.js";
+import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxHighlightedText, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxPrimitiveInput, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor } from "./Combobox.js";
+import { ComboboxInput } from "./ComboboxInput.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, useCommandState } from "./Command.js";
+import { ColorInput } from "./ColorInput.js";
+import { CopyButton, copyToClipboardWithMeta } from "./CopyButton.js";
+import { DatePicker } from "./DatePicker.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./Dialog.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./DropdownMenu.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./Tooltip.js";
+import { EditableTable } from "./EditableTable.js";
+import { FadeIn } from "./FadeIn.js";
+import { Input } from "./Input.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./InputGroup.js";
+import { Label } from "./Label.js";
+import { Markdown } from "./Markdown.js";
+import { Lightswitch } from "./Lightswitch.js";
+import { Spinner } from "./Spinner.js";
+import { MenuButton } from "./MenuButton.js";
+import { ModalTabs, ModalTabsContent, ModalTabsList, ModalTabsTrigger } from "./ModalTabs.js";
+import { PaneTabs, PaneTabsContent, PaneTabsList, PaneTabsTrigger } from "./PaneTabs.js";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./Popover.js";
+import { RadioGroup, RadioGroupItem } from "./RadioGroup.js";
+import { ScrollArea } from "./ScrollArea.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./Select.js";
+import { Status } from "./Status.js";
+import { SelectInput } from "./SelectInput.js";
+import { SlideUp } from "./SlideUp.js";
+import { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./Table.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./Tabs.js";
+import { Textarea } from "./Textarea.js";
+import { TimePicker } from "./TimePicker.js";
+import { TiptapEditor } from "./TiptapEditor.js";
+import { TiptapContent } from "./TiptapContent.js";
+import { TiptapInput } from "./TiptapInput.js";
+import { Toggle, toggleVariants } from "./Toggle.js";
+import { ToggleGroup, ToggleGroupItem } from "./ToggleGroup.js";
+import { VirtualizedScrollArea } from "./VirtualizedScrollArea.js";
+import { Button, buttonVariants } from "./Button.js";
+export { ALL_VALUE, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Checkbox, CheckboxInput, CheckboxSelect, ColorInput, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxHighlightedText, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxPrimitiveInput, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CopyButton, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableTable, FadeIn, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, Lightswitch, Markdown, MenuButton, ModalTabs, ModalTabsContent, ModalTabsList, ModalTabsTrigger, PaneTabs, PaneTabsContent, PaneTabsList, PaneTabsTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, RadioGroup, RadioGroupItem, ScrollArea, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SlideUp, Spinner, Status, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimePicker, TiptapContent, TiptapEditor, TiptapInput, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VirtualizedScrollArea, buttonGroupVariants, buttonVariants, copyToClipboardWithMeta, toggleVariants, useComboboxAnchor, useCommandState };

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

@@ -0,0 +1,24 @@
+import { VariableOption } from './VariableDropdown';
+import { VariableGroup } from './VariableCommandList';
+export type FilteredVariables = {
+    groups: VariableGroup[];
+    options: VariableOption[];
+    isChildMode: boolean;
+};
+type InlineVariablePickerPopoverProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    position: {
+        top: number;
+        left: number;
+    };
+    isChildMode: boolean;
+    query: string;
+    onQueryChange: (query: string) => void;
+    filteredVariables: FilteredVariables;
+    onSelect: (item: VariableOption, baseVariable?: VariableOption) => void;
+    onBack: () => void;
+};
+export declare function InlineVariablePickerPopover({ open, onOpenChange, position, isChildMode, query, onQueryChange, filteredVariables, onSelect, onBack, }: InlineVariablePickerPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InlineVariablePickerPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineVariablePickerPopover.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/InlineVariablePickerPopover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC5B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,KAAK,gCAAgC,GAAG;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,YAAY,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EACxC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,MAAM,GACT,EAAE,gCAAgC,2CA8DlC"}

package/dist/components/tiptap/InlineVariablePickerPopover.js

@@ -0,0 +1,63 @@
+import { cn } from "../../utils/classes.js";
+import "../../utils/index.js";
+import { useTranslation } from "../../hooks/useTranslation.js";
+import "../../hooks/index.js";
+import { VariableCommandList } from "./VariableCommandList.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../Popover.js";
+import "../index.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/tiptap/InlineVariablePickerPopover.tsx
+function InlineVariablePickerPopover({ open, onOpenChange, position, isChildMode, query, onQueryChange, filteredVariables, onSelect, onBack }) {
+	const t = useTranslation();
+	const groups = filteredVariables.isChildMode || !filteredVariables.groups?.length ? null : filteredVariables.groups;
+	const { options } = filteredVariables;
+	return /* @__PURE__ */ jsxs(Popover, {
+		modal: false,
+		open: open && options.length > 0,
+		onOpenChange: (nextOpen) => {
+			if (!nextOpen) onOpenChange(false);
+		},
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			nativeButton: false,
+			render: /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "absolute size-px opacity-0 pointer-events-none",
+				style: {
+					top: position.top,
+					left: position.left
+				}
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			align: "start",
+			side: "bottom",
+			sideOffset: 4,
+			positionMethod: "fixed",
+			collisionAvoidance: {
+				side: "flip",
+				align: "shift",
+				fallbackAxisSide: "none"
+			},
+			portalClassName: "z-250",
+			className: cn("p-0 overflow-hidden flex flex-col", isChildMode ? "w-[260px] max-h-[280px]" : "min-w-[260px] max-w-[360px] max-h-[300px]"),
+			children: /* @__PURE__ */ jsx(VariableCommandList, {
+				search: query,
+				onSearchChange: onQueryChange,
+				groups,
+				options,
+				onSelect,
+				showSearch: true,
+				placeholder: t("Search variables"),
+				shouldFilter: false,
+				onBack: isChildMode ? onBack : void 0,
+				isChildMode,
+				selectFirstItem: true,
+				autoFocusSearchInput: false
+			})
+		})]
+	});
+}
+//#endregion
+export { InlineVariablePickerPopover };
+
+//# sourceMappingURL=InlineVariablePickerPopover.js.map

package/dist/components/tiptap/InlineVariablePickerPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineVariablePickerPopover.js","names":[],"sources":["../../../src/components/tiptap/InlineVariablePickerPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Popover, PopoverContent, PopoverTrigger } from '@verbb/plugin-kit-react/components';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\nimport { cn } from '@verbb/plugin-kit-react/utils';\nimport type { VariableOption } from './VariableDropdown';\nimport { VariableCommandList } from './VariableCommandList';\nimport type { VariableGroup } from './VariableCommandList';\n\nexport type FilteredVariables = {\n    groups: VariableGroup[];\n    options: VariableOption[];\n    isChildMode: boolean;\n};\n\ntype InlineVariablePickerPopoverProps = {\n    open: boolean;\n    onOpenChange: (open: boolean) => void;\n    position: { top: number; left: number };\n    isChildMode: boolean;\n    query: string;\n    onQueryChange: (query: string) => void;\n    filteredVariables: FilteredVariables;\n    onSelect: (item: VariableOption, baseVariable?: VariableOption) => void;\n    onBack: () => void;\n};\n\nexport function InlineVariablePickerPopover({\n    open,\n    onOpenChange,\n    position,\n    isChildMode,\n    query,\n    onQueryChange,\n    filteredVariables,\n    onSelect,\n    onBack,\n}: InlineVariablePickerPopoverProps) {\n    const t = useTranslation();\n    const groups = filteredVariables.isChildMode || !filteredVariables.groups?.length\n        ? null\n        : filteredVariables.groups;\n    const { options } = filteredVariables;\n\n    return (\n        <Popover\n            modal={false}\n            open={open && options.length > 0}\n            onOpenChange={(nextOpen) => {\n                if (!nextOpen) {\n                    onOpenChange(false);\n                }\n            }}\n        >\n            <PopoverTrigger\n                nativeButton={false}\n                render={\n                    <span\n                        aria-hidden=\"true\"\n                        className=\"absolute size-px opacity-0 pointer-events-none\"\n                        style={{ top: position.top, left: position.left }}\n                    />\n                }\n            />\n            <PopoverContent\n                align=\"start\"\n                side=\"bottom\"\n                sideOffset={4}\n                positionMethod=\"fixed\"\n                collisionAvoidance={{\n                    side: 'flip',\n                    align: 'shift',\n                    fallbackAxisSide: 'none',\n                }}\n                portalClassName=\"z-250\"\n                className={cn(\n                    'p-0 overflow-hidden flex flex-col',\n                    isChildMode\n                        ? 'w-[260px] max-h-[280px]'\n                        : 'min-w-[260px] max-w-[360px] max-h-[300px]',\n                )}\n            >\n                <VariableCommandList\n                    search={query}\n                    onSearchChange={onQueryChange}\n                    groups={groups}\n                    options={options}\n                    onSelect={onSelect}\n                    showSearch\n                    placeholder={t('Search variables')}\n                    shouldFilter={false}\n                    onBack={isChildMode ? onBack : undefined}\n                    isChildMode={isChildMode}\n                    selectFirstItem\n                    autoFocusSearchInput={false}\n                />\n            </PopoverContent>\n        </Popover>\n    );\n}\n"],"mappings":";;;;;;;;;;AA0BA,SAAgB,4BAA4B,EACxC,MACA,cACA,UACA,aACA,OACA,eACA,mBACA,UACA,UACiC;CACjC,MAAM,IAAI,gBAAgB;CAC1B,MAAM,SAAS,kBAAkB,eAAe,CAAC,kBAAkB,QAAQ,SACrE,OACA,kBAAkB;CACxB,MAAM,EAAE,YAAY;AAEpB,QACI,qBAAC,SAAD;EACI,OAAO;EACP,MAAM,QAAQ,QAAQ,SAAS;EAC/B,eAAe,aAAa;AACxB,OAAI,CAAC,SACD,cAAa,MAAM;;YAL/B,CASI,oBAAC,gBAAD;GACI,cAAc;GACd,QACI,oBAAC,QAAD;IACI,eAAY;IACZ,WAAU;IACV,OAAO;KAAE,KAAK,SAAS;KAAK,MAAM,SAAS;KAAM;IACnD,CAAA;GAER,CAAA,EACF,oBAAC,gBAAD;GACI,OAAM;GACN,MAAK;GACL,YAAY;GACZ,gBAAe;GACf,oBAAoB;IAChB,MAAM;IACN,OAAO;IACP,kBAAkB;IACrB;GACD,iBAAgB;GAChB,WAAW,GACP,qCACA,cACM,4BACA,4CACT;aAED,oBAAC,qBAAD;IACI,QAAQ;IACR,gBAAgB;IACR;IACC;IACC;IACV,YAAA;IACA,aAAa,EAAE,mBAAmB;IAClC,cAAc;IACd,QAAQ,cAAc,SAAS,KAAA;IAClB;IACb,iBAAA;IACA,sBAAsB;IACxB,CAAA;GACW,CAAA,CACX"}

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

@@ -0,0 +1,14 @@
+export type InsertLinkDialogState = {
+    url: string;
+    text: string;
+    openInNewTab: boolean;
+};
+type InsertLinkDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    initialValues?: Partial<InsertLinkDialogState>;
+    onInsert: (values: InsertLinkDialogState) => void;
+};
+export declare function InsertLinkDialog({ open, onOpenChange, initialValues, onInsert, }: InsertLinkDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InsertLinkDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InsertLinkDialog.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/InsertLinkDialog.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,qBAAqB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC/C,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,aAAkB,EAClB,QAAQ,GACX,EAAE,qBAAqB,2CA6GvB"}

package/dist/components/tiptap/InsertLinkDialog.js

@@ -0,0 +1,145 @@
+import { cn } from "../../utils/classes.js";
+import "../../utils/index.js";
+import { Checkbox } from "../Checkbox.js";
+import { useTranslation } from "../../hooks/useTranslation.js";
+import "../../hooks/index.js";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../Dialog.js";
+import { Input } from "../Input.js";
+import { Label } from "../Label.js";
+import { Button } from "../Button.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/tiptap/InsertLinkDialog.tsx
+function InsertLinkDialog({ open, onOpenChange, initialValues = {}, onInsert }) {
+	const t = useTranslation();
+	const [url, setUrl] = useState(initialValues.url ?? "");
+	const [text, setText] = useState(initialValues.text ?? "");
+	const [openInNewTab, setOpenInNewTab] = useState(initialValues.openInNewTab ?? false);
+	useEffect(() => {
+		if (open) {
+			setUrl(initialValues.url ?? "");
+			setText(initialValues.text ?? "");
+			setOpenInNewTab(initialValues.openInNewTab ?? false);
+		}
+	}, [
+		open,
+		initialValues.url,
+		initialValues.text,
+		initialValues.openInNewTab
+	]);
+	const handleInsert = () => {
+		const trimmedUrl = url.trim();
+		if (!trimmedUrl) return;
+		onInsert({
+			url: trimmedUrl,
+			text: text.trim(),
+			openInNewTab
+		});
+		onOpenChange(false);
+	};
+	const handleCancel = () => {
+		onOpenChange(false);
+	};
+	const handleDialogKeyDownCapture = (event) => {
+		if (event.key !== "Enter") return;
+		const target = event.target;
+		if (!(target instanceof HTMLInputElement)) return;
+		if ([
+			"checkbox",
+			"radio",
+			"button",
+			"submit"
+		].includes(target.type)) return;
+		event.preventDefault();
+		event.stopPropagation();
+		handleInsert();
+	};
+	const isEditing = !!initialValues?.url?.trim();
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			showCloseButton: true,
+			onKeyDownCapture: handleDialogKeyDownCapture,
+			className: cn("w-[90vw] h-[90vh]", "max-w-[650px]", "max-h-[450px]"),
+			portalClassName: "plugin-kit-react-tiptap-dialog",
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: isEditing ? t("Update Link") : t("Insert Link") }) }),
+				/* @__PURE__ */ jsx("div", {
+					className: "h-full overflow-y-auto",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-4 p-4",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-1.5",
+								children: [/* @__PURE__ */ jsxs(Label, {
+									htmlFor: "link-url",
+									children: [
+										t("URL"),
+										" ",
+										/* @__PURE__ */ jsx("span", {
+											className: "text-red-600",
+											children: "*"
+										})
+									]
+								}), /* @__PURE__ */ jsx(Input, {
+									id: "link-url",
+									value: url,
+									onChange: (e) => {
+										return setUrl(e.target.value);
+									},
+									placeholder: "https://",
+									"aria-required": true
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-1.5",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "link-text",
+									children: t("Text")
+								}), /* @__PURE__ */ jsx(Input, {
+									id: "link-text",
+									value: text,
+									onChange: (e) => {
+										return setText(e.target.value);
+									},
+									placeholder: t("Link text")
+								})]
+							}),
+							/* @__PURE__ */ jsxs("label", {
+								className: "flex items-center gap-2 cursor-pointer",
+								children: [/* @__PURE__ */ jsx(Checkbox, {
+									checked: openInNewTab,
+									onCheckedChange: (checked) => {
+										return setOpenInNewTab(!!checked);
+									}
+								}), /* @__PURE__ */ jsx("span", {
+									className: "text-sm",
+									children: t("Open link in new tab")
+								})]
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, {
+					className: "flex flex-row gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						onClick: handleCancel,
+						children: t("Cancel")
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "primary",
+						onClick: handleInsert,
+						disabled: !url.trim(),
+						children: isEditing ? t("Update") : t("Insert")
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { InsertLinkDialog };
+
+//# sourceMappingURL=InsertLinkDialog.js.map

package/dist/components/tiptap/InsertLinkDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsertLinkDialog.js","names":[],"sources":["../../../src/components/tiptap/InsertLinkDialog.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport type { KeyboardEvent } from 'react';\n\nimport {\n    Dialog,\n    DialogContent,\n    DialogHeader,\n    DialogTitle,\n    DialogFooter,\n} from '@verbb/plugin-kit-react/components/Dialog';\nimport { Button } from '@verbb/plugin-kit-react/components/Button';\nimport { Input } from '@verbb/plugin-kit-react/components/Input';\nimport { Label } from '@verbb/plugin-kit-react/components/Label';\nimport { Checkbox } from '@verbb/plugin-kit-react/components/Checkbox';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\nimport { cn } from '@verbb/plugin-kit-react/utils';\n\nexport type InsertLinkDialogState = {\n    url: string;\n    text: string;\n    openInNewTab: boolean;\n};\n\ntype InsertLinkDialogProps = {\n    open: boolean;\n    onOpenChange: (open: boolean) => void;\n    initialValues?: Partial<InsertLinkDialogState>;\n    onInsert: (values: InsertLinkDialogState) => void;\n};\n\nexport function InsertLinkDialog({\n    open,\n    onOpenChange,\n    initialValues = {},\n    onInsert,\n}: InsertLinkDialogProps) {\n    const t = useTranslation();\n    const [url, setUrl] = useState(initialValues.url ?? '');\n    const [text, setText] = useState(initialValues.text ?? '');\n    const [openInNewTab, setOpenInNewTab] = useState(initialValues.openInNewTab ?? false);\n\n    useEffect(() => {\n        if (open) {\n            setUrl(initialValues.url ?? '');\n            setText(initialValues.text ?? '');\n            setOpenInNewTab(initialValues.openInNewTab ?? false);\n        }\n    }, [open, initialValues.url, initialValues.text, initialValues.openInNewTab]);\n\n    const handleInsert = () => {\n        const trimmedUrl = url.trim();\n        if (!trimmedUrl) {\n            return;\n        }\n        onInsert({ url: trimmedUrl, text: text.trim(), openInNewTab });\n        onOpenChange(false);\n    };\n\n    const handleCancel = () => {\n        onOpenChange(false);\n    };\n\n    const handleDialogKeyDownCapture = (event: KeyboardEvent<HTMLElement>) => {\n        if (event.key !== 'Enter') {\n            return;\n        }\n\n        const target = event.target as HTMLElement | null;\n        if (!(target instanceof HTMLInputElement)) {\n            return;\n        }\n\n        // Only hijack Enter for text-like inputs in this dialog.\n        if (['checkbox', 'radio', 'button', 'submit'].includes(target.type)) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        handleInsert();\n    };\n\n    const isEditing = !!(initialValues?.url?.trim());\n\n    return (\n        <Dialog open={open} onOpenChange={onOpenChange}>\n            <DialogContent\n                showCloseButton\n                onKeyDownCapture={handleDialogKeyDownCapture}\n                className={cn(\n                    'w-[90vw] h-[90vh]',\n                    'max-w-[650px]',\n                    'max-h-[450px]',\n                )}\n                portalClassName=\"plugin-kit-react-tiptap-dialog\"\n            >\n                <DialogHeader>\n                    <DialogTitle>{isEditing ? t('Update Link') : t('Insert Link')}</DialogTitle>\n                </DialogHeader>\n\n                <div className=\"h-full overflow-y-auto\">\n                    <div className=\"flex flex-col gap-4 p-4\">\n                        <div className=\"flex flex-col gap-1.5\">\n                            <Label htmlFor=\"link-url\">\n                                {t('URL')} <span className=\"text-red-600\">*</span>\n                            </Label>\n                            <Input\n                                id=\"link-url\"\n                                value={url}\n                                onChange={(e) => { return setUrl(e.target.value); }}\n                                placeholder=\"https://\"\n                                aria-required\n                            />\n                        </div>\n                        <div className=\"flex flex-col gap-1.5\">\n                            <Label htmlFor=\"link-text\">{t('Text')}</Label>\n                            <Input\n                                id=\"link-text\"\n                                value={text}\n                                onChange={(e) => { return setText(e.target.value); }}\n                                placeholder={t('Link text')}\n                            />\n                        </div>\n                        <label className=\"flex items-center gap-2 cursor-pointer\">\n                            <Checkbox\n                                checked={openInNewTab}\n                                onCheckedChange={(checked) => { return setOpenInNewTab(!!checked); }}\n                            />\n                            <span className=\"text-sm\">{t('Open link in new tab')}</span>\n                        </label>\n                    </div>\n                </div>\n\n                <DialogFooter className=\"flex flex-row gap-2\">\n                    <Button type=\"button\" onClick={handleCancel}>\n                        {t('Cancel')}\n                    </Button>\n                    <Button type=\"button\" variant=\"primary\" onClick={handleInsert} disabled={!url.trim()}>\n                        {isEditing ? t('Update') : t('Insert')}\n                    </Button>\n                </DialogFooter>\n            </DialogContent>\n        </Dialog>\n    );\n}\n"],"mappings":";;;;;;;;;;;;AA8BA,SAAgB,iBAAiB,EAC7B,MACA,cACA,gBAAgB,EAAE,EAClB,YACsB;CACtB,MAAM,IAAI,gBAAgB;CAC1B,MAAM,CAAC,KAAK,UAAU,SAAS,cAAc,OAAO,GAAG;CACvD,MAAM,CAAC,MAAM,WAAW,SAAS,cAAc,QAAQ,GAAG;CAC1D,MAAM,CAAC,cAAc,mBAAmB,SAAS,cAAc,gBAAgB,MAAM;AAErF,iBAAgB;AACZ,MAAI,MAAM;AACN,UAAO,cAAc,OAAO,GAAG;AAC/B,WAAQ,cAAc,QAAQ,GAAG;AACjC,mBAAgB,cAAc,gBAAgB,MAAM;;IAEzD;EAAC;EAAM,cAAc;EAAK,cAAc;EAAM,cAAc;EAAa,CAAC;CAE7E,MAAM,qBAAqB;EACvB,MAAM,aAAa,IAAI,MAAM;AAC7B,MAAI,CAAC,WACD;AAEJ,WAAS;GAAE,KAAK;GAAY,MAAM,KAAK,MAAM;GAAE;GAAc,CAAC;AAC9D,eAAa,MAAM;;CAGvB,MAAM,qBAAqB;AACvB,eAAa,MAAM;;CAGvB,MAAM,8BAA8B,UAAsC;AACtE,MAAI,MAAM,QAAQ,QACd;EAGJ,MAAM,SAAS,MAAM;AACrB,MAAI,EAAE,kBAAkB,kBACpB;AAIJ,MAAI;GAAC;GAAY;GAAS;GAAU;GAAS,CAAC,SAAS,OAAO,KAAK,CAC/D;AAGJ,QAAM,gBAAgB;AACtB,QAAM,iBAAiB;AACvB,gBAAc;;CAGlB,MAAM,YAAY,CAAC,CAAE,eAAe,KAAK,MAAM;AAE/C,QACI,oBAAC,QAAD;EAAc;EAAoB;YAC9B,qBAAC,eAAD;GACI,iBAAA;GACA,kBAAkB;GAClB,WAAW,GACP,qBACA,iBACA,gBACH;GACD,iBAAgB;aARpB;IAUI,oBAAC,cAAD,EAAA,UACI,oBAAC,aAAD,EAAA,UAAc,YAAY,EAAE,cAAc,GAAG,EAAE,cAAc,EAAe,CAAA,EACjE,CAAA;IAEf,oBAAC,OAAD;KAAK,WAAU;eACX,qBAAC,OAAD;MAAK,WAAU;gBAAf;OACI,qBAAC,OAAD;QAAK,WAAU;kBAAf,CACI,qBAAC,OAAD;SAAO,SAAQ;mBAAf;UACK,EAAE,MAAM;UAAC;UAAC,oBAAC,QAAD;WAAM,WAAU;qBAAe;WAAQ,CAAA;UAC9C;YACR,oBAAC,OAAD;SACI,IAAG;SACH,OAAO;SACP,WAAW,MAAM;AAAE,iBAAO,OAAO,EAAE,OAAO,MAAM;;SAChD,aAAY;SACZ,iBAAA;SACF,CAAA,CACA;;OACN,qBAAC,OAAD;QAAK,WAAU;kBAAf,CACI,oBAAC,OAAD;SAAO,SAAQ;mBAAa,EAAE,OAAO;SAAS,CAAA,EAC9C,oBAAC,OAAD;SACI,IAAG;SACH,OAAO;SACP,WAAW,MAAM;AAAE,iBAAO,QAAQ,EAAE,OAAO,MAAM;;SACjD,aAAa,EAAE,YAAY;SAC7B,CAAA,CACA;;OACN,qBAAC,SAAD;QAAO,WAAU;kBAAjB,CACI,oBAAC,UAAD;SACI,SAAS;SACT,kBAAkB,YAAY;AAAE,iBAAO,gBAAgB,CAAC,CAAC,QAAQ;;SACnE,CAAA,EACF,oBAAC,QAAD;SAAM,WAAU;mBAAW,EAAE,uBAAuB;SAAQ,CAAA,CACxD;;OACN;;KACJ,CAAA;IAEN,qBAAC,cAAD;KAAc,WAAU;eAAxB,CACI,oBAAC,QAAD;MAAQ,MAAK;MAAS,SAAS;gBAC1B,EAAE,SAAS;MACP,CAAA,EACT,oBAAC,QAAD;MAAQ,MAAK;MAAS,SAAQ;MAAU,SAAS;MAAc,UAAU,CAAC,IAAI,MAAM;gBAC/E,YAAY,EAAE,SAAS,GAAG,EAAE,SAAS;MACjC,CAAA,CACE;;IACH;;EACX,CAAA"}

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

@@ -0,0 +1,10 @@
+import { Editor } from '@tiptap/core';
+type LinkBubbleMenuProps = {
+    editor: Editor | null | undefined;
+    onEdit: () => void;
+    /** When true, hide the bubble (e.g. when Insert Link dialog is open) so it doesn't stack above the dialog */
+    dialogOpen?: boolean;
+};
+export declare function LinkBubbleMenu({ editor, onEdit, dialogOpen }: LinkBubbleMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=LinkBubbleMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkBubbleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/LinkBubbleMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA8B,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAMvE,KAAK,mBAAmB,GAAG;IACvB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,6GAA6G;IAC7G,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAkB,EAAE,EAAE,mBAAmB,kDAmHzF"}

package/dist/components/tiptap/LinkBubbleMenu.js

@@ -0,0 +1,106 @@
+import { cn } from "../../utils/classes.js";
+import { getPortalTargetForAppend } from "../../utils/portal.js";
+import "../../utils/index.js";
+import { useTranslation } from "../../hooks/useTranslation.js";
+import "../../hooks/index.js";
+import { Button } from "../Button.js";
+import { useCallback, useEffect, useState } from "react";
+import { getMarkRange, posToDOMRect } from "@tiptap/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEditorState } from "@tiptap/react";
+import { BubbleMenu } from "@tiptap/react/menus";
+//#region src/components/tiptap/LinkBubbleMenu.tsx
+function LinkBubbleMenu({ editor, onEdit, dialogOpen = false }) {
+	const t = useTranslation();
+	const pluginKey = "linkBubbleMenu";
+	const [dismissed, setDismissed] = useState(false);
+	const href = useEditorState({
+		editor,
+		selector: ({ editor: ed }) => {
+			return ed?.isActive("link") ? ed.getAttributes("link").href : void 0;
+		}
+	});
+	const getReferencedVirtualElement = useCallback(() => {
+		if (!editor?.isActive("link")) return null;
+		const { state, view } = editor;
+		const linkType = state.schema.marks.link;
+		const getRect = () => {
+			const range = getMarkRange(editor.state.selection.$from, linkType);
+			if (range) return posToDOMRect(view, range.from, range.to);
+			const { from } = editor.state.selection;
+			return posToDOMRect(view, from, from);
+		};
+		return {
+			getBoundingClientRect: getRect,
+			getClientRects: () => {
+				return [getRect()];
+			}
+		};
+	}, [editor]);
+	const handleShow = useCallback(() => {
+		if (!editor) return;
+		requestAnimationFrame(() => {
+			editor.view.dispatch(editor.state.tr.setMeta(pluginKey, "updatePosition"));
+		});
+	}, [editor, pluginKey]);
+	useEffect(() => {
+		if (!dialogOpen) setDismissed(false);
+	}, [dialogOpen]);
+	if (!editor) return null;
+	const appendTarget = getPortalTargetForAppend();
+	return /* @__PURE__ */ jsxs(BubbleMenu, {
+		editor,
+		pluginKey,
+		shouldShow: ({ editor: ed }) => {
+			return !dismissed && !dialogOpen && ed.isFocused && ed.isActive("link");
+		},
+		appendTo: appendTarget ? () => {
+			return appendTarget;
+		} : void 0,
+		getReferencedVirtualElement,
+		updateDelay: 0,
+		options: {
+			placement: "top",
+			onShow: handleShow
+		},
+		className: cn("relative z-[250] flex items-center gap-0 rounded-md overflow-visible", "bg-[#1c2e36] text-white text-[12px]", dismissed && "hidden"),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "absolute left-1/2 -translate-x-1/2 -bottom-1 size-2 rotate-45 bg-[#1c2e36]",
+				"aria-hidden": true
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "px-2 py-1.5 max-w-[200px] truncate",
+				children: href
+			}),
+			/* @__PURE__ */ jsx("span", { className: "w-px h-3 bg-[#616d73]" }),
+			/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "none",
+				size: "xs",
+				className: "text-white hover:text-white/70 px-2 py-1.5",
+				onClick: () => {
+					setDismissed(true);
+					editor?.commands?.blur?.();
+					onEdit();
+				},
+				children: t("Edit")
+			}),
+			/* @__PURE__ */ jsx("span", { className: "w-px h-3 bg-[#616d73]" }),
+			/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "none",
+				size: "xs",
+				className: "text-white hover:text-white/70 px-2 py-1.5",
+				onClick: () => {
+					return editor.chain().focus().unsetLink().run();
+				},
+				children: t("Unlink")
+			})
+		]
+	});
+}
+//#endregion
+export { LinkBubbleMenu };
+
+//# sourceMappingURL=LinkBubbleMenu.js.map

package/dist/components/tiptap/LinkBubbleMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkBubbleMenu.js","names":[],"sources":["../../../src/components/tiptap/LinkBubbleMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useEditorState } from '@tiptap/react';\nimport { BubbleMenu } from '@tiptap/react/menus';\nimport { getMarkRange, posToDOMRect, type Editor } from '@tiptap/core';\nimport { Button } from '@verbb/plugin-kit-react/components/Button';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\nimport { cn } from '@verbb/plugin-kit-react/utils';\nimport { getPortalTargetForAppend } from '@verbb/plugin-kit-react/utils/portal';\n\ntype LinkBubbleMenuProps = {\n    editor: Editor | null | undefined;\n    onEdit: () => void;\n    /** When true, hide the bubble (e.g. when Insert Link dialog is open) so it doesn't stack above the dialog */\n    dialogOpen?: boolean;\n};\n\nexport function LinkBubbleMenu({ editor, onEdit, dialogOpen = false }: LinkBubbleMenuProps) {\n    const t = useTranslation();\n    const pluginKey = 'linkBubbleMenu';\n    const [dismissed, setDismissed] = useState(false);\n\n    const href = useEditorState({\n        editor,\n        selector: ({ editor: ed }) => {\n            return ed?.isActive('link') ? ed.getAttributes('link').href : undefined;\n        },\n    });\n\n    const getReferencedVirtualElement = useCallback(() => {\n        if (!editor?.isActive('link')) {\n            return null;\n        }\n        const { state, view } = editor;\n        const linkType = state.schema.marks.link;\n\n        const getRect = () => {\n            const range = getMarkRange(editor.state.selection.$from, linkType);\n\n            if (range) {\n                return posToDOMRect(view, range.from, range.to);\n            }\n\n            const { from } = editor.state.selection;\n            return posToDOMRect(view, from, from);\n        };\n\n        return {\n            getBoundingClientRect: getRect,\n            getClientRects: () => {\n                return [getRect()];\n            },\n        };\n    }, [editor]);\n\n    const handleShow = useCallback(() => {\n        if (!editor) {\n            return;\n        }\n        requestAnimationFrame(() => {\n            editor.view.dispatch(editor.state.tr.setMeta(pluginKey, 'updatePosition'));\n        });\n    }, [editor, pluginKey]);\n\n    useEffect(() => {\n        // Re-enable bubble after modal closes.\n        if (!dialogOpen) {\n            setDismissed(false);\n        }\n    }, [dialogOpen]);\n\n    if (!editor) {\n        return null;\n    }\n    const appendTarget = getPortalTargetForAppend();\n\n    return (\n        <BubbleMenu\n            editor={editor}\n            pluginKey={pluginKey}\n            shouldShow={({ editor: ed }) => {\n                return !dismissed && !dialogOpen && ed.isFocused && ed.isActive('link');\n            }}\n            appendTo={appendTarget ? () => {\n                return appendTarget;\n            } : undefined}\n            getReferencedVirtualElement={getReferencedVirtualElement}\n            updateDelay={0}\n            options={{\n                placement: 'top',\n                onShow: handleShow,\n            }}\n            className={cn(\n                'relative z-[250] flex items-center gap-0 rounded-md overflow-visible',\n                'bg-[#1c2e36] text-white text-[12px]',\n                dismissed && 'hidden',\n                // 'shadow-lg border border-slate-600',\n            )}\n        >\n            <span\n                className=\"absolute left-1/2 -translate-x-1/2 -bottom-1 size-2 rotate-45 bg-[#1c2e36]\"\n                aria-hidden\n            />\n            <span className=\"px-2 py-1.5 max-w-[200px] truncate\">\n                {href}\n            </span>\n            <span className=\"w-px h-3 bg-[#616d73]\" />\n            <Button\n                type=\"button\"\n                variant=\"none\"\n                size=\"xs\"\n                className=\"text-white hover:text-white/70 px-2 py-1.5\"\n                onClick={() => {\n                    setDismissed(true);\n                    editor?.commands?.blur?.();\n                    onEdit();\n                }}\n            >\n                {t('Edit')}\n            </Button>\n            <span className=\"w-px h-3 bg-[#616d73]\" />\n            <Button\n                type=\"button\"\n                variant=\"none\"\n                size=\"xs\"\n                className=\"text-white hover:text-white/70 px-2 py-1.5\"\n                onClick={() => { return editor.chain().focus().unsetLink().run(); }}\n            >\n                {t('Unlink')}\n            </Button>\n        </BubbleMenu>\n    );\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,SAAgB,eAAe,EAAE,QAAQ,QAAQ,aAAa,SAA8B;CACxF,MAAM,IAAI,gBAAgB;CAC1B,MAAM,YAAY;CAClB,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,OAAO,eAAe;EACxB;EACA,WAAW,EAAE,QAAQ,SAAS;AAC1B,UAAO,IAAI,SAAS,OAAO,GAAG,GAAG,cAAc,OAAO,CAAC,OAAO,KAAA;;EAErE,CAAC;CAEF,MAAM,8BAA8B,kBAAkB;AAClD,MAAI,CAAC,QAAQ,SAAS,OAAO,CACzB,QAAO;EAEX,MAAM,EAAE,OAAO,SAAS;EACxB,MAAM,WAAW,MAAM,OAAO,MAAM;EAEpC,MAAM,gBAAgB;GAClB,MAAM,QAAQ,aAAa,OAAO,MAAM,UAAU,OAAO,SAAS;AAElE,OAAI,MACA,QAAO,aAAa,MAAM,MAAM,MAAM,MAAM,GAAG;GAGnD,MAAM,EAAE,SAAS,OAAO,MAAM;AAC9B,UAAO,aAAa,MAAM,MAAM,KAAK;;AAGzC,SAAO;GACH,uBAAuB;GACvB,sBAAsB;AAClB,WAAO,CAAC,SAAS,CAAC;;GAEzB;IACF,CAAC,OAAO,CAAC;CAEZ,MAAM,aAAa,kBAAkB;AACjC,MAAI,CAAC,OACD;AAEJ,8BAA4B;AACxB,UAAO,KAAK,SAAS,OAAO,MAAM,GAAG,QAAQ,WAAW,iBAAiB,CAAC;IAC5E;IACH,CAAC,QAAQ,UAAU,CAAC;AAEvB,iBAAgB;AAEZ,MAAI,CAAC,WACD,cAAa,MAAM;IAExB,CAAC,WAAW,CAAC;AAEhB,KAAI,CAAC,OACD,QAAO;CAEX,MAAM,eAAe,0BAA0B;AAE/C,QACI,qBAAC,YAAD;EACY;EACG;EACX,aAAa,EAAE,QAAQ,SAAS;AAC5B,UAAO,CAAC,aAAa,CAAC,cAAc,GAAG,aAAa,GAAG,SAAS,OAAO;;EAE3E,UAAU,qBAAqB;AAC3B,UAAO;MACP,KAAA;EACyB;EAC7B,aAAa;EACb,SAAS;GACL,WAAW;GACX,QAAQ;GACX;EACD,WAAW,GACP,wEACA,uCACA,aAAa,SAEhB;YApBL;GAsBI,oBAAC,QAAD;IACI,WAAU;IACV,eAAA;IACF,CAAA;GACF,oBAAC,QAAD;IAAM,WAAU;cACX;IACE,CAAA;GACP,oBAAC,QAAD,EAAM,WAAU,yBAA0B,CAAA;GAC1C,oBAAC,QAAD;IACI,MAAK;IACL,SAAQ;IACR,MAAK;IACL,WAAU;IACV,eAAe;AACX,kBAAa,KAAK;AAClB,aAAQ,UAAU,QAAQ;AAC1B,aAAQ;;cAGX,EAAE,OAAO;IACL,CAAA;GACT,oBAAC,QAAD,EAAM,WAAU,yBAA0B,CAAA;GAC1C,oBAAC,QAAD;IACI,MAAK;IACL,SAAQ;IACR,MAAK;IACL,WAAU;IACV,eAAe;AAAE,YAAO,OAAO,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK;;cAE/D,EAAE,SAAS;IACP,CAAA;GACA"}

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

@@ -0,0 +1,53 @@
+import { Editor } from '@tiptap/core';
+export type LinkElementConfig = {
+    elementType: string;
+    refHandle: string;
+    sources?: string[];
+    criteria?: Record<string, unknown>;
+};
+export type LinkOptionSchemaItem = LinkElementConfig & {
+    optionTitle: string;
+};
+export type LinkOptions = {
+    elementSiteId?: number;
+    linkToEntry?: LinkElementConfig;
+    linkToAsset?: LinkElementConfig;
+    linkToCategory?: LinkElementConfig;
+};
+/** linkOptions can be the object format above, or an array from schema: { optionTitle, elementType, refHandle, sources?, criteria? }[] */
+export type LinkOptionsInput = LinkOptions | LinkOptionSchemaItem[];
+type LinkDropdownProps = {
+    editor: Editor | null | undefined;
+    linkOptions?: LinkOptionsInput;
+    linkSelectorStorageKeyPrefix?: string;
+    openInsertLinkDialog: (initial?: {
+        url?: string;
+        text?: string;
+        from?: number;
+        to?: number;
+    }) => void;
+    title?: string;
+};
+declare global {
+    interface Window {
+        Craft?: {
+            createElementSelectorModal?: (elementType: string, options: {
+                storageKey: string;
+                sources?: string[];
+                criteria?: Record<string, unknown>;
+                defaultSiteId?: number;
+                autoFocusSearchBox?: boolean;
+                onSelect: (elements: Array<{
+                    url?: string;
+                    label?: string;
+                    id?: number;
+                    siteId?: number;
+                }>) => void;
+                closeOtherModals?: boolean;
+            }) => void;
+        };
+    }
+}
+export declare function LinkDropdown({ editor, linkOptions, linkSelectorStorageKeyPrefix, openInsertLinkDialog, title, }: LinkDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LinkDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/LinkDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAe3C,MAAM,MAAM,iBAAiB,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG;IACnD,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,cAAc,CAAC,EAAE,iBAAiB,CAAC;CACtC,CAAC;AAEF,0IAA0I;AAC1I,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,oBAAoB,EAAE,CAAC;AAEpE,KAAK,iBAAiB,GAAG;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,KAAK,CAAC,EAAE;YACJ,0BAA0B,CAAC,EAAE,CACzB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE;gBACL,UAAU,EAAE,MAAM,CAAC;gBACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;gBACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;gBACnC,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;gBAC7B,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;oBAAE,GAAG,CAAC,EAAE,MAAM,CAAC;oBAAC,KAAK,CAAC,EAAE,MAAM,CAAC;oBAAC,EAAE,CAAC,EAAE,MAAM,CAAC;oBAAC,MAAM,CAAC,EAAE,MAAM,CAAA;iBAAE,CAAC,KAAK,IAAI,CAAC;gBACpG,gBAAgB,CAAC,EAAE,OAAO,CAAC;aAC9B,KACA,IAAI,CAAC;SACb,CAAC;KACL;CACJ;AAuDD,wBAAgB,YAAY,CAAC,EACzB,MAAM,EACN,WAAgB,EAChB,4BAA4B,EAC5B,oBAAoB,EACpB,KAAK,GACR,EAAE,iBAAiB,2CAkJnB"}