@verbb/plugin-kit-react 1.0.10 → 2.0.1

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

@@ -1,37 +0,0 @@
-import { default as React } from 'react';
-import { VariableOption } from './VariableDropdown';
-export type VariableGroup = {
-    label: string;
-    value: string;
-    items: VariableOption[];
-};
-export type VariableCommandListProps = {
-    /** Search query - controls Command filter. Use empty string to show all. */
-    search: string;
-    onSearchChange?: (value: string) => void;
-    /** Grouped items (top-level categories). When null, shows flat options (child mode). */
-    groups: VariableGroup[] | null;
-    /** Flat options for child mode when groups is null */
-    options: VariableOption[];
-    /** Currently selected value for keyboard-nav sync (inline picker). Pass to highlight. */
-    selectedValue?: string | null;
-    onSelect: (item: VariableOption, baseVariable?: VariableOption) => void;
-    /** Placeholder for search input */
-    placeholder?: string;
-    /** Show search input */
-    showSearch?: boolean;
-    /** Disable built-in filtering - we provide pre-filtered items */
-    shouldFilter?: boolean;
-    /** Optional: render back button row when in child mode */
-    onBack?: () => void;
-    /** True when showing a drilled-in child page; used to restore scroll when navigating back */
-    isChildMode?: boolean;
-    /** When false, don't auto-select first item (e.g. for toolbar/button trigger) */
-    selectFirstItem?: boolean;
-    /** Control autofocus of command search input when list opens/navigates */
-    autoFocusSearchInput?: boolean;
-    /** Optional content rendered directly below search input */
-    afterSearchContent?: React.ReactNode;
-};
-export declare function VariableCommandList({ search, onSearchChange, groups, options, selectedValue, onSelect, placeholder, showSearch, shouldFilter, onBack, isChildMode, selectFirstItem, autoFocusSearchInput, afterSearchContent, }: VariableCommandListProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=VariableCommandList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VariableCommandList.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/VariableCommandList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAkC,MAAM,OAAO,CAAC;AAcvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,MAAM,MAAM,aAAa,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,cAAc,EAAE,CAAC;CAC3B,CAAC;AA0CF,MAAM,MAAM,wBAAwB,GAAG;IACnC,4EAA4E;IAC5E,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,wFAAwF;IACxF,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC/B,sDAAsD;IACtD,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,YAAY,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,6FAA6F;IAC7F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iFAAiF;IACjF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0EAA0E;IAC1E,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAChC,MAAM,EACN,cAAc,EACd,MAAM,EACN,OAAO,EACP,aAAa,EACb,QAAQ,EACR,WAAW,EACX,UAAiB,EACjB,YAAoB,EACpB,MAAM,EACN,WAAmB,EACnB,eAAsB,EACtB,oBAA2B,EAC3B,kBAAkB,GACrB,EAAE,wBAAwB,2CAoK1B"}

package/dist/components/tiptap/VariableCommandList.js

@@ -1,166 +0,0 @@
-import { cn } from "../../utils/classes.js";
-import "../../utils/index.js";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "../Command.js";
-import { useTranslation } from "../../hooks/useTranslation.js";
-import "../../hooks/index.js";
-import { Button } from "../Button.js";
-import React, { useLayoutEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faChevronLeft, faChevronRight } from "@fortawesome/pro-solid-svg-icons";
-//#region src/components/tiptap/VariableCommandList.tsx
-/**
-* Command-based variable list. Used by VariableDropdown and InlineVariablePickerPopover.
-* Supports grouped items and nested "pages" (parent → children) via groups/options.
-*/
-/** Renders child item only when search is non-empty and child matches (cmdk sub-item pattern) */
-function VariableSubItem({ child, parent, groupLabel, search, handleSelectItem }) {
-	const q = search.trim().toLowerCase();
-	if (!q) return null;
-	if (!((child.label ?? "").toLowerCase().includes(q) || String(child.value ?? "").toLowerCase().includes(q))) return null;
-	const key = child.value ?? child.label ?? `sub-${parent.label}-${child.label}`;
-	return /* @__PURE__ */ jsx(CommandItem, {
-		value: child.value ?? child.label ?? key,
-		onSelect: () => {
-			return handleSelectItem(child, parent);
-		},
-		keywords: [
-			child.label,
-			child.value ?? "",
-			parent.label,
-			groupLabel
-		],
-		children: child.label
-	}, key);
-}
-function VariableCommandList({ search, onSearchChange, groups, options, selectedValue, onSelect, placeholder, showSearch = true, shouldFilter = false, onBack, isChildMode = false, selectFirstItem = true, autoFocusSearchInput = true, afterSearchContent }) {
-	const t = useTranslation();
-	const listRef = useRef(null);
-	const commandRef = useRef(null);
-	const savedScrollTopRef = useRef(null);
-	const flatItems = groups ? groups.flatMap((g) => {
-		return g.items;
-	}) : options;
-	const isControlled = selectedValue !== void 0 && selectedValue !== null;
-	const currentValue = selectedValue ?? (selectFirstItem ? flatItems[0]?.value ?? "" : "");
-	const commandProps = isControlled ? {
-		value: currentValue,
-		onValueChange: () => {}
-	} : { defaultValue: currentValue || void 0 };
-	const handleSelectItem = (item, baseVariable) => {
-		if (Array.isArray(item.children) && item.children.length > 0) savedScrollTopRef.current = listRef.current?.scrollTop ?? 0;
-		onSelect(item, baseVariable);
-	};
-	const wasChildModeRef = React.useRef(isChildMode);
-	useLayoutEffect(() => {
-		const wasChild = wasChildModeRef.current;
-		wasChildModeRef.current = isChildMode;
-		if (wasChild && !isChildMode && savedScrollTopRef.current != null && listRef.current) {
-			listRef.current.scrollTop = savedScrollTopRef.current;
-			savedScrollTopRef.current = null;
-		}
-		if (!wasChild && isChildMode && showSearch && autoFocusSearchInput) (commandRef.current?.querySelector("[data-slot=\"command-input\"]"))?.focus();
-	}, [
-		autoFocusSearchInput,
-		isChildMode,
-		showSearch
-	]);
-	const handleKeyDown = (e) => {
-		if (onBack && !search.trim() && e.key === "Backspace") {
-			e.preventDefault();
-			e.stopPropagation();
-			onBack();
-		}
-	};
-	const content = /* @__PURE__ */ jsx("div", {
-		ref: commandRef,
-		className: "contents",
-		children: /* @__PURE__ */ jsxs(Command, {
-			shouldFilter,
-			className: "border-0 shadow-none rounded-none",
-			...commandProps,
-			children: [
-				showSearch && /* @__PURE__ */ jsx(CommandInput, {
-					value: search,
-					onValueChange: onSearchChange,
-					placeholder: placeholder ?? t("Search variables"),
-					className: "border-0"
-				}),
-				afterSearchContent,
-				onBack && /* @__PURE__ */ jsxs(Button, {
-					variant: "none",
-					className: cn(["w-full text-left text-[11px] flex flex-1 items-center justify-start", "hover:bg-slate-100 gap-1 border-b border-slate-150 px-2 py-1.5"]),
-					onClick: (e) => {
-						e.preventDefault();
-						onBack();
-					},
-					children: [/* @__PURE__ */ jsx(FontAwesomeIcon, {
-						icon: faChevronLeft,
-						className: "size-[8px] shrink-0"
-					}), t("Back")]
-				}),
-				/* @__PURE__ */ jsxs(CommandList, {
-					ref: listRef,
-					className: "max-h-[280px]",
-					children: [/* @__PURE__ */ jsx(CommandEmpty, { children: t("No variables found.") }), groups ? groups.map((group, gi) => {
-						return /* @__PURE__ */ jsxs(React.Fragment, { children: [gi > 0 && /* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, {
-							heading: group.label,
-							children: group.items.map((item, ii) => {
-								const q = search.trim().toLowerCase();
-								const hasChildren = Array.isArray(item.children) && item.children.length > 0;
-								const showParent = !hasChildren || !q;
-								return /* @__PURE__ */ jsxs(React.Fragment, { children: [showParent && /* @__PURE__ */ jsxs(CommandItem, {
-									value: item.value ?? item.label ?? `${gi}-${ii}`,
-									onSelect: () => {
-										return handleSelectItem(item);
-									},
-									keywords: [
-										item.label,
-										item.value ?? "",
-										group.label
-									],
-									children: [/* @__PURE__ */ jsx("span", {
-										className: "truncate flex-1",
-										children: item.label
-									}), hasChildren && /* @__PURE__ */ jsx(FontAwesomeIcon, {
-										icon: faChevronRight,
-										className: cn("size-3 shrink-0 text-gray-400 ml-2"),
-										"aria-hidden": true
-									})]
-								}), hasChildren && item.children.map((child) => {
-									return /* @__PURE__ */ jsx(VariableSubItem, {
-										child,
-										parent: item,
-										groupLabel: group.label,
-										search,
-										handleSelectItem
-									}, child.value ?? child.label ?? `${gi}-${ii}-${child.label}`);
-								})] }, item.value ?? item.label ?? `${gi}-${ii}`);
-							})
-						})] }, group.value ?? group.label ?? gi);
-					}) : /* @__PURE__ */ jsx(CommandGroup, {
-						heading: t("Selectors"),
-						children: options.map((item, i) => {
-							return /* @__PURE__ */ jsx(CommandItem, {
-								value: item.value ?? item.label ?? `opt-${i}`,
-								onSelect: () => {
-									return handleSelectItem(item);
-								},
-								children: item.label
-							}, item.value ?? item.label ?? `opt-${i}`);
-						})
-					})]
-				})
-			]
-		})
-	});
-	return onBack ? /* @__PURE__ */ jsx("div", {
-		onKeyDown: handleKeyDown,
-		className: "contents",
-		children: content
-	}) : content;
-}
-//#endregion
-export { VariableCommandList };
-
-//# sourceMappingURL=VariableCommandList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VariableCommandList.js","names":[],"sources":["../../../src/components/tiptap/VariableCommandList.tsx"],"sourcesContent":["/**\n * Command-based variable list. Used by VariableDropdown and InlineVariablePickerPopover.\n * Supports grouped items and nested \"pages\" (parent → children) via groups/options.\n */\n\nimport React, { useRef, useLayoutEffect } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronLeft, faChevronRight } from '@fortawesome/pro-solid-svg-icons';\nimport {\n    Command,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n    CommandSeparator,\n} from '@verbb/plugin-kit-react/components/Command';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\nimport { cn } from '@verbb/plugin-kit-react/utils';\nimport type { VariableOption } from './VariableDropdown';\nimport { Button } from '@verbb/plugin-kit-react/components/Button';\n\nexport type VariableGroup = {\n    label: string;\n    value: string;\n    items: VariableOption[];\n};\n\n/** Renders child item only when search is non-empty and child matches (cmdk sub-item pattern) */\nfunction VariableSubItem({\n    child,\n    parent,\n    groupLabel,\n    search,\n    handleSelectItem,\n}: {\n    child: VariableOption;\n    parent: VariableOption;\n    groupLabel: string;\n    search: string;\n    handleSelectItem: (item: VariableOption, baseVariable?: VariableOption) => void;\n}) {\n    const q = search.trim().toLowerCase();\n    if (!q) {\n        return null;\n    }\n    const matches =\n        (child.label ?? '').toLowerCase().includes(q) ||\n        String(child.value ?? '').toLowerCase().includes(q);\n    if (!matches) {\n        return null;\n    }\n    const key = child.value ?? child.label ?? `sub-${parent.label}-${child.label}`;\n    const value = child.value ?? child.label ?? key;\n    return (\n        <CommandItem\n            key={key}\n            value={value}\n            onSelect={() => {\n                return handleSelectItem(child, parent);\n            }}\n            keywords={[child.label, child.value ?? '', parent.label, groupLabel]}\n        >\n            {child.label}\n        </CommandItem>\n    );\n}\n\nexport type VariableCommandListProps = {\n    /** Search query - controls Command filter. Use empty string to show all. */\n    search: string;\n    onSearchChange?: (value: string) => void;\n    /** Grouped items (top-level categories). When null, shows flat options (child mode). */\n    groups: VariableGroup[] | null;\n    /** Flat options for child mode when groups is null */\n    options: VariableOption[];\n    /** Currently selected value for keyboard-nav sync (inline picker). Pass to highlight. */\n    selectedValue?: string | null;\n    onSelect: (item: VariableOption, baseVariable?: VariableOption) => void;\n    /** Placeholder for search input */\n    placeholder?: string;\n    /** Show search input */\n    showSearch?: boolean;\n    /** Disable built-in filtering - we provide pre-filtered items */\n    shouldFilter?: boolean;\n    /** Optional: render back button row when in child mode */\n    onBack?: () => void;\n    /** True when showing a drilled-in child page; used to restore scroll when navigating back */\n    isChildMode?: boolean;\n    /** When false, don't auto-select first item (e.g. for toolbar/button trigger) */\n    selectFirstItem?: boolean;\n    /** Control autofocus of command search input when list opens/navigates */\n    autoFocusSearchInput?: boolean;\n    /** Optional content rendered directly below search input */\n    afterSearchContent?: React.ReactNode;\n};\n\nexport function VariableCommandList({\n    search,\n    onSearchChange,\n    groups,\n    options,\n    selectedValue,\n    onSelect,\n    placeholder,\n    showSearch = true,\n    shouldFilter = false,\n    onBack,\n    isChildMode = false,\n    selectFirstItem = true,\n    autoFocusSearchInput = true,\n    afterSearchContent,\n}: VariableCommandListProps) {\n    const t = useTranslation();\n    const listRef = useRef<HTMLDivElement>(null);\n    const commandRef = useRef<HTMLDivElement>(null);\n    const savedScrollTopRef = useRef<number | null>(null);\n\n    const flatItems = groups ? groups.flatMap(g => {\n        return g.items;\n    }) : options;\n    const isControlled = selectedValue !== undefined && selectedValue !== null;\n    const currentValue = selectedValue ?? (selectFirstItem ? flatItems[0]?.value ?? '' : '');\n    // Dropdown: uncontrolled (no value/onValueChange) so cmdk handles scroll natively like shadcn static example\n    const commandProps = isControlled\n        ? { value: currentValue, onValueChange: () => { } }\n        : { defaultValue: currentValue || undefined };\n\n    const handleSelectItem = (item: VariableOption, baseVariable?: VariableOption) => {\n        if (Array.isArray(item.children) && item.children.length > 0) {\n            savedScrollTopRef.current = listRef.current?.scrollTop ?? 0;\n        }\n        onSelect(item, baseVariable);\n    };\n\n    const wasChildModeRef = React.useRef(isChildMode);\n    useLayoutEffect(() => {\n        const wasChild = wasChildModeRef.current;\n        wasChildModeRef.current = isChildMode;\n        if (wasChild && !isChildMode && savedScrollTopRef.current != null && listRef.current) {\n            listRef.current.scrollTop = savedScrollTopRef.current;\n            savedScrollTopRef.current = null;\n        }\n        if (!wasChild && isChildMode && showSearch && autoFocusSearchInput) {\n            const input = commandRef.current?.querySelector<HTMLInputElement>('[data-slot=\"command-input\"]');\n            input?.focus();\n        }\n    }, [autoFocusSearchInput, isChildMode, showSearch]);\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n        if (onBack && !search.trim() && e.key === 'Backspace') {\n            e.preventDefault();\n            e.stopPropagation();\n            onBack();\n        }\n    };\n\n    const content = (\n        <div ref={commandRef} className=\"contents\">\n            <Command\n                shouldFilter={shouldFilter}\n                className=\"border-0 shadow-none rounded-none\"\n                {...commandProps}\n            >\n                {showSearch && (\n                    <CommandInput\n                        value={search}\n                        onValueChange={onSearchChange}\n                        placeholder={placeholder ?? t('Search variables')}\n                        className=\"border-0\"\n                    />\n                )}\n\n                {afterSearchContent}\n\n                {onBack && (\n                    <Button\n                        variant=\"none\"\n                        className={cn([\n                            'w-full text-left text-[11px] flex flex-1 items-center justify-start',\n                            'hover:bg-slate-100 gap-1 border-b border-slate-150 px-2 py-1.5'\n                        ])}\n                        onClick={(e) => {\n                            e.preventDefault();\n                            onBack();\n                        }}\n                    >\n                        <FontAwesomeIcon icon={faChevronLeft} className=\"size-[8px] shrink-0\" />\n                        {t('Back')}\n                    </Button>\n                )}\n\n                <CommandList ref={listRef} className=\"max-h-[280px]\">\n                    <CommandEmpty>{t('No variables found.')}</CommandEmpty>\n\n                    {groups ? (\n                        groups.map((group, gi) => {\n                            return (\n                                <React.Fragment key={group.value ?? group.label ?? gi}>\n                                    {gi > 0 && <CommandSeparator />}\n                                    <CommandGroup heading={group.label}>\n                                        {group.items.map((item, ii) => {\n                                            const q = search.trim().toLowerCase();\n                                            const hasChildren = Array.isArray(item.children) && item.children.length > 0;\n                                            // In search mode, for nested items show only matching children (visual test behavior).\n                                            // Parents are still shown when not searching.\n                                            const showParent = !hasChildren || !q;\n                                            return (\n                                                <React.Fragment key={item.value ?? item.label ?? `${gi}-${ii}`}>\n                                                    {showParent && (\n                                                        <CommandItem\n                                                            value={item.value ?? item.label ?? `${gi}-${ii}`}\n                                                            onSelect={() => {\n                                                                return handleSelectItem(item);\n                                                            }}\n                                                            keywords={[item.label, item.value ?? '', group.label]}\n                                                        >\n                                                            <span className=\"truncate flex-1\">{item.label}</span>\n                                                            {hasChildren && (\n                                                                <FontAwesomeIcon\n                                                                    icon={faChevronRight}\n                                                                    className={cn('size-3 shrink-0 text-gray-400 ml-2')}\n                                                                    aria-hidden\n                                                                />\n                                                            )}\n                                                        </CommandItem>\n                                                    )}\n                                                    {hasChildren &&\n                                                        item.children!.map(child => {\n                                                            return (\n                                                                <VariableSubItem\n                                                                    key={child.value ?? child.label ?? `${gi}-${ii}-${child.label}`}\n                                                                    child={child}\n                                                                    parent={item}\n                                                                    groupLabel={group.label}\n                                                                    search={search}\n                                                                    handleSelectItem={handleSelectItem}\n                                                                />\n                                                            );\n                                                        })}\n                                                </React.Fragment>\n                                            );\n                                        })}\n                                    </CommandGroup>\n                                </React.Fragment>\n                            );\n                        })\n                    ) : (\n                        <CommandGroup heading={t('Selectors')}>\n                            {options.map((item, i) => {\n                                return (\n                                    <CommandItem\n                                        key={item.value ?? item.label ?? `opt-${i}`}\n                                        value={item.value ?? item.label ?? `opt-${i}`}\n                                        onSelect={() => {\n                                            return handleSelectItem(item);\n                                        }}\n                                    >\n                                        {item.label}\n                                    </CommandItem>\n                                );\n                            })}\n                        </CommandGroup>\n                    )}\n                </CommandList>\n            </Command>\n        </div>\n    );\n\n    return onBack ? (\n        <div onKeyDown={handleKeyDown} className=\"contents\">\n            {content}\n        </div>\n    ) : (\n        content\n    );\n}\n"],"mappings":"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"}

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

@@ -1,40 +0,0 @@
-import { Editor } from '@tiptap/core';
-export type VariableOption = {
-    label: string;
-    value?: string;
-    children?: VariableOption[];
-    /** Optional display bucket for first-level grouping (e.g. page headings). */
-    pageLabel?: string;
-    /** For child items: selector | format | value. Used by variableSerialization. */
-    group?: string;
-    /** Raw variable source value types from the server (e.g. text, number, date, url). */
-    types?: string[];
-    /** Supported transform value types for this variable (e.g. text, number, date, url). */
-    transformValueTypes?: string[];
-    /** Explicitly disables transforms for aggregate/content variables such as field summaries. */
-    allowTransforms?: boolean;
-    /** Application-specific metadata consumed by custom configure/label resolvers. */
-    meta?: Record<string, unknown>;
-    [key: string]: unknown;
-};
-export type VariableCategories = {
-    [key: string]: VariableOption[] | undefined;
-};
-export declare function formatVariableCategoryLabel(key: string, labels?: Record<string, string> | null): string;
-type VariableDropdownProps = {
-    editor: Editor | null | undefined;
-    variableCategories: VariableCategories;
-    variableCategoryLabels?: Record<string, string>;
-    variableCategoryOrder?: string[];
-    title?: string;
-    buttonLabel?: string;
-    buttonVariant?: 'default' | 'primary' | 'secondary' | 'dashed' | 'outline' | 'transparent' | 'link' | 'none';
-    buttonSize?: 'default' | 'none' | 'xs' | 'sm' | 'lg' | 'xl';
-    buttonClassName?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    triggerMode?: 'toolbar' | 'input';
-};
-export declare function VariableDropdown({ editor, variableCategories, variableCategoryLabels, variableCategoryOrder, title, buttonLabel, buttonVariant, buttonSize, buttonClassName, open, onOpenChange, triggerMode, }: VariableDropdownProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=VariableDropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VariableDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/VariableDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAa3C,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,wFAAwF;IACxF,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,8FAA8F;IAC9F,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,EAAE,GAAG,SAAS,CAAC;CAC/C,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,MAAM,CAEvG;AAED,KAAK,qBAAqB,GAAG;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChD,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7G,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,MAAM,EACN,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,KAAK,EACL,WAAW,EACX,aAAa,EACb,UAAU,EACV,eAAe,EACf,IAAI,EACJ,YAAY,EACZ,WAAuB,GAC1B,EAAE,qBAAqB,kDA2HvB"}

package/dist/components/tiptap/VariableDropdown.js

@@ -1,121 +0,0 @@
-import { cn } from "../../utils/classes.js";
-import "../../utils/index.js";
-import { useTranslation } from "../../hooks/useTranslation.js";
-import "../../hooks/index.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../Tooltip.js";
-import { buildVariableTagAttrs } from "./variableSerialization.js";
-import { VariableCommandList } from "./VariableCommandList.js";
-import { useVariablePicker } from "./useVariablePicker.js";
-import { Popover, PopoverContent, PopoverTrigger } from "../Popover.js";
-import "../index.js";
-import { Button } from "../Button.js";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useEditorState } from "@tiptap/react";
-import { faPlusCircle } from "@fortawesome/pro-regular-svg-icons";
-//#region src/components/tiptap/VariableDropdown.tsx
-function formatVariableCategoryLabel(key, labels) {
-	return labels?.[key] ?? key;
-}
-function VariableDropdown({ editor, variableCategories, variableCategoryLabels, variableCategoryOrder, title, buttonLabel, buttonVariant, buttonSize, buttonClassName, open, onOpenChange, triggerMode = "toolbar" }) {
-	const t = useTranslation();
-	const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
-	const isControlledOpen = typeof open === "boolean";
-	const isOpen = isControlledOpen ? open : uncontrolledOpen;
-	const picker = useVariablePicker({
-		variableCategories,
-		variableCategoryLabels,
-		variableCategoryOrder,
-		isOpen,
-		onApply: (baseVariable, variable) => {
-			const attrs = buildVariableTagAttrs(baseVariable, variable);
-			(editor?.chain())?.focus?.()?.setVariableTag?.(attrs)?.run?.();
-			if (!isControlledOpen) setUncontrolledOpen(false);
-			onOpenChange?.(false);
-			picker.reset();
-		}
-	});
-	const isVariableActive = useEditorState({
-		editor,
-		selector: ({ editor: ed }) => {
-			return (ed?.isFocused && ed?.isActive("variableTag")) ?? false;
-		}
-	});
-	const handleOpenChange = (nextOpen) => {
-		if (!nextOpen) picker.reset();
-		if (!isControlledOpen) setUncontrolledOpen(nextOpen);
-		onOpenChange?.(nextOpen);
-	};
-	if (!Object.values(variableCategories ?? {}).some((items) => {
-		return Array.isArray(items) && items.length > 0;
-	})) return null;
-	const triggerButton = /* @__PURE__ */ jsxs(Button, {
-		variant: buttonVariant ?? "none",
-		size: buttonSize,
-		className: cn(triggerMode === "toolbar" && [
-			buttonLabel ? "h-[32px] px-[8px] gap-1.5" : "w-[32px] h-[32px]",
-			"text-[#1c2e36]",
-			"hover:bg-slate-100!",
-			isVariableActive && "bg-slate-250! hover:bg-slate-250!"
-		], triggerMode === "input" && [
-			"absolute right-[1px] top-1/2 -translate-y-1/2",
-			"border-l border-transparent",
-			"rounded-[3px] rounded-l-none",
-			"h-[calc(100%-2px)]",
-			"text-[#8d959b]",
-			"bg-white hover:bg-slate-50",
-			"border-[#d7dfe7]",
-			"text-[#1c2e36]"
-		], buttonClassName ?? ""),
-		children: [/* @__PURE__ */ jsx(FontAwesomeIcon, {
-			icon: faPlusCircle,
-			className: "size-4"
-		}), buttonLabel && /* @__PURE__ */ jsx("span", { children: buttonLabel })]
-	});
-	return /* @__PURE__ */ jsxs(Popover, {
-		modal: false,
-		open: isOpen,
-		onOpenChange: handleOpenChange,
-		children: [buttonLabel || title ? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(PopoverTrigger, {
-			nativeButton: true,
-			render: triggerButton
-		}) }), /* @__PURE__ */ jsx(TooltipContent, {
-			sideOffset: 4,
-			children: buttonLabel || title
-		})] }) : /* @__PURE__ */ jsx(PopoverTrigger, {
-			nativeButton: true,
-			render: triggerButton
-		}), /* @__PURE__ */ jsx(PopoverContent, {
-			align: triggerMode === "input" ? "end" : "start",
-			side: "bottom",
-			sideOffset: 6,
-			positionMethod: "fixed",
-			collisionAvoidance: {
-				side: "flip",
-				align: "shift",
-				fallbackAxisSide: "none"
-			},
-			className: "min-w-[260px] max-w-[360px] p-0 overflow-hidden flex flex-col",
-			portalClassName: "z-250",
-			children: /* @__PURE__ */ jsx(VariableCommandList, {
-				search: picker.search,
-				onSearchChange: picker.setSearch,
-				groups: picker.groups,
-				options: picker.options,
-				onSelect: picker.handleSelect,
-				placeholder: t("Search variables"),
-				showSearch: true,
-				shouldFilter: false,
-				onBack: picker.page ? picker.handleBack : void 0,
-				isChildMode: !!picker.page,
-				selectFirstItem: triggerMode === "input",
-				autoFocusSearchInput: triggerMode !== "input"
-			})
-		})]
-	});
-}
-//#endregion
-export { VariableDropdown, formatVariableCategoryLabel };
-
-//# sourceMappingURL=VariableDropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VariableDropdown.js","names":[],"sources":["../../../src/components/tiptap/VariableDropdown.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useEditorState } from '@tiptap/react';\nimport type { Editor } from '@tiptap/core';\nimport { Button } from '@verbb/plugin-kit-react/components/Button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@verbb/plugin-kit-react/components';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@verbb/plugin-kit-react/components/Tooltip';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faPlusCircle } from '@fortawesome/pro-regular-svg-icons';\nimport { cn } from '@verbb/plugin-kit-react/utils';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\n\nimport { buildVariableTagAttrs } from './variableSerialization';\nimport { VariableCommandList } from './VariableCommandList';\nimport { useVariablePicker } from './useVariablePicker';\n\nexport type VariableOption = {\n    label: string;\n    value?: string;\n    children?: VariableOption[];\n    /** Optional display bucket for first-level grouping (e.g. page headings). */\n    pageLabel?: string;\n    /** For child items: selector | format | value. Used by variableSerialization. */\n    group?: string;\n    /** Raw variable source value types from the server (e.g. text, number, date, url). */\n    types?: string[];\n    /** Supported transform value types for this variable (e.g. text, number, date, url). */\n    transformValueTypes?: string[];\n    /** Explicitly disables transforms for aggregate/content variables such as field summaries. */\n    allowTransforms?: boolean;\n    /** Application-specific metadata consumed by custom configure/label resolvers. */\n    meta?: Record<string, unknown>;\n    [key: string]: unknown;\n};\n\nexport type VariableCategories = {\n    [key: string]: VariableOption[] | undefined;\n};\n\nexport function formatVariableCategoryLabel(key: string, labels?: Record<string, string> | null): string {\n    return labels?.[key] ?? key;\n}\n\ntype VariableDropdownProps = {\n    editor: Editor | null | undefined;\n    variableCategories: VariableCategories;\n    variableCategoryLabels?: Record<string, string>;\n    variableCategoryOrder?: string[];\n    title?: string;\n    buttonLabel?: string;\n    buttonVariant?: 'default' | 'primary' | 'secondary' | 'dashed' | 'outline' | 'transparent' | 'link' | 'none';\n    buttonSize?: 'default' | 'none' | 'xs' | 'sm' | 'lg' | 'xl';\n    buttonClassName?: string;\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    triggerMode?: 'toolbar' | 'input';\n};\n\nexport function VariableDropdown({\n    editor,\n    variableCategories,\n    variableCategoryLabels,\n    variableCategoryOrder,\n    title,\n    buttonLabel,\n    buttonVariant,\n    buttonSize,\n    buttonClassName,\n    open,\n    onOpenChange,\n    triggerMode = 'toolbar',\n}: VariableDropdownProps) {\n    const t = useTranslation();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n\n    const isControlledOpen = typeof open === 'boolean';\n    const isOpen = isControlledOpen ? open : uncontrolledOpen;\n\n    const picker = useVariablePicker({\n        variableCategories,\n        variableCategoryLabels,\n        variableCategoryOrder,\n        isOpen,\n        onApply: (baseVariable, variable) => {\n            const attrs = buildVariableTagAttrs(baseVariable, variable);\n            const chain = editor?.chain();\n            chain?.focus?.()?.setVariableTag?.(attrs)?.run?.();\n            if (!isControlledOpen) {\n                setUncontrolledOpen(false);\n            }\n            onOpenChange?.(false);\n            picker.reset();\n        },\n    });\n\n    const isVariableActive = useEditorState({\n        editor: editor as import('@tiptap/core').Editor | null,\n        selector: ({ editor: ed }) => {\n            return (ed?.isFocused && ed?.isActive('variableTag')) ?? false;\n        },\n    });\n\n    const handleOpenChange = (nextOpen: boolean) => {\n        if (!nextOpen) {\n            picker.reset();\n        }\n        if (!isControlledOpen) {\n            setUncontrolledOpen(nextOpen);\n        }\n        onOpenChange?.(nextOpen);\n    };\n\n    const hasAnyVariables = Object.values(variableCategories ?? {}).some(\n        items => {\n            return Array.isArray(items) && items.length > 0;\n        },\n    );\n\n    if (!hasAnyVariables) {\n        return null;\n    }\n\n    const triggerButton = (\n        <Button\n            variant={buttonVariant ?? 'none'}\n            size={buttonSize}\n            className={cn(\n                triggerMode === 'toolbar' && [\n                    buttonLabel ? 'h-[32px] px-[8px] gap-1.5' : 'w-[32px] h-[32px]',\n                    'text-[#1c2e36]',\n                    'hover:bg-slate-100!',\n                    isVariableActive && 'bg-slate-250! hover:bg-slate-250!',\n                ],\n                triggerMode === 'input' && [\n                    'absolute right-[1px] top-1/2 -translate-y-1/2',\n                    'border-l border-transparent',\n                    'rounded-[3px] rounded-l-none',\n                    'h-[calc(100%-2px)]',\n                    'text-[#8d959b]',\n                    'bg-white hover:bg-slate-50',\n                    'border-[#d7dfe7]',\n                    'text-[#1c2e36]',\n                ],\n\n                buttonClassName ?? '',\n            )}\n        >\n            <FontAwesomeIcon icon={faPlusCircle} className=\"size-4\" />\n            {buttonLabel && <span>{buttonLabel}</span>}\n        </Button>\n    );\n\n    const content = (\n        <Popover modal={false} open={isOpen} onOpenChange={handleOpenChange}>\n            {(buttonLabel || title) ? (\n                <Tooltip>\n                    <TooltipTrigger render={<PopoverTrigger nativeButton={true} render={triggerButton} />} />\n                    <TooltipContent sideOffset={4}>{buttonLabel || title}</TooltipContent>\n                </Tooltip>\n            ) : (\n                <PopoverTrigger nativeButton={true} render={triggerButton} />\n            )}\n            <PopoverContent\n                align={triggerMode === 'input' ? 'end' : 'start'}\n                side=\"bottom\"\n                sideOffset={6}\n                positionMethod=\"fixed\"\n                collisionAvoidance={{\n                    side: 'flip',\n                    align: 'shift',\n                    fallbackAxisSide: 'none',\n                }}\n                className=\"min-w-[260px] max-w-[360px] p-0 overflow-hidden flex flex-col\"\n                portalClassName=\"z-250\"\n            >\n                <VariableCommandList\n                    search={picker.search}\n                    onSearchChange={picker.setSearch}\n                    groups={picker.groups}\n                    options={picker.options}\n                    onSelect={picker.handleSelect}\n                    placeholder={t('Search variables')}\n                    showSearch\n                    shouldFilter={false}\n                    onBack={picker.page ? picker.handleBack : undefined}\n                    isChildMode={!!picker.page}\n                    selectFirstItem={triggerMode === 'input'}\n                    autoFocusSearchInput={triggerMode !== 'input'}\n                />\n            </PopoverContent>\n        </Popover>\n    );\n\n    return content;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,SAAgB,4BAA4B,KAAa,QAAgD;AACrG,QAAO,SAAS,QAAQ;;AAkB5B,SAAgB,iBAAiB,EAC7B,QACA,oBACA,wBACA,uBACA,OACA,aACA,eACA,YACA,iBACA,MACA,cACA,cAAc,aACQ;CACtB,MAAM,IAAI,gBAAgB;CAC1B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,MAAM;CAE/D,MAAM,mBAAmB,OAAO,SAAS;CACzC,MAAM,SAAS,mBAAmB,OAAO;CAEzC,MAAM,SAAS,kBAAkB;EAC7B;EACA;EACA;EACA;EACA,UAAU,cAAc,aAAa;GACjC,MAAM,QAAQ,sBAAsB,cAAc,SAAS;AAE3D,IADc,QAAQ,OAAO,GACtB,SAAS,EAAE,iBAAiB,MAAM,EAAE,OAAO;AAClD,OAAI,CAAC,iBACD,qBAAoB,MAAM;AAE9B,kBAAe,MAAM;AACrB,UAAO,OAAO;;EAErB,CAAC;CAEF,MAAM,mBAAmB,eAAe;EAC5B;EACR,WAAW,EAAE,QAAQ,SAAS;AAC1B,WAAQ,IAAI,aAAa,IAAI,SAAS,cAAc,KAAK;;EAEhE,CAAC;CAEF,MAAM,oBAAoB,aAAsB;AAC5C,MAAI,CAAC,SACD,QAAO,OAAO;AAElB,MAAI,CAAC,iBACD,qBAAoB,SAAS;AAEjC,iBAAe,SAAS;;AAS5B,KAAI,CANoB,OAAO,OAAO,sBAAsB,EAAE,CAAC,CAAC,MAC5D,UAAS;AACL,SAAO,MAAM,QAAQ,MAAM,IAAI,MAAM,SAAS;GAIjD,CACD,QAAO;CAGX,MAAM,gBACF,qBAAC,QAAD;EACI,SAAS,iBAAiB;EAC1B,MAAM;EACN,WAAW,GACP,gBAAgB,aAAa;GACzB,cAAc,8BAA8B;GAC5C;GACA;GACA,oBAAoB;GACvB,EACD,gBAAgB,WAAW;GACvB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,EAED,mBAAmB,GACtB;YAtBL,CAwBI,oBAAC,iBAAD;GAAiB,MAAM;GAAc,WAAU;GAAW,CAAA,EACzD,eAAe,oBAAC,QAAD,EAAA,UAAO,aAAmB,CAAA,CACrC;;AA4Cb,QAxCI,qBAAC,SAAD;EAAS,OAAO;EAAO,MAAM;EAAQ,cAAc;YAAnD,CACM,eAAe,QACb,qBAAC,SAAD,EAAA,UAAA,CACI,oBAAC,gBAAD,EAAgB,QAAQ,oBAAC,gBAAD;GAAgB,cAAc;GAAM,QAAQ;GAAiB,CAAA,EAAI,CAAA,EACzF,oBAAC,gBAAD;GAAgB,YAAY;aAAI,eAAe;GAAuB,CAAA,CAChE,EAAA,CAAA,GAEV,oBAAC,gBAAD;GAAgB,cAAc;GAAM,QAAQ;GAAiB,CAAA,EAEjE,oBAAC,gBAAD;GACI,OAAO,gBAAgB,UAAU,QAAQ;GACzC,MAAK;GACL,YAAY;GACZ,gBAAe;GACf,oBAAoB;IAChB,MAAM;IACN,OAAO;IACP,kBAAkB;IACrB;GACD,WAAU;GACV,iBAAgB;aAEhB,oBAAC,qBAAD;IACI,QAAQ,OAAO;IACf,gBAAgB,OAAO;IACvB,QAAQ,OAAO;IACf,SAAS,OAAO;IAChB,UAAU,OAAO;IACjB,aAAa,EAAE,mBAAmB;IAClC,YAAA;IACA,cAAc;IACd,QAAQ,OAAO,OAAO,OAAO,aAAa,KAAA;IAC1C,aAAa,CAAC,CAAC,OAAO;IACtB,iBAAiB,gBAAgB;IACjC,sBAAsB,gBAAgB;IACxC,CAAA;GACW,CAAA,CACX;GAGP"}

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

@@ -1,58 +0,0 @@
-import { default as React } from 'react';
-import { VariableCategories, VariableOption } from './VariableDropdown';
-export type VariableTransformerParam = {
-    name: string;
-    type: string;
-    label: string;
-    required: boolean;
-    default?: string | number | boolean | null;
-    placeholder?: string;
-    options?: Array<{
-        value: string;
-        label: string;
-        group?: string;
-    }>;
-    showWhen?: {
-        param: string;
-        equals: string;
-    };
-};
-export type VariableTransformerDefinition = {
-    id: string;
-    label: string;
-    description: string;
-    params: VariableTransformerParam[];
-    appliesTo?: string[];
-};
-export type VariableTransformerRegistry = Record<string, VariableTransformerDefinition[]>;
-export type VariableConfigureSectionProps = {
-    tokenValue: string;
-    variableOption: VariableOption | null;
-    onPendingTokenChange?: (tokenValue: string) => void;
-    configureResetKey?: string;
-    /** Synchronously updated ref for custom configure-section state. */
-    configureStateRef?: React.MutableRefObject<Record<string, unknown> | null>;
-    /** Called before save to flush custom configure-section state into the pending token. */
-    prepareSaveRef?: React.MutableRefObject<(() => void) | null>;
-    /** Read the latest pending token value (may differ from tokenValue while configuring). */
-    getPendingTokenValue?: () => string;
-};
-export type VariableTagLabelResolver = (props: {
-    tokenValue: string;
-    variableOption: VariableOption | null;
-    defaultLabel: string;
-    storedLabel?: string;
-}) => string;
-export type VariablePickerContextValue = {
-    variableCategories: VariableCategories;
-    variableCategoryLabels?: Record<string, string>;
-    variableCategoryOrder?: string[];
-    variableTransformerRegistry?: VariableTransformerRegistry;
-    renderVariableConfigureSection?: (props: VariableConfigureSectionProps) => React.ReactNode;
-    resolveVariableTagLabel?: VariableTagLabelResolver;
-};
-export declare function VariablePickerProvider({ variableCategories, variableCategoryLabels, variableCategoryOrder, variableTransformerRegistry, renderVariableConfigureSection, resolveVariableTagLabel, children, }: VariablePickerContextValue & {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function useVariablePickerContext(): VariablePickerContextValue | null;
-//# sourceMappingURL=VariablePickerContext.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VariablePickerContext.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/VariablePickerContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE7E,MAAM,MAAM,wBAAwB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,wBAAwB,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC,MAAM,EAAE,6BAA6B,EAAE,CAAC,CAAC;AAE1F,MAAM,MAAM,6BAA6B,GAAG;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;IAC3E,yFAAyF;IACzF,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;IAC7D,0FAA0F;IAC1F,oBAAoB,CAAC,EAAE,MAAM,MAAM,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE;IAC3C,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,KAAK,MAAM,CAAC;AAEb,MAAM,MAAM,0BAA0B,GAAG;IACrC,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChD,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,8BAA8B,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3F,uBAAuB,CAAC,EAAE,wBAAwB,CAAC;CACtD,CAAC;AAIF,wBAAgB,sBAAsB,CAAC,EACnC,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,EAC3B,8BAA8B,EAC9B,uBAAuB,EACvB,QAAQ,GACX,EAAE,0BAA0B,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAmB5D;AAED,wBAAgB,wBAAwB,IAAI,0BAA0B,GAAG,IAAI,CAE5E"}

package/dist/components/tiptap/VariablePickerContext.js

@@ -1,34 +0,0 @@
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/tiptap/VariablePickerContext.tsx
-var VariablePickerContext = React.createContext(null);
-function VariablePickerProvider({ variableCategories, variableCategoryLabels, variableCategoryOrder, variableTransformerRegistry, renderVariableConfigureSection, resolveVariableTagLabel, children }) {
-	const value = React.useMemo(() => {
-		return {
-			variableCategories: variableCategories ?? {},
-			variableCategoryLabels,
-			variableCategoryOrder,
-			variableTransformerRegistry: variableTransformerRegistry ?? {},
-			renderVariableConfigureSection,
-			resolveVariableTagLabel
-		};
-	}, [
-		variableCategories,
-		variableCategoryLabels,
-		variableCategoryOrder,
-		variableTransformerRegistry,
-		renderVariableConfigureSection,
-		resolveVariableTagLabel
-	]);
-	return /* @__PURE__ */ jsx(VariablePickerContext.Provider, {
-		value,
-		children
-	});
-}
-function useVariablePickerContext() {
-	return React.useContext(VariablePickerContext);
-}
-//#endregion
-export { VariablePickerProvider, useVariablePickerContext };
-
-//# sourceMappingURL=VariablePickerContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VariablePickerContext.js","names":[],"sources":["../../../src/components/tiptap/VariablePickerContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { VariableCategories, VariableOption } from './VariableDropdown';\n\nexport type VariableTransformerParam = {\n    name: string;\n    type: string;\n    label: string;\n    required: boolean;\n    default?: string | number | boolean | null;\n    placeholder?: string;\n    options?: Array<{\n        value: string;\n        label: string;\n        group?: string;\n    }>;\n    showWhen?: {\n        param: string;\n        equals: string;\n    };\n};\n\nexport type VariableTransformerDefinition = {\n    id: string;\n    label: string;\n    description: string;\n    params: VariableTransformerParam[];\n    appliesTo?: string[];\n};\n\nexport type VariableTransformerRegistry = Record<string, VariableTransformerDefinition[]>;\n\nexport type VariableConfigureSectionProps = {\n    tokenValue: string;\n    variableOption: VariableOption | null;\n    onPendingTokenChange?: (tokenValue: string) => void;\n    configureResetKey?: string;\n    /** Synchronously updated ref for custom configure-section state. */\n    configureStateRef?: React.MutableRefObject<Record<string, unknown> | null>;\n    /** Called before save to flush custom configure-section state into the pending token. */\n    prepareSaveRef?: React.MutableRefObject<(() => void) | null>;\n    /** Read the latest pending token value (may differ from tokenValue while configuring). */\n    getPendingTokenValue?: () => string;\n};\n\nexport type VariableTagLabelResolver = (props: {\n    tokenValue: string;\n    variableOption: VariableOption | null;\n    defaultLabel: string;\n    storedLabel?: string;\n}) => string;\n\nexport type VariablePickerContextValue = {\n    variableCategories: VariableCategories;\n    variableCategoryLabels?: Record<string, string>;\n    variableCategoryOrder?: string[];\n    variableTransformerRegistry?: VariableTransformerRegistry;\n    renderVariableConfigureSection?: (props: VariableConfigureSectionProps) => React.ReactNode;\n    resolveVariableTagLabel?: VariableTagLabelResolver;\n};\n\nconst VariablePickerContext = React.createContext<VariablePickerContextValue | null>(null);\n\nexport function VariablePickerProvider({\n    variableCategories,\n    variableCategoryLabels,\n    variableCategoryOrder,\n    variableTransformerRegistry,\n    renderVariableConfigureSection,\n    resolveVariableTagLabel,\n    children,\n}: VariablePickerContextValue & { children: React.ReactNode }) {\n    const value = React.useMemo(\n        () => {\n            return ({\n                variableCategories: variableCategories ?? {},\n                variableCategoryLabels,\n                variableCategoryOrder,\n                variableTransformerRegistry: variableTransformerRegistry ?? {},\n                renderVariableConfigureSection,\n                resolveVariableTagLabel,\n            });\n        },\n        [variableCategories, variableCategoryLabels, variableCategoryOrder, variableTransformerRegistry, renderVariableConfigureSection, resolveVariableTagLabel],\n    );\n    return (\n        <VariablePickerContext.Provider value={value}>\n            {children}\n        </VariablePickerContext.Provider>\n    );\n}\n\nexport function useVariablePickerContext(): VariablePickerContextValue | null {\n    return React.useContext(VariablePickerContext);\n}\n"],"mappings":";;;AA4DA,IAAM,wBAAwB,MAAM,cAAiD,KAAK;AAE1F,SAAgB,uBAAuB,EACnC,oBACA,wBACA,uBACA,6BACA,gCACA,yBACA,YAC2D;CAC3D,MAAM,QAAQ,MAAM,cACV;AACF,SAAQ;GACJ,oBAAoB,sBAAsB,EAAE;GAC5C;GACA;GACA,6BAA6B,+BAA+B,EAAE;GAC9D;GACA;GACH;IAEL;EAAC;EAAoB;EAAwB;EAAuB;EAA6B;EAAgC;EAAwB,CAC5J;AACD,QACI,oBAAC,sBAAsB,UAAvB;EAAuC;EAClC;EAC4B,CAAA;;AAIzC,SAAgB,2BAA8D;AAC1E,QAAO,MAAM,WAAW,sBAAsB"}

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

@@ -1,6 +0,0 @@
-import { Node } from '@tiptap/core';
-declare const _default: Node<{
-    trailingCursorText: string;
-}, any>;
-export default _default;
-//# sourceMappingURL=VariableTag.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VariableTag.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/VariableTag.js"],"names":[],"mappings":";;;;qBAAqB,cAAc"}