@verbb/plugin-kit-web 2.0.26 → 2.0.27

package/dist/chunks/tiptap.styles-CUvGoddW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiptap.styles-CUvGoddW.js","names":[],"sources":["../../src/components/tiptap/variable-tag-node-view.ts","../../src/components/tiptap/tiptap.styles.ts"],"sourcesContent":["import type { Editor, NodeViewRenderer, NodeViewRendererProps } from '@tiptap/core';\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model';\nimport { uniqueId } from '../../a11y/focus.js';\n\n/** Match kit v1 VariableTagView chip chrome (indigo + remove). */\nconst REMOVE_ICON = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 10\" width=\"10\" height=\"10\" aria-hidden=\"true\" focusable=\"false\">\n  <path fill=\"currentColor\" d=\"M2.1 1.4 5 4.3l2.9-2.9.7.7L5.7 5l2.9 2.9-.7.7L5 5.7l-2.9 2.9-.7-.7L4.3 5 1.4 2.1z\"/>\n</svg>\n`.trim();\n\nexport const PK_VARIABLE_TAG_CONFIGURE_EVENT = 'pk-variable-tag-configure';\n\n/** Transform metadata grouped by value type, supplied by the consuming application. */\nexport type PkVariableTransformerRegistry = Record<string, readonly { id: string; label?: string }[]>;\n\nconst PRESENTATION_CHANGE_EVENT = 'pk-variable-tag-presentation-change';\n\n/** Refresh labels without changing the editor document or its selection. */\nexport function refreshVariableTagPresentation(host: HTMLElement): void {\n    host.dispatchEvent(new Event(PRESENTATION_CHANGE_EVENT));\n}\n\nexport type PkVariableTagConfigureDetail = {\n    editor: Editor;\n    anchor: HTMLElement;\n    attrs: Record<string, unknown>;\n    getPos: () => number | undefined;\n    updateAttributes: (attributes: Record<string, unknown>) => void;\n    deleteNode: () => void;\n};\n\nconst findTiptapHost = (viewDom: HTMLElement): HTMLElement | null => {\n    let node: Node | null = viewDom;\n    while (node) {\n        if (node instanceof HTMLElement && node.localName.startsWith('pk-tiptap')) {\n            return node;\n        }\n\n        node = node.parentNode instanceof ShadowRoot\n            ? node.parentNode.host\n            : node.parentNode;\n    }\n\n    return null;\n};\n\nconst emitConfigure = (\n    editor: Editor,\n    detail: PkVariableTagConfigureDetail,\n) => {\n    const viewDom = editor.view.dom;\n    const host = findTiptapHost(viewDom);\n\n    // Preferred bridge for React/Formie: property callback on <pk-tiptap-*>.\n    const configure = host && 'variableTagConfigure' in host\n        ? (host as HTMLElement & {\n            variableTagConfigure?: ((detail: PkVariableTagConfigureDetail) => void) | null;\n        }).variableTagConfigure\n        : null;\n\n    if (typeof configure === 'function') {\n        configure(detail);\n    }\n\n    // Composed event is the reliable Formie path (document capture listener).\n    const target = host ?? viewDom;\n    target.dispatchEvent(new CustomEvent(PK_VARIABLE_TAG_CONFIGURE_EVENT, {\n        bubbles: true,\n        composed: true,\n        detail,\n    }));\n};\n\n/**\n * DOM NodeViewRendererProps do NOT include React's `deleteNode` / `updateAttributes`\n * (those live on NodeViewProps for ReactNodeViewRenderer only). Build them from\n * editor + getPos — same operations ReactNodeViewRenderer wires for VariableTagView.\n */\nfunction createNodeViewCommands(\n    editor: Editor,\n    getPos: NodeViewRendererProps['getPos'],\n) {\n    const resolvePos = (): number | undefined => {\n        const pos = typeof getPos === 'function' ? getPos() : getPos;\n        return typeof pos === 'number' ? pos : undefined;\n    };\n\n    const deleteNode = () => {\n        const pos = resolvePos();\n        if (typeof pos !== 'number') {\n            return;\n        }\n\n        const live = editor.state.doc.nodeAt(pos);\n        if (!live || live.type.name !== 'variableTag') {\n            return;\n        }\n\n        editor\n            .chain()\n            .focus()\n            .deleteRange({ from: pos, to: pos + live.nodeSize })\n            .run();\n    };\n\n    const updateAttributes = (attributes: Record<string, unknown>) => {\n        const pos = resolvePos();\n        if (typeof pos !== 'number') {\n            return;\n        }\n\n        const live = editor.state.doc.nodeAt(pos);\n        if (!live || live.type.name !== 'variableTag') {\n            return;\n        }\n\n        editor\n            .chain()\n            .command(({ tr, dispatch }) => {\n                if (dispatch) {\n                    tr.setNodeMarkup(pos, undefined, {\n                        ...live.attrs,\n                        ...attributes,\n                    });\n                }\n                return true;\n            })\n            .run();\n    };\n\n    return { deleteNode, updateAttributes, resolvePos };\n}\n\n/**\n * DOM node view for variable tags in vanilla editors.\n * Chip + remove match kit v1; configure UI is opened via `pk-variable-tag-configure`\n * (Formie mounts the edit overlay beside the WC editor).\n */\nexport function createVariableTagDomNodeView(): NodeViewRenderer {\n    return (props) => {\n        const { editor, getPos } = props;\n        const { deleteNode, updateAttributes, resolvePos } = createNodeViewCommands(editor, getPos);\n\n        let currentNode: ProseMirrorNode = props.node;\n\n        const host = findTiptapHost(props.view.dom);\n\n        const syncPresentation = (attrs: Record<string, unknown>) => {\n            const unresolved = Boolean(attrs.unresolved);\n            const token = String(attrs.value ?? '');\n            const chipLabel = String(attrs.label || attrs.value || '');\n\n            dom.classList.toggle('pk-variable-tag--unresolved', unresolved);\n            if (unresolved) {\n                dom.dataset.unresolved = 'true';\n                // Extra context for AT — not HTML title (avoids native hover tooltip).\n                const description = token\n                    ? `Unknown or missing reference — ${token}`\n                    : 'Unknown or missing reference';\n                dom.setAttribute('aria-description', description);\n                label.setAttribute('aria-invalid', 'true');\n            } else {\n                delete dom.dataset.unresolved;\n                dom.removeAttribute('aria-description');\n                label.removeAttribute('aria-invalid');\n            }\n\n            labelText.textContent = chipLabel;\n\n            const transformerId = String(attrs.transformerId ?? '').trim();\n            const registry = (host as (HTMLElement & {\n                variableTransformerRegistry?: PkVariableTransformerRegistry;\n            }) | null)?.variableTransformerRegistry ?? {};\n            const transformer = Object.values(registry)\n                .flat()\n                .find((entry) => entry.id === transformerId);\n            transformBadge.textContent = transformer?.label || transformerId;\n            transformBadge.hidden = !transformerId;\n            if (transformerId) {\n                transformBadge.setAttribute('aria-label', `Transform: ${transformBadge.textContent}`);\n            } else {\n                transformBadge.removeAttribute('aria-label');\n            }\n\n            defaultMarker.hidden = String(attrs.default ?? '').trim() === '';\n        };\n\n        const dom = document.createElement('span');\n        dom.className = 'pk-variable-tag';\n        dom.id = uniqueId('pk-variable-tag');\n        dom.setAttribute('contenteditable', 'false');\n        // Do NOT set draggable=true permanently — HTML5-draggable hosts suppress click,\n        // which kills configure. ProseMirror sets draggable temporarily on mousedown drag.\n        // TipTap React node views use data-drag-handle on a TipTap NodeView class; keep the\n        // attr for parity, but drag itself is PM's selectable+draggable atom behavior.\n        dom.setAttribute('data-drag-handle', '');\n        dom.dataset.label = String(currentNode.attrs.label ?? '');\n        dom.dataset.variableValue = String(currentNode.attrs.value ?? '');\n\n        // Match kit v1 VariableTagView: real button for activate.\n        const label = document.createElement('button');\n        label.type = 'button';\n        label.className = 'pk-variable-tag__label';\n        label.draggable = false;\n        const labelText = document.createElement('span');\n        labelText.className = 'pk-variable-tag__text';\n        const transformBadge = document.createElement('span');\n        transformBadge.className = 'pk-variable-tag__transform';\n        const defaultMarker = document.createElement('span');\n        defaultMarker.className = 'pk-variable-tag__default';\n        defaultMarker.setAttribute('role', 'img');\n        defaultMarker.setAttribute('aria-label', 'Has default value');\n        label.append(defaultMarker, labelText, transformBadge);\n        dom.append(label);\n        syncPresentation(currentNode.attrs);\n\n        // Registry labels can arrive after hydration; refresh chrome without rewriting tokens.\n        const refreshPresentation = () => syncPresentation(currentNode.attrs);\n        host?.addEventListener(PRESENTATION_CHANGE_EVENT, refreshPresentation);\n\n        let removeButton: HTMLButtonElement | null = null;\n        let openOnInsertHandled = false;\n        let openedAt = 0;\n\n        const readLiveAttrs = () => {\n            const pos = resolvePos();\n            if (typeof pos === 'number') {\n                const live = editor.state.doc.nodeAt(pos);\n                if (live?.type.name === 'variableTag') {\n                    return { ...live.attrs };\n                }\n            }\n\n            return { ...currentNode.attrs };\n        };\n\n        const openConfigure = () => {\n            if (!editor.isEditable) {\n                return;\n            }\n\n            // Dedupe repeated emits from nested handlers / openOnInsert.\n            const now = Date.now();\n            if (now - openedAt < 300) {\n                return;\n            }\n            openedAt = now;\n\n            // Strip any HTML5-draggable PM may have armed so configure stays clickable\n            // after this interaction (draggable hosts suppress subsequent clicks).\n            dom.removeAttribute('draggable');\n\n            emitConfigure(editor, {\n                editor,\n                anchor: dom,\n                attrs: readLiveAttrs(),\n                getPos: resolvePos,\n                updateAttributes,\n                deleteNode,\n            });\n        };\n\n        // Open on pointerdown — before ProseMirror can arm HTML5 drag on the atom.\n        label.addEventListener('pointerdown', (event) => {\n            if (event.button !== 0) {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n            openConfigure();\n        });\n        label.addEventListener('click', (event) => {\n            event.preventDefault();\n            event.stopPropagation();\n            openConfigure();\n        });\n\n        const syncRemoveButton = (editable: boolean) => {\n            if (editable) {\n                if (removeButton) {\n                    return;\n                }\n\n                removeButton = document.createElement('button');\n                removeButton.type = 'button';\n                removeButton.className = 'pk-variable-tag__remove';\n                removeButton.setAttribute('aria-label', 'Remove');\n                removeButton.draggable = false;\n                removeButton.innerHTML = REMOVE_ICON;\n                removeButton.addEventListener('pointerdown', (event) => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                });\n                removeButton.addEventListener('click', (event) => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                    deleteNode();\n                });\n                dom.append(removeButton);\n                return;\n            }\n\n            removeButton?.remove();\n            removeButton = null;\n        };\n\n        syncRemoveButton(editor.isEditable);\n\n        if (currentNode.attrs.openOnInsert && editor.isEditable && !openOnInsertHandled) {\n            openOnInsertHandled = true;\n            queueMicrotask(() => {\n                updateAttributes({ openOnInsert: false });\n                openConfigure();\n            });\n        }\n\n        return {\n            dom,\n            destroy: () => host?.removeEventListener(PRESENTATION_CHANGE_EVENT, refreshPresentation),\n            // TipTap React node views stop PM from handling events inside the chip —\n            // that prevents `draggable=true` arming, which otherwise kills configure.\n            // Drag still works via outer NodeSelection + data-drag-handle when the\n            // pointer starts on the chip chrome (not the label/remove controls).\n            stopEvent: (event) => {\n                const target = event.target as Node | null;\n                if (!(target instanceof Element)) {\n                    return false;\n                }\n\n                return Boolean(\n                    target.closest('.pk-variable-tag__label')\n                    || target.closest('.pk-variable-tag__remove'),\n                );\n            },\n            selectNode: () => {\n                dom.classList.add('ProseMirror-selectednode');\n                // Never keep HTML5-draggable while selected — it suppresses clicks.\n                dom.removeAttribute('draggable');\n            },\n            deselectNode: () => {\n                dom.classList.remove('ProseMirror-selectednode');\n                dom.removeAttribute('draggable');\n            },\n            update(updatedNode) {\n                if (updatedNode.type.name !== 'variableTag') {\n                    return false;\n                }\n\n                currentNode = updatedNode;\n                dom.dataset.label = String(updatedNode.attrs.label ?? '');\n                dom.dataset.variableValue = String(updatedNode.attrs.value ?? '');\n                syncPresentation(updatedNode.attrs);\n                syncRemoveButton(editor.isEditable);\n                return true;\n            },\n        };\n    };\n}\n","import { css } from 'lit';\n\n/**\n * Indigo chip matching kit v1 VariableTagView (`bg-[#5C6BC0] text-white rounded-[2px]`).\n * Shared by rich editor, single-line input, and read-only content hosts.\n */\nconst variableTagStyles = css`\n    .pk-variable-tag {\n        position: relative;\n        display: inline-flex;\n        align-items: stretch;\n        max-width: 100%;\n        margin-inline: 1px;\n        margin-block-start: -3px;\n        padding: 0;\n        border-radius: 2px;\n        background: #5c6bc0;\n        color: #fff;\n        font-size: 11px;\n        font-weight: 400;\n        line-height: 1;\n        white-space: nowrap;\n        vertical-align: middle;\n        overflow: hidden;\n        cursor: default;\n        box-sizing: border-box;\n    }\n\n    /* Unresolved / missing reference — muted grey (not alarm yellow). */\n    .pk-variable-tag--unresolved {\n        background: var(--pk-color-gray-100, #f3f4f6);\n        color: var(--pk-color-gray-600, #4b5563);\n        box-shadow: inset 0 0 0 1px var(--pk-color-gray-300, #d1d5db);\n    }\n\n    .pk-variable-tag--unresolved.ProseMirror-selectednode {\n        box-shadow:\n            inset 0 0 0 1px var(--pk-color-gray-400, #9ca3af),\n            0 0 0 2px rgba(156, 163, 175, 0.45);\n    }\n\n    .pk-variable-tag.ProseMirror-selectednode {\n        outline: none;\n        box-shadow: 0 0 0 2px rgba(123, 140, 232, 0.5);\n    }\n\n    .pk-variable-tag__label {\n        display: inline-flex;\n        align-items: center;\n        min-width: 0;\n        max-width: 320px;\n        margin: 0;\n        padding: 4px 5px;\n        border: 0;\n        background: transparent;\n        color: inherit;\n        font: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        text-align: left;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .pk-variable-tag__text {\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .pk-variable-tag__transform {\n        flex-shrink: 0;\n        max-width: 140px;\n        margin-inline-start: 4px;\n        padding: 1px 3px;\n        border-radius: 2px;\n        background: rgb(255 255 255 / 20%);\n        font-size: 9px;\n        line-height: 1;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .pk-variable-tag__default {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 0;\n        height: 0;\n        border-top: 8px solid var(--pk-color-orange-400, #fb923c);\n        border-right: 8px solid transparent;\n        pointer-events: none;\n    }\n\n    .pk-variable-tag__transform[hidden],\n    .pk-variable-tag__default[hidden] {\n        display: none;\n    }\n\n    .pk-variable-tag__remove {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        align-self: stretch;\n        margin: 0;\n        padding: 4px 5px 4px 4px;\n        border: 0;\n        background: transparent;\n        color: inherit;\n        cursor: pointer;\n        line-height: 0;\n        appearance: none;\n    }\n\n    /* Keep the configure action's keyboard indicator around the whole chip,\n     * while the separate remove action identifies only its own hit area. */\n    .pk-variable-tag:has(> .pk-variable-tag__label:focus-visible) {\n        /* The transparent outline remains visible in forced-colors mode. */\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        box-shadow: 0 0 0 3px rgba(123, 140, 232, 0.5);\n    }\n\n    .pk-variable-tag__label:focus-visible {\n        outline: none;\n    }\n\n    .pk-variable-tag__remove:focus-visible {\n        outline: 2px solid currentColor;\n        outline-offset: -3px;\n        border-radius: 2px;\n    }\n\n    .pk-variable-tag__remove svg {\n        display: block;\n        width: 10px;\n        height: 10px;\n        pointer-events: none;\n    }\n`;\n\nexport const tiptapProseMirrorStyles = css`\n    @layer pk-component {\n        .ProseMirror {\n            outline: none;\n            min-height: 2rem;\n            padding: 1rem;\n            background: rgb(251, 252, 254);\n            /* Craft CP body text (~gray-700), not gray-900. */\n            color: var(--pk-color-gray-700);\n            font-family: var(--pk-font-family);\n            /* Match pk-input / body (14px). sm (13px) matched field instructions and looked undersized vs v1. */\n            font-size: var(--pk-font-size-base);\n            line-height: 1.5;\n            white-space: pre-wrap;\n            box-sizing: border-box;\n        }\n\n        .ProseMirror p {\n            margin: 0 0 0.5rem;\n        }\n\n        .ProseMirror p:last-child {\n            margin-bottom: 0;\n        }\n\n        .ProseMirror h1 {\n            font-size: 1.25rem;\n            font-weight: 700;\n            margin: 0 0 0.5rem;\n        }\n\n        .ProseMirror h2 {\n            font-size: 1.125rem;\n            font-weight: 600;\n            margin: 0 0 0.5rem;\n        }\n\n        .ProseMirror h3,\n        .ProseMirror h4,\n        .ProseMirror h5,\n        .ProseMirror h6 {\n            font-weight: 600;\n            margin: 0 0 0.5rem;\n        }\n\n        .ProseMirror a {\n            color: var(--pk-color-blue-600);\n            text-decoration: underline;\n            cursor: pointer;\n        }\n\n        .ProseMirror ul,\n        .ProseMirror ol {\n            margin: 0 0 0.5rem;\n            padding-left: 1.25rem;\n        }\n\n        .ProseMirror blockquote {\n            margin: 0 0 0.5rem;\n            padding-left: 0.75rem;\n            border-left: 3px solid var(--pk-color-gray-300);\n            color: var(--pk-color-gray-600);\n        }\n\n        .ProseMirror code {\n            font-family: var(--pk-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);\n            font-size: var(--pk-font-size-mono, 0.9em);\n            line-height: var(--pk-line-height-mono, 1.5);\n            background: var(--pk-color-gray-100);\n            border-radius: 0.2rem;\n            padding: 0.1rem 0.25rem;\n        }\n\n        .ProseMirror pre {\n            margin: 0 0 0.5rem;\n            padding: 0.75rem;\n            background: var(--pk-color-gray-900);\n            color: var(--pk-color-gray-50);\n            border-radius: var(--pk-radius-md);\n            overflow-x: auto;\n            font-family: var(--pk-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);\n            font-size: var(--pk-font-size-mono, 0.9em);\n            line-height: var(--pk-line-height-mono, 1.5);\n        }\n\n        ${variableTagStyles}\n    }\n`;\n\n/**\n * Single-line TipTap field — same box metrics as `pk-input` .input\n * (14px / line-height 1.4 / padding 6px 8px).\n *\n * ProseMirror always injects `br.ProseMirror-trailingBreak` for the caret.\n * Never `display: none` it — that freezes one-liner docs after the first character.\n * Clip to one line height instead so the break cannot inflate the control.\n */\nexport const tiptapInputProseMirrorStyles = css`\n    @layer pk-component {\n        .ProseMirror {\n            outline: none;\n            margin: 0;\n            /* Match stock pk-input padding by default. Hosts can override density via\n             * --pk-tiptap-input-* (light DOM cannot style .ProseMirror in the shadow tree).\n             */\n            padding-block: var(--pk-tiptap-input-padding-block, 6px);\n            padding-inline-start: var(--pk-tiptap-input-padding-inline-start, 8px);\n            padding-inline-end: var(--pk-tiptap-input-padding-inline-end, 8px);\n            /* One-liner clip: padding + control line-height (v1 text-sm), not a fixed shell token. */\n            height: var(--pk-tiptap-input-height, calc(var(--pk-input-control-line-height, 1.25rem) + 12px));\n            max-height: var(--pk-tiptap-input-height, calc(var(--pk-input-control-line-height, 1.25rem) + 12px));\n            background: var(--pk-input-bg);\n            /* Craft CP body / field value text. */\n            color: var(--pk-color-gray-700);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-tiptap-input-font-size, var(--pk-font-size-base));\n            line-height: var(--pk-tiptap-input-line-height, var(--pk-input-control-line-height, 1.25rem));\n            white-space: nowrap;\n            overflow-x: auto;\n            overflow-y: hidden;\n            box-sizing: border-box;\n            scrollbar-width: none;\n        }\n\n        .ProseMirror::-webkit-scrollbar {\n            display: none;\n        }\n\n        /* OneLinerDocument is inline-only; keep p inline if a schema ever wraps text. */\n        .ProseMirror p {\n            margin: 0;\n            display: inline;\n            line-height: inherit;\n        }\n\n        /* Read-only display: no input padding/height box (v1 skipped chrome when readOnly).\n         * Inherit color/weight so list name links (text-blue-600 font-bold) show through. */\n        :host([readonly]) .ProseMirror {\n            padding-block: 0;\n            padding-inline: 0;\n            height: auto;\n            max-height: none;\n            background: transparent;\n            overflow: visible;\n            white-space: normal;\n            color: inherit;\n            font-weight: inherit;\n            font-size: inherit;\n        }\n\n        ${variableTagStyles}\n    }\n`;\n\nexport const tiptapContentProseMirrorStyles = css`\n    @layer pk-component {\n        /* Inherit host color/size so light-DOM wrappers (warning banners, badges)\n           can restyle read-only TipTap without piercing the shadow tree. */\n        .ProseMirror {\n            outline: none;\n            color: inherit;\n            font-family: inherit;\n            font-size: inherit;\n            line-height: inherit;\n        }\n\n        .ProseMirror p {\n            margin: 0;\n        }\n\n        ${variableTagStyles}\n    }\n`;\n"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 export { PkTiptapContent } from './pk-tiptap-content.js';
 export { PkTiptapEditor } from './pk-tiptap-editor.js';
 export { PkTiptapInput } from './pk-tiptap-input.js';
+export type { PkVariableTransformerRegistry } from './variable-tag-node-view.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,YAAY,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/components/tiptap/pk-tiptap-content.d.ts

@@ -1,5 +1,6 @@
 import { PropertyValues } from 'lit';
 import { PkElement } from '../../base/pk-element.js';
+import { PkVariableTransformerRegistry } from './variable-tag-node-view.js';
 /**
  * Read-only TipTap / ProseMirror renderer.
  *
@@ -10,6 +11,8 @@ export declare class PkTiptapContent extends PkElement {
     private editorMount;
     private editor;
     value: string;
+    /** Transform names displayed as badges on configured variable tags. */
+    variableTransformerRegistry: PkVariableTransformerRegistry;
     disconnectedCallback(): void;
     updated(changed: PropertyValues): void;
     firstUpdated(): void;

package/dist/components/tiptap/pk-tiptap-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pk-tiptap-content.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/pk-tiptap-content.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAO1C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAiBrD;;;;GAIG;AACH,qBACa,eAAgB,SAAQ,SAAS;IAC1C,OAAgB,MAAM,4BAA2D;IAGjF,OAAO,CAAC,WAAW,CAAkB;IAErC,OAAO,CAAC,MAAM,CAAuB;IAGrC,KAAK,SAAM;IAEF,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQtC,YAAY,IAAI,IAAI;IAI7B,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,WAAW;IAgBV,MAAM;CAGlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ"}
+{"version":3,"file":"pk-tiptap-content.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/pk-tiptap-content.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAO1C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAGH,KAAK,6BAA6B,EACrC,MAAM,6BAA6B,CAAC;AAgBrC;;;;GAIG;AACH,qBACa,eAAgB,SAAQ,SAAS;IAC1C,OAAgB,MAAM,4BAA2D;IAGjF,OAAO,CAAC,WAAW,CAAkB;IAErC,OAAO,CAAC,MAAM,CAAuB;IAGrC,KAAK,SAAM;IAEX,uEAAuE;IAEvE,2BAA2B,EAAE,6BAA6B,CAAM;IAEvD,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYtC,YAAY,IAAI,IAAI;IAI7B,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,WAAW;IAgBV,MAAM;CAGlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ"}

package/dist/components/tiptap/pk-tiptap-content.js

@@ -1,2 +1,2 @@
-import { t as PkTiptapContent } from "../../chunks/pk-tiptap-content-DmS_2EUi.js";
+import { t as PkTiptapContent } from "../../chunks/pk-tiptap-content-5UcUhLeB.js";
 export { PkTiptapContent };

package/dist/components/tiptap/pk-tiptap-editor.d.ts

@@ -1,6 +1,7 @@
 import { PropertyValues } from 'lit';
 import { ToolbarNode, TiptapTextStyleToolbarConfig } from '@verbb/plugin-kit-tiptap-core';
 import { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';
+import { PkVariableTransformerRegistry } from './variable-tag-node-view.js';
 /**
  * TipTap document editor with a Craft-styled toolbar.
  *
@@ -40,6 +41,8 @@ export declare class PkTiptapEditor extends PkFormAssociatedElement {
     placeholder: string;
     readonly: boolean;
     invalid: boolean;
+    /** Transform names displayed as badges on configured variable tags. */
+    variableTransformerRegistry: PkVariableTransformerRegistry;
     /**
      * Formie / React configure bridge — called when a chip is activated for editing.
      * Prefer this over listening for `pk-variable-tag-configure` from React.

package/dist/components/tiptap/pk-tiptap-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pk-tiptap-editor.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/pk-tiptap-editor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pk-tiptap-editor.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/pk-tiptap-editor.ts"],"names":[],"mappings":"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"}

package/dist/components/tiptap/pk-tiptap-editor.js

@@ -1,2 +1,2 @@
-import { t as PkTiptapEditor } from "../../chunks/pk-tiptap-editor-DLHbQRCW.js";
+import { t as PkTiptapEditor } from "../../chunks/pk-tiptap-editor-C7tOOMC0.js";
 export { PkTiptapEditor };

package/dist/components/tiptap/pk-tiptap-input.d.ts

@@ -2,6 +2,7 @@ import { PropertyValues } from 'lit';
 import { VariableOption } from '@verbb/plugin-kit-tiptap-core';
 import { Editor } from '@tiptap/core';
 import { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';
+import { PkVariableTransformerRegistry } from './variable-tag-node-view.js';
 /** Category map keyed like Formie / kit v1 (`fieldsVariables`, `formVariables`, …). */
 export type PkTiptapVariableCategories = Record<string, VariableOption[]>;
 export declare class PkTiptapInput extends PkFormAssociatedElement {
@@ -20,6 +21,8 @@ export declare class PkTiptapInput extends PkFormAssociatedElement {
      * Without this, saved field tokens fall back to UID title-casing after reload.
      */
     variableCategories: PkTiptapVariableCategories;
+    /** Transform names displayed as badges on configured variable tags. */
+    variableTransformerRegistry: PkVariableTransformerRegistry;
     /**
      * Formie / React configure bridge — called when a chip is activated for editing.
      * Prefer this over listening for `pk-variable-tag-configure` from React.

package/dist/components/tiptap/pk-tiptap-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pk-tiptap-input.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/pk-tiptap-input.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAMH,KAAK,cAAc,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAMnF,uFAAuF;AACvF,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;AAE1E,qBACa,aAAc,SAAQ,uBAAuB;IAGtD,OAAgB,MAAM,4BAA0E;IAEhG,WAAoB,UAAU,2CAE7B;IAEQ,mBAAmB,WAAqB;IAGjD,OAAO,CAAC,WAAW,CAAkB;IAG5B,KAAK,EAAG,gBAAgB,CAAC;IAElC,OAAO,CAAC,MAAM,CAAuB;IAErC,OAAO,CAAC,WAAW,CAAuB;IAE1C,kFAAkF;IAClF,OAAO,CAAC,sBAAsB,CAAS;IAEvC,OAAO,CAAC,MAAM,CAAuB;IAErC;;;OAGG;IAEH,kBAAkB,EAAE,0BAA0B,CAAM;IAEpD;;;OAGG;IAEH,oBAAoB,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,6BAA6B,EAAE,4BAA4B,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;IAG3H,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAEhB,kDAAkD;IAElD,OAAO,UAAS;IAEhB,IAAI,KAAK,IAAI,MAAM,CAMlB;IAED,IACI,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAS3B;IAGD,YAAY,EAAE,MAAM,GAAG,IAAI,CAAM;IAEjC,IAAI,cAAc,kBAEjB;IAED,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,oBAAoB;cAKT,aAAa,IAAI,IAAI;cAQrB,mBAAmB,IAAI,IAAI;cAM3B,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAOxE,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAqBtC,YAAY,IAAI,IAAI;IAK7B,OAAO,CAAC,WAAW;IA8BnB,OAAO,CAAC,iBAAiB;IA8BzB,OAAO,CAAC,eAAe;IAUd,MAAM;CAQlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,aAAa,CAAC;KACpC;CACJ"}
+{"version":3,"file":"pk-tiptap-input.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/pk-tiptap-input.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAMH,KAAK,cAAc,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAEnF,OAAO,EAGH,KAAK,6BAA6B,EACrC,MAAM,6BAA6B,CAAC;AAIrC,uFAAuF;AACvF,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;AAE1E,qBACa,aAAc,SAAQ,uBAAuB;IAGtD,OAAgB,MAAM,4BAA0E;IAEhG,WAAoB,UAAU,2CAE7B;IAEQ,mBAAmB,WAAqB;IAGjD,OAAO,CAAC,WAAW,CAAkB;IAG5B,KAAK,EAAG,gBAAgB,CAAC;IAElC,OAAO,CAAC,MAAM,CAAuB;IAErC,OAAO,CAAC,WAAW,CAAuB;IAE1C,kFAAkF;IAClF,OAAO,CAAC,sBAAsB,CAAS;IAEvC,OAAO,CAAC,MAAM,CAAuB;IAErC;;;OAGG;IAEH,kBAAkB,EAAE,0BAA0B,CAAM;IAEpD,uEAAuE;IAEvE,2BAA2B,EAAE,6BAA6B,CAAM;IAEhE;;;OAGG;IAEH,oBAAoB,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,6BAA6B,EAAE,4BAA4B,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;IAG3H,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAEhB,kDAAkD;IAElD,OAAO,UAAS;IAEhB,IAAI,KAAK,IAAI,MAAM,CAMlB;IAED,IACI,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAS3B;IAGD,YAAY,EAAE,MAAM,GAAG,IAAI,CAAM;IAEjC,IAAI,cAAc,kBAEjB;IAED,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,oBAAoB;cAKT,aAAa,IAAI,IAAI;cAQrB,mBAAmB,IAAI,IAAI;cAM3B,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAOxE,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAyBtC,YAAY,IAAI,IAAI;IAK7B,OAAO,CAAC,WAAW;IA8BnB,OAAO,CAAC,iBAAiB;IA8BzB,OAAO,CAAC,eAAe;IAUd,MAAM;CAQlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,aAAa,CAAC;KACpC;CACJ"}

package/dist/components/tiptap/pk-tiptap-input.js

@@ -1,2 +1,2 @@
-import { t as PkTiptapInput } from "../../chunks/pk-tiptap-input-asrD-8W6.js";
+import { t as PkTiptapInput } from "../../chunks/pk-tiptap-input-B8faxeqa.js";
 export { PkTiptapInput };

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

@@ -1 +1 @@
-{"version":3,"file":"tiptap.styles.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/tiptap.styles.ts"],"names":[],"mappings":"AA2GA,eAAO,MAAM,uBAAuB,yBAuFnC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,4BAA4B,yBAuDxC,CAAC;AAEF,eAAO,MAAM,8BAA8B,yBAgB1C,CAAC"}
+{"version":3,"file":"tiptap.styles.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/tiptap.styles.ts"],"names":[],"mappings":"AA+IA,eAAO,MAAM,uBAAuB,yBAuFnC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,4BAA4B,yBAuDxC,CAAC;AAEF,eAAO,MAAM,8BAA8B,yBAkB1C,CAAC"}

package/dist/components/tiptap/variable-tag-node-view.d.ts

@@ -1,5 +1,12 @@
 import { Editor, NodeViewRenderer } from '@tiptap/core';
 export declare const PK_VARIABLE_TAG_CONFIGURE_EVENT = "pk-variable-tag-configure";
+/** Transform metadata grouped by value type, supplied by the consuming application. */
+export type PkVariableTransformerRegistry = Record<string, readonly {
+    id: string;
+    label?: string;
+}[]>;
+/** Refresh labels without changing the editor document or its selection. */
+export declare function refreshVariableTagPresentation(host: HTMLElement): void;
 export type PkVariableTagConfigureDetail = {
     editor: Editor;
     anchor: HTMLElement;

package/dist/components/tiptap/variable-tag-node-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variable-tag-node-view.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/variable-tag-node-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAyB,MAAM,cAAc,CAAC;AAWpF,eAAO,MAAM,+BAA+B,8BAA8B,CAAC;AAE3E,MAAM,MAAM,4BAA4B,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACjC,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAChE,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAwGF;;;;GAIG;AACH,wBAAgB,4BAA4B,IAAI,gBAAgB,CA2L/D"}
+{"version":3,"file":"variable-tag-node-view.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/variable-tag-node-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAyB,MAAM,cAAc,CAAC;AAWpF,eAAO,MAAM,+BAA+B,8BAA8B,CAAC;AAE3E,uFAAuF;AACvF,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,CAAC,CAAC;AAItG,4EAA4E;AAC5E,wBAAgB,8BAA8B,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAEtE;AAED,MAAM,MAAM,4BAA4B,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACjC,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAChE,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAwGF;;;;GAIG;AACH,wBAAgB,4BAA4B,IAAI,gBAAgB,CA4N/D"}

package/dist/components/tiptap-content.js

@@ -1,2 +1,2 @@
-import { t as PkTiptapContent } from "../chunks/pk-tiptap-content-DmS_2EUi.js";
+import { t as PkTiptapContent } from "../chunks/pk-tiptap-content-5UcUhLeB.js";
 export { PkTiptapContent };

package/dist/components/tiptap-editor.js

@@ -1,2 +1,2 @@
-import { t as PkTiptapEditor } from "../chunks/pk-tiptap-editor-DLHbQRCW.js";
+import { t as PkTiptapEditor } from "../chunks/pk-tiptap-editor-C7tOOMC0.js";
 export { PkTiptapEditor };

package/dist/components/tiptap-input.js

@@ -1,2 +1,2 @@
-import { t as PkTiptapInput } from "../chunks/pk-tiptap-input-asrD-8W6.js";
+import { t as PkTiptapInput } from "../chunks/pk-tiptap-input-B8faxeqa.js";
 export { PkTiptapInput };

package/dist/index.js

@@ -97,9 +97,9 @@ import { t as PkOptionGroup } from "./chunks/pk-option-group-D6bHfn0j.js";
 import "./components/select.js";
 import "./components/time-picker.js";
 import "./components/spinner.js";
-import { t as PkTiptapContent } from "./chunks/pk-tiptap-content-DmS_2EUi.js";
-import { t as PkTiptapEditor } from "./chunks/pk-tiptap-editor-DLHbQRCW.js";
-import { t as PkTiptapInput } from "./chunks/pk-tiptap-input-asrD-8W6.js";
+import { t as PkTiptapContent } from "./chunks/pk-tiptap-content-5UcUhLeB.js";
+import { t as PkTiptapEditor } from "./chunks/pk-tiptap-editor-C7tOOMC0.js";
+import { t as PkTiptapInput } from "./chunks/pk-tiptap-input-B8faxeqa.js";
 import { _ as setPortalClassName, a as startLoader, c as setBasePath, d as getPortalClassName, f as getPortalContainer, g as resolvePositionMethod, h as getShadowRootSelectors, i as preventTurboFouce, l as allDefined, m as getPortalTargetForAppend, n as FOUCE_TIMEOUT_MS, o as stopLoader, p as getPortalMountElement, r as discover, s as getBasePath, t as DISCOVERY_COMPLETE_EVENT, u as configurePluginKitWeb, v as setPortalContainer, y as setShadowRootSelectors } from "./chunks/autoloader-DcwybeWc.js";
 import { t as BUNDLER_TAG_IMPORT_PATHS } from "./chunks/component-registry-B5pnAZsb.js";
 import { t as createRegisterComponents } from "./chunks/register-components-CZtpgZe3.js";

package/dist/register.js

@@ -83,9 +83,9 @@ import { t as PkOptionGroup } from "./chunks/pk-option-group-D6bHfn0j.js";
 import "./components/select.js";
 import "./components/time-picker.js";
 import "./components/spinner.js";
-import { t as PkTiptapContent } from "./chunks/pk-tiptap-content-DmS_2EUi.js";
-import { t as PkTiptapEditor } from "./chunks/pk-tiptap-editor-DLHbQRCW.js";
-import { t as PkTiptapInput } from "./chunks/pk-tiptap-input-asrD-8W6.js";
+import { t as PkTiptapContent } from "./chunks/pk-tiptap-content-5UcUhLeB.js";
+import { t as PkTiptapEditor } from "./chunks/pk-tiptap-editor-C7tOOMC0.js";
+import { t as PkTiptapInput } from "./chunks/pk-tiptap-input-B8faxeqa.js";
 import { t as BUNDLER_TAG_IMPORT_PATHS } from "./chunks/component-registry-B5pnAZsb.js";
 import { t as createRegisterComponents } from "./chunks/register-components-CZtpgZe3.js";
 import "@verbb/plugin-kit-icons/all.js";

package/dist-loader/chunks/{tiptap.styles-CZUkf2K6.js → tiptap.styles-CJqK0Wft.js}

@@ -442,6 +442,11 @@ var REMOVE_ICON = `
 </svg>
 `.trim();
 var PK_VARIABLE_TAG_CONFIGURE_EVENT = "pk-variable-tag-configure";
+var PRESENTATION_CHANGE_EVENT = "pk-variable-tag-presentation-change";
+/** Refresh labels without changing the editor document or its selection. */
+function refreshVariableTagPresentation(host) {
+	host.dispatchEvent(new Event(PRESENTATION_CHANGE_EVENT));
+}
 var findTiptapHost = (viewDom) => {
 	let node = viewDom;
 	while (node) {
@@ -510,7 +515,8 @@ function createVariableTagDomNodeView() {
 		const { editor, getPos } = props;
 		const { deleteNode, updateAttributes, resolvePos } = createNodeViewCommands(editor, getPos);
 		let currentNode = props.node;
-		const syncUnresolvedPresentation = (attrs) => {
+		const host = findTiptapHost(props.view.dom);
+		const syncPresentation = (attrs) => {
 			const unresolved = Boolean(attrs.unresolved);
 			const token = String(attrs.value ?? "");
 			const chipLabel = String(attrs.label || attrs.value || "");
@@ -525,7 +531,15 @@ function createVariableTagDomNodeView() {
 				dom.removeAttribute("aria-description");
 				label.removeAttribute("aria-invalid");
 			}
-			label.textContent = chipLabel;
+			labelText.textContent = chipLabel;
+			const transformerId = String(attrs.transformerId ?? "").trim();
+			const registry = host?.variableTransformerRegistry ?? {};
+			const transformer = Object.values(registry).flat().find((entry) => entry.id === transformerId);
+			transformBadge.textContent = transformer?.label || transformerId;
+			transformBadge.hidden = !transformerId;
+			if (transformerId) transformBadge.setAttribute("aria-label", `Transform: ${transformBadge.textContent}`);
+			else transformBadge.removeAttribute("aria-label");
+			defaultMarker.hidden = String(attrs.default ?? "").trim() === "";
 		};
 		const dom = document.createElement("span");
 		dom.className = "pk-variable-tag";
@@ -538,8 +552,19 @@ function createVariableTagDomNodeView() {
 		label.type = "button";
 		label.className = "pk-variable-tag__label";
 		label.draggable = false;
+		const labelText = document.createElement("span");
+		labelText.className = "pk-variable-tag__text";
+		const transformBadge = document.createElement("span");
+		transformBadge.className = "pk-variable-tag__transform";
+		const defaultMarker = document.createElement("span");
+		defaultMarker.className = "pk-variable-tag__default";
+		defaultMarker.setAttribute("role", "img");
+		defaultMarker.setAttribute("aria-label", "Has default value");
+		label.append(defaultMarker, labelText, transformBadge);
 		dom.append(label);
-		syncUnresolvedPresentation(currentNode.attrs);
+		syncPresentation(currentNode.attrs);
+		const refreshPresentation = () => syncPresentation(currentNode.attrs);
+		host?.addEventListener(PRESENTATION_CHANGE_EVENT, refreshPresentation);
 		let removeButton = null;
 		let openOnInsertHandled = false;
 		let openedAt = 0;
@@ -611,6 +636,7 @@ function createVariableTagDomNodeView() {
 		}
 		return {
 			dom,
+			destroy: () => host?.removeEventListener(PRESENTATION_CHANGE_EVENT, refreshPresentation),
 			stopEvent: (event) => {
 				const target = event.target;
 				if (!(target instanceof Element)) return false;
@@ -629,7 +655,7 @@ function createVariableTagDomNodeView() {
 				currentNode = updatedNode;
 				dom.dataset.label = String(updatedNode.attrs.label ?? "");
 				dom.dataset.variableValue = String(updatedNode.attrs.value ?? "");
-				syncUnresolvedPresentation(updatedNode.attrs);
+				syncPresentation(updatedNode.attrs);
 				syncRemoveButton(editor.isEditable);
 				return true;
 			}
@@ -640,7 +666,7 @@ function createVariableTagDomNodeView() {
 //#region src/components/tiptap/tiptap.styles.ts
 /**
 * Indigo chip matching kit v1 VariableTagView (`bg-[#5C6BC0] text-white rounded-[2px]`).
-* Shared by rich editor + single-line input ProseMirror hosts.
+* Shared by rich editor, single-line input, and read-only content hosts.
 */
 var variableTagStyles = i`
     .pk-variable-tag {
@@ -685,7 +711,8 @@ var variableTagStyles = i`
     .pk-variable-tag__label {
         display: inline-flex;
         align-items: center;
-        max-width: 220px;
+        min-width: 0;
+        max-width: 320px;
         margin: 0;
         padding: 4px 5px;
         border: 0;
@@ -701,6 +728,41 @@ var variableTagStyles = i`
         user-select: none;
     }
 
+    .pk-variable-tag__text {
+        min-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .pk-variable-tag__transform {
+        flex-shrink: 0;
+        max-width: 140px;
+        margin-inline-start: 4px;
+        padding: 1px 3px;
+        border-radius: 2px;
+        background: rgb(255 255 255 / 20%);
+        font-size: 9px;
+        line-height: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .pk-variable-tag__default {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 0;
+        height: 0;
+        border-top: 8px solid var(--pk-color-orange-400, #fb923c);
+        border-right: 8px solid transparent;
+        pointer-events: none;
+    }
+
+    .pk-variable-tag__transform[hidden],
+    .pk-variable-tag__default[hidden] {
+        display: none;
+    }
+
     .pk-variable-tag__remove {
         display: inline-flex;
         align-items: center;
@@ -909,7 +971,9 @@ var tiptapContentProseMirrorStyles = i`
         .ProseMirror p {
             margin: 0;
         }
+
+        ${variableTagStyles}
     }
 `;
 //#endregion
-export { resolveTiptapTextStyleToolbarConfig as a, getRegisteredTiptapToolbarControl as c, createVariableTagDomNodeView as i, isRegisteredTiptapToolbarControl as l, tiptapInputProseMirrorStyles as n, createTiptapExtensions as o, tiptapProseMirrorStyles as r, createTiptapInputExtensions as s, tiptapContentProseMirrorStyles as t };
+export { refreshVariableTagPresentation as a, createTiptapInputExtensions as c, createVariableTagDomNodeView as i, getRegisteredTiptapToolbarControl as l, tiptapInputProseMirrorStyles as n, resolveTiptapTextStyleToolbarConfig as o, tiptapProseMirrorStyles as r, createTiptapExtensions as s, tiptapContentProseMirrorStyles as t, isRegisteredTiptapToolbarControl as u };

package/dist-loader/components/tiptap/tiptap-content.js

@@ -1,7 +1,7 @@
 import { a as e, c as customElement, m as i, p as b, s as n } from "../../chunks/lit-B6nFKgbW.js";
 import { c as __decorate, l as PkElement } from "../../chunks/pk-base-BGegy7-X.js";
 import { A as Editor } from "../../chunks/tiptap-DYSRDaas.js";
-import { i as createVariableTagDomNodeView, o as createTiptapExtensions, t as tiptapContentProseMirrorStyles } from "../../chunks/tiptap.styles-CZUkf2K6.js";
+import { a as refreshVariableTagPresentation, i as createVariableTagDomNodeView, s as createTiptapExtensions, t as tiptapContentProseMirrorStyles } from "../../chunks/tiptap.styles-CJqK0Wft.js";
 import { r as valueToContent } from "../../chunks/editor-CS16rBkM.js";
 //#region src/components/tiptap/pk-tiptap-content.styles.ts
 var pkTiptapContentStyles = i`
@@ -29,6 +29,7 @@ var PkTiptapContent = class PkTiptapContent extends PkElement {
 		super(..._args);
 		this.editor = null;
 		this.value = "";
+		this.variableTransformerRegistry = {};
 	}
 	static {
 		this.styles = [pkTiptapContentStyles, tiptapContentProseMirrorStyles];
@@ -39,6 +40,7 @@ var PkTiptapContent = class PkTiptapContent extends PkElement {
 		super.disconnectedCallback();
 	}
 	updated(changed) {
+		if (changed.has("variableTransformerRegistry")) refreshVariableTagPresentation(this);
 		if (changed.has("value") && this.editor) this.syncContent();
 		super.updated(changed);
 	}
@@ -71,6 +73,7 @@ var PkTiptapContent = class PkTiptapContent extends PkElement {
 };
 __decorate([e(".editor-mount")], PkTiptapContent.prototype, "editorMount", void 0);
 __decorate([n({ attribute: "value" })], PkTiptapContent.prototype, "value", void 0);
+__decorate([n({ attribute: false })], PkTiptapContent.prototype, "variableTransformerRegistry", void 0);
 PkTiptapContent = __decorate([customElement("pk-tiptap-content")], PkTiptapContent);
 //#endregion
 export { PkTiptapContent };

package/dist-loader/components/tiptap/tiptap-editor.js

@@ -9,7 +9,7 @@ import { t as MirrorValidator } from "../../chunks/mirror-validator-BkZlEv1Z.js"
 import "../../chunks/pk-checkbox-DhP0iMoP.js";
 import "../../chunks/pk-input-Cj5s8eBT.js";
 import { A as Editor, N as getMarkRange, P as posToDOMRect } from "../../chunks/tiptap-DYSRDaas.js";
-import { a as resolveTiptapTextStyleToolbarConfig, c as getRegisteredTiptapToolbarControl, i as createVariableTagDomNodeView, l as isRegisteredTiptapToolbarControl, o as createTiptapExtensions, r as tiptapProseMirrorStyles } from "../../chunks/tiptap.styles-CZUkf2K6.js";
+import { a as refreshVariableTagPresentation, i as createVariableTagDomNodeView, l as getRegisteredTiptapToolbarControl, o as resolveTiptapTextStyleToolbarConfig, r as tiptapProseMirrorStyles, s as createTiptapExtensions, u as isRegisteredTiptapToolbarControl } from "../../chunks/tiptap.styles-CJqK0Wft.js";
 import { n as normalizeContentArray, r as valueToContent, t as getFatalTiptapContentError } from "../../chunks/editor-CS16rBkM.js";
 import "../../chunks/pk-dialog-ChX96jyg.js";
 import "../../chunks/pk-dropdown-item-Bs5NZDRh.js";
@@ -1168,6 +1168,7 @@ var PkTiptapEditor = class PkTiptapEditor extends PkFormAssociatedElement {
 		this.placeholder = "";
 		this.readonly = false;
 		this.invalid = false;
+		this.variableTransformerRegistry = {};
 		this.variableTagConfigure = null;
 		this.invalidContentMessage = "";
 		this.toolbarTooltips = true;
@@ -1301,6 +1302,7 @@ var PkTiptapEditor = class PkTiptapEditor extends PkFormAssociatedElement {
 		super.disconnectedCallback();
 	}
 	updated(changed) {
+		if (changed.has("variableTransformerRegistry")) refreshVariableTagPresentation(this);
 		if (changed.has("value") && !changed.has("defaultValue")) this.syncEditorContent();
 		if (changed.has("defaultValue") && !this.valueHasChanged) this.syncEditorContent();
 		if (changed.has("disabled") || changed.has("readonly")) this.host.editor?.setEditable(!this.disabled && !this.readonly);
@@ -1953,6 +1955,7 @@ __decorate([n({
 	type: Boolean,
 	reflect: true
 })], PkTiptapEditor.prototype, "invalid", void 0);
+__decorate([n({ attribute: false })], PkTiptapEditor.prototype, "variableTransformerRegistry", void 0);
 __decorate([n({ attribute: false })], PkTiptapEditor.prototype, "variableTagConfigure", void 0);
 __decorate([n({ attribute: "invalid-content-message" })], PkTiptapEditor.prototype, "invalidContentMessage", void 0);
 __decorate([n({

package/dist-loader/components/tiptap/tiptap-input.js

@@ -2,7 +2,7 @@ import { a as e, c as customElement, m as i, o as r, p as b, s as n } from "../.
 import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-BGegy7-X.js";
 import { t as MirrorValidator } from "../../chunks/mirror-validator-BkZlEv1Z.js";
 import { A as Editor } from "../../chunks/tiptap-DYSRDaas.js";
-import { i as createVariableTagDomNodeView, n as tiptapInputProseMirrorStyles, s as createTiptapInputExtensions } from "../../chunks/tiptap.styles-CZUkf2K6.js";
+import { a as refreshVariableTagPresentation, c as createTiptapInputExtensions, i as createVariableTagDomNodeView, n as tiptapInputProseMirrorStyles } from "../../chunks/tiptap.styles-CJqK0Wft.js";
 //#region ../plugin-kit-tiptap-core/dist/serialization/input.js
 var TRANSFORMER_ID_PREFIX = "transform=";
 function parseTokenMetadata(tokenValue) {
@@ -353,6 +353,7 @@ var PkTiptapInput = class PkTiptapInput extends PkFormAssociatedElement {
 		this.suppressUpdateEmission = false;
 		this._value = null;
 		this.variableCategories = {};
+		this.variableTransformerRegistry = {};
 		this.variableTagConfigure = null;
 		this.readonly = false;
 		this.invalid = false;
@@ -416,6 +417,7 @@ var PkTiptapInput = class PkTiptapInput extends PkFormAssociatedElement {
 		super.disconnectedCallback();
 	}
 	updated(changed) {
+		if (changed.has("variableTransformerRegistry")) refreshVariableTagPresentation(this);
 		if (changed.has("value") && !changed.has("defaultValue")) this.syncEditorContent();
 		if (changed.has("defaultValue") && !this.valueHasChanged) this.syncEditorContent();
 		if (changed.has("variableCategories") && this.editor) this.syncEditorContent(true);
@@ -488,6 +490,7 @@ var PkTiptapInput = class PkTiptapInput extends PkFormAssociatedElement {
 __decorate([e(".editor-mount")], PkTiptapInput.prototype, "editorMount", void 0);
 __decorate([e(".mirror-input")], PkTiptapInput.prototype, "input", void 0);
 __decorate([n({ attribute: false })], PkTiptapInput.prototype, "variableCategories", void 0);
+__decorate([n({ attribute: false })], PkTiptapInput.prototype, "variableTransformerRegistry", void 0);
 __decorate([n({ attribute: false })], PkTiptapInput.prototype, "variableTagConfigure", void 0);
 __decorate([n({
 	type: Boolean,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@verbb/plugin-kit-web",
-    "version": "2.0.26",
+    "version": "2.0.27",
     "repository": {
         "url": "git+https://github.com/verbb/plugin-kit.git"
     },
@@ -1067,18 +1067,18 @@
     },
     "peerDependencies": {
         "@floating-ui/dom": "^1.7.3",
-        "@verbb/plugin-kit-core": "^2.0.26",
-        "@verbb/plugin-kit-icons": "^2.0.26",
+        "@verbb/plugin-kit-core": "^2.0.27",
+        "@verbb/plugin-kit-icons": "^2.0.27",
         "lit": "^3.3.0"
     },
     "license": "MIT",
     "dependencies": {
         "@floating-ui/dom": "^1.7.3",
         "@tiptap/core": "3.31.4",
-        "@verbb/plugin-kit-codemirror-core": "2.0.26",
-        "@verbb/plugin-kit-core": "^2.0.26",
-        "@verbb/plugin-kit-icons": "^2.0.26",
-        "@verbb/plugin-kit-tiptap-core": "^2.0.26",
+        "@verbb/plugin-kit-codemirror-core": "2.0.27",
+        "@verbb/plugin-kit-core": "^2.0.27",
+        "@verbb/plugin-kit-icons": "^2.0.27",
+        "@verbb/plugin-kit-tiptap-core": "^2.0.27",
         "composed-offset-position": "^0.0.6",
         "lit": "^3.3.0"
     },

package/dist/chunks/pk-tiptap-content-DmS_2EUi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-tiptap-content-DmS_2EUi.js","names":["_decorate"],"sources":["../../src/components/tiptap/pk-tiptap-content.styles.ts","../../src/components/tiptap/pk-tiptap-content.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkTiptapContentStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            width: 100%;\n            /* Inherit light-DOM color/size (warning banners, badges). Tokens override when set. */\n            color: var(--pk-tiptap-content-color, inherit);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-tiptap-content-font-size, inherit);\n            line-height: var(--pk-tiptap-content-line-height, 1.4);\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { customElement, property, query } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\nimport { Editor } from '@tiptap/core';\nimport {\n    createTiptapExtensions,\n    valueToContent,\n} from '@verbb/plugin-kit-tiptap-core';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { createVariableTagDomNodeView } from './variable-tag-node-view.js';\nimport { pkTiptapContentStyles } from './pk-tiptap-content.styles.js';\nimport { tiptapContentProseMirrorStyles } from './tiptap.styles.js';\n\nfunction serializeContent(doc: ReturnType<typeof valueToContent>): string {\n    if (!doc) {\n        return '[]';\n    }\n\n    if (Array.isArray(doc.content)) {\n        return JSON.stringify(doc.content);\n    }\n\n    return JSON.stringify(doc);\n}\n\n/**\n * Read-only TipTap / ProseMirror renderer.\n *\n * Pass the same `value` shapes as TiptapEditor: node array, doc object, or JSON string.\n */\n@customElement('pk-tiptap-content')\nexport class PkTiptapContent extends PkElement {\n    static override styles = [pkTiptapContentStyles, tiptapContentProseMirrorStyles];\n\n    @query('.editor-mount')\n    private editorMount!: HTMLDivElement;\n\n    private editor: Editor | null = null;\n\n    @property({ attribute: 'value' })\n    value = '';\n\n    override disconnectedCallback(): void {\n        this.editor?.destroy();\n        this.editor = null;\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') && this.editor) {\n            this.syncContent();\n        }\n\n        super.updated(changed);\n    }\n\n    override firstUpdated(): void {\n        this.mountEditor();\n    }\n\n    private mountEditor(): void {\n        this.editor = new Editor({\n            element: this.editorMount,\n            extensions: createTiptapExtensions({\n                variableTagNodeView: createVariableTagDomNodeView(),\n                surface: 'content',\n            }),\n            content: valueToContent(this.value),\n            editable: false,\n        });\n    }\n\n    private syncContent(): void {\n        if (!this.editor) {\n            return;\n        }\n\n        const doc = valueToContent(this.value) ?? { type: 'doc', content: [] };\n        const incoming = serializeContent(valueToContent(this.value));\n        const current = serializeContent(this.editor.getJSON() as ReturnType<typeof valueToContent>);\n\n        if (incoming === current) {\n            return;\n        }\n\n        this.editor.commands.setContent(doc);\n    }\n\n    override render() {\n        return html`<div class=\"editor-mount\" part=\"content\"></div>`;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tiptap-content': PkTiptapContent;\n    }\n}\n"],"mappings":";;;;;;;AAEA,IAAa,wBAAwB,GAAG;;;;;;;;;;;;;;;ACYxC,SAAS,iBAAiB,KAAgD;CACtE,IAAI,CAAC,KACD,OAAO;CAGX,IAAI,MAAM,QAAQ,IAAI,OAAO,GACzB,OAAO,KAAK,UAAU,IAAI,OAAO;CAGrC,OAAO,KAAK,UAAU,GAAG;AAC7B;AAQO,IAAM,kBAAN,MAAM,wBAAwB,UAAU;;;EAMX,KAAA,SAAA;EAGxB,KAAA,QAAA;;;EARiB,KAAA,SAAA,CAAC,uBAAuB,8BAA8B;;CAU/E,uBAAsC;EAClC,KAAK,QAAQ,QAAQ;EACrB,KAAK,SAAS;EACd,MAAM,qBAAqB;CAC/B;CAEA,QAAiB,SAA+B;EAC5C,IAAI,QAAQ,IAAI,OAAO,KAAK,KAAK,QAC7B,KAAK,YAAY;EAGrB,MAAM,QAAQ,OAAO;CACzB;CAEA,eAA8B;EAC1B,KAAK,YAAY;CACrB;CAEA,cAA4B;EACxB,KAAK,SAAS,IAAI,OAAO;GACrB,SAAS,KAAK;GACd,YAAY,uBAAuB;IAC/B,qBAAqB,6BAA6B;IAClD,SAAS;GACb,CAAC;GACD,SAAS,eAAe,KAAK,KAAK;GAClC,UAAU;EACd,CAAC;CACL;CAEA,cAA4B;EACxB,IAAI,CAAC,KAAK,QACN;EAGJ,MAAM,MAAM,eAAe,KAAK,KAAK,KAAK;GAAE,MAAM;GAAO,SAAS,CAAC;EAAE;EAIrE,IAHiB,iBAAiB,eAAe,KAAK,KAAK,CAGvD,MAFY,iBAAiB,KAAK,OAAO,QAAQ,CAEpC,GACb;EAGJ,KAAK,OAAO,SAAS,WAAW,GAAG;CACvC;CAEA,SAAkB;EACd,OAAO,IAAI;CACf;AACJ;AAzDKA,WAAA,CAAA,MAAM,eAAe,CAAA,GAAA,gBAAA,WAAA,eAAA,KAAA,CAAA;AAKrBA,WAAA,CAAA,SAAS,EAAE,WAAW,QAAQ,CAAC,CAAA,GAAA,gBAAA,WAAA,SAAA,KAAA,CAAA;AATnC,kBAAAA,WAAA,CAAA,cAAc,mBAAmB,CAAA,GAAA,eAAA"}