@verbb/plugin-kit-web 2.0.14 → 2.0.16

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

@@ -0,0 +1 @@
+{"version":3,"file":"tiptap.styles-CPRows--.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\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 syncUnresolvedPresentation = (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            label.textContent = chipLabel;\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        dom.append(label);\n        syncUnresolvedPresentation(currentNode.attrs);\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            // 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                syncUnresolvedPresentation(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 ProseMirror 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        max-width: 220px;\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__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    .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`;\n"],"mappings":";;;;AAKA,IAAM,cAAc;;;;EAIlB,MAAM;AAER,IAAa,kCAAkC;AAW/C,IAAM,kBAAkB,YAA6C;CACjE,IAAI,OAAoB;AACxB,QAAO,MAAM;AACT,MAAI,gBAAgB,eAAe,KAAK,UAAU,WAAW,YAAY,CACrE,QAAO;AAGX,SAAO,KAAK,sBAAsB,aAC5B,KAAK,WAAW,OAChB,KAAK;;AAGf,QAAO;;AAGX,IAAM,iBACF,QACA,WACC;CACD,MAAM,UAAU,OAAO,KAAK;CAC5B,MAAM,OAAO,eAAe,QAAQ;CAGpC,MAAM,YAAY,QAAQ,0BAA0B,OAC7C,KAEA,uBACD;AAEN,KAAI,OAAO,cAAc,WACrB,WAAU,OAAO;AAKrB,EADe,QAAQ,SAChB,cAAc,IAAI,YAAY,iCAAiC;EAClE,SAAS;EACT,UAAU;EACV;EACH,CAAC,CAAC;;;;;;;AAQP,SAAS,uBACL,QACA,QACF;CACE,MAAM,mBAAuC;EACzC,MAAM,MAAM,OAAO,WAAW,aAAa,QAAQ,GAAG;AACtD,SAAO,OAAO,QAAQ,WAAW,MAAM,KAAA;;CAG3C,MAAM,mBAAmB;EACrB,MAAM,MAAM,YAAY;AACxB,MAAI,OAAO,QAAQ,SACf;EAGJ,MAAM,OAAO,OAAO,MAAM,IAAI,OAAO,IAAI;AACzC,MAAI,CAAC,QAAQ,KAAK,KAAK,SAAS,cAC5B;AAGJ,SACK,OAAO,CACP,OAAO,CACP,YAAY;GAAE,MAAM;GAAK,IAAI,MAAM,KAAK;GAAU,CAAC,CACnD,KAAK;;CAGd,MAAM,oBAAoB,eAAwC;EAC9D,MAAM,MAAM,YAAY;AACxB,MAAI,OAAO,QAAQ,SACf;EAGJ,MAAM,OAAO,OAAO,MAAM,IAAI,OAAO,IAAI;AACzC,MAAI,CAAC,QAAQ,KAAK,KAAK,SAAS,cAC5B;AAGJ,SACK,OAAO,CACP,SAAS,EAAE,IAAI,eAAe;AAC3B,OAAI,SACA,IAAG,cAAc,KAAK,KAAA,GAAW;IAC7B,GAAG,KAAK;IACR,GAAG;IACN,CAAC;AAEN,UAAO;IACT,CACD,KAAK;;AAGd,QAAO;EAAE;EAAY;EAAkB;EAAY;;;;;;;AAQvD,SAAgB,+BAAiD;AAC7D,SAAQ,UAAU;EACd,MAAM,EAAE,QAAQ,WAAW;EAC3B,MAAM,EAAE,YAAY,kBAAkB,eAAe,uBAAuB,QAAQ,OAAO;EAE3F,IAAI,cAA+B,MAAM;EAEzC,MAAM,8BAA8B,UAAmC;GACnE,MAAM,aAAa,QAAQ,MAAM,WAAW;GAC5C,MAAM,QAAQ,OAAO,MAAM,SAAS,GAAG;GACvC,MAAM,YAAY,OAAO,MAAM,SAAS,MAAM,SAAS,GAAG;AAE1D,OAAI,UAAU,OAAO,+BAA+B,WAAW;AAC/D,OAAI,YAAY;AACZ,QAAI,QAAQ,aAAa;IAEzB,MAAM,cAAc,QACd,kCAAkC,UAClC;AACN,QAAI,aAAa,oBAAoB,YAAY;AACjD,UAAM,aAAa,gBAAgB,OAAO;UACvC;AACH,WAAO,IAAI,QAAQ;AACnB,QAAI,gBAAgB,mBAAmB;AACvC,UAAM,gBAAgB,eAAe;;AAGzC,SAAM,cAAc;;EAGxB,MAAM,MAAM,SAAS,cAAc,OAAO;AAC1C,MAAI,YAAY;AAChB,MAAI,KAAK,SAAS,kBAAkB;AACpC,MAAI,aAAa,mBAAmB,QAAQ;AAK5C,MAAI,aAAa,oBAAoB,GAAG;AACxC,MAAI,QAAQ,QAAQ,OAAO,YAAY,MAAM,SAAS,GAAG;AACzD,MAAI,QAAQ,gBAAgB,OAAO,YAAY,MAAM,SAAS,GAAG;EAGjE,MAAM,QAAQ,SAAS,cAAc,SAAS;AAC9C,QAAM,OAAO;AACb,QAAM,YAAY;AAClB,QAAM,YAAY;AAClB,MAAI,OAAO,MAAM;AACjB,6BAA2B,YAAY,MAAM;EAE7C,IAAI,eAAyC;EAC7C,IAAI,sBAAsB;EAC1B,IAAI,WAAW;EAEf,MAAM,sBAAsB;GACxB,MAAM,MAAM,YAAY;AACxB,OAAI,OAAO,QAAQ,UAAU;IACzB,MAAM,OAAO,OAAO,MAAM,IAAI,OAAO,IAAI;AACzC,QAAI,MAAM,KAAK,SAAS,cACpB,QAAO,EAAE,GAAG,KAAK,OAAO;;AAIhC,UAAO,EAAE,GAAG,YAAY,OAAO;;EAGnC,MAAM,sBAAsB;AACxB,OAAI,CAAC,OAAO,WACR;GAIJ,MAAM,MAAM,KAAK,KAAK;AACtB,OAAI,MAAM,WAAW,IACjB;AAEJ,cAAW;AAIX,OAAI,gBAAgB,YAAY;AAEhC,iBAAc,QAAQ;IAClB;IACA,QAAQ;IACR,OAAO,eAAe;IACtB,QAAQ;IACR;IACA;IACH,CAAC;;AAIN,QAAM,iBAAiB,gBAAgB,UAAU;AAC7C,OAAI,MAAM,WAAW,EACjB;AAGJ,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;AACvB,kBAAe;IACjB;AACF,QAAM,iBAAiB,UAAU,UAAU;AACvC,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;AACvB,kBAAe;IACjB;EAEF,MAAM,oBAAoB,aAAsB;AAC5C,OAAI,UAAU;AACV,QAAI,aACA;AAGJ,mBAAe,SAAS,cAAc,SAAS;AAC/C,iBAAa,OAAO;AACpB,iBAAa,YAAY;AACzB,iBAAa,aAAa,cAAc,SAAS;AACjD,iBAAa,YAAY;AACzB,iBAAa,YAAY;AACzB,iBAAa,iBAAiB,gBAAgB,UAAU;AACpD,WAAM,gBAAgB;AACtB,WAAM,iBAAiB;MACzB;AACF,iBAAa,iBAAiB,UAAU,UAAU;AAC9C,WAAM,gBAAgB;AACtB,WAAM,iBAAiB;AACvB,iBAAY;MACd;AACF,QAAI,OAAO,aAAa;AACxB;;AAGJ,iBAAc,QAAQ;AACtB,kBAAe;;AAGnB,mBAAiB,OAAO,WAAW;AAEnC,MAAI,YAAY,MAAM,gBAAgB,OAAO,cAAc,CAAC,qBAAqB;AAC7E,yBAAsB;AACtB,wBAAqB;AACjB,qBAAiB,EAAE,cAAc,OAAO,CAAC;AACzC,mBAAe;KACjB;;AAGN,SAAO;GACH;GAKA,YAAY,UAAU;IAClB,MAAM,SAAS,MAAM;AACrB,QAAI,EAAE,kBAAkB,SACpB,QAAO;AAGX,WAAO,QACH,OAAO,QAAQ,0BAA0B,IACtC,OAAO,QAAQ,2BAA2B,CAChD;;GAEL,kBAAkB;AACd,QAAI,UAAU,IAAI,2BAA2B;AAE7C,QAAI,gBAAgB,YAAY;;GAEpC,oBAAoB;AAChB,QAAI,UAAU,OAAO,2BAA2B;AAChD,QAAI,gBAAgB,YAAY;;GAEpC,OAAO,aAAa;AAChB,QAAI,YAAY,KAAK,SAAS,cAC1B,QAAO;AAGX,kBAAc;AACd,QAAI,QAAQ,QAAQ,OAAO,YAAY,MAAM,SAAS,GAAG;AACzD,QAAI,QAAQ,gBAAgB,OAAO,YAAY,MAAM,SAAS,GAAG;AACjE,+BAA2B,YAAY,MAAM;AAC7C,qBAAiB,OAAO,WAAW;AACnC,WAAO;;GAEd;;;;;;;;;ACpTT,IAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkF7B,IAAa,0BAA0B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAqFhC,kBAAkB;;;;;;;;;;;AAY5B,IAAa,+BAA+B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAqDrC,kBAAkB;;;AAI5B,IAAa,iCAAiC,GAAG"}

package/dist/component-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-registry.d.ts","sourceRoot":"","sources":["../src/component-registry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAsDzD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAAS,MAAM,EAAwC,CAAC;AAExF,6DAA6D;AAC7D,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAuD3D,CAAC;AAOF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAM5D,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK3D,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,wBAAwB,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAqC3D,CAAC"}
+{"version":3,"file":"component-registry.d.ts","sourceRoot":"","sources":["../src/component-registry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAwDzD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAAS,MAAM,EAAwC,CAAC;AAExF,6DAA6D;AAC7D,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAyD3D,CAAC;AAOF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAM5D,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK3D,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,wBAAwB,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAuC3D,CAAC"}

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

@@ -0,0 +1,2 @@
+export { PkAutocomplete, type PkAutocompleteAsyncOption, type PkAutocompleteFetchHandler, type PkAutocompleteFilter, type PkAutocompleteSize, } from './pk-autocomplete.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,cAAc,EACd,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,GAC1B,MAAM,sBAAsB,CAAC"}

package/dist/components/autocomplete/pk-autocomplete.d.ts

@@ -0,0 +1,150 @@
+import { PropertyValues } from 'lit';
+import { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';
+import { PkOverlaySource } from '../../events/overlay-lifecycle.js';
+import { PkValidator } from '../../validators/types.js';
+import { PkPopupPlacement } from '../popup/pk-popup.js';
+import { PkAsyncOptionFetchHandler, PkAsyncOptionItem } from '../../utils/async-option-fetch.js';
+import { PkOptionFilter } from '../../utils/option-filter.js';
+export type PkAutocompleteSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';
+export type PkAutocompleteFilter = PkOptionFilter;
+export type PkAutocompleteAsyncOption = PkAsyncOptionItem;
+export type PkAutocompleteFetchHandler = PkAsyncOptionFetchHandler;
+/**
+ * Autocomplete — freeform text field with optional list suggestions.
+ *
+ * Unlike Combobox, the committed `value` *is* the input text. Choosing a
+ * suggestion inserts that option’s value into the field; typing always wins.
+ *
+ * @slot start - Presentational decoration before the input (e.g. icons)
+ * @slot end - Presentational decoration before the clear control
+ * @slot - `pk-option` and `pk-option-group` items
+ *
+ * @csspart control - Input control wrapper
+ * @csspart start - Host start decoration container
+ * @csspart end - Host end decoration container
+ * @csspart input - Autocomplete text input
+ * @csspart clear-button - Clear value button
+ * @csspart panel-body - Scrollable listbox region inside the popup panel
+ * @csspart empty - Empty-state message
+ * @csspart async-status - Async search status message
+ *
+ * @dependency pk-popup - Positioned suggestion panel host.
+ */
+export declare class PkAutocomplete extends PkFormAssociatedElement {
+    static styles: import('lit').CSSResult[];
+    static get validators(): PkValidator[];
+    assumeInteractionOn: string[];
+    open: boolean;
+    placement: PkPopupPlacement;
+    /** Gap between the control and listbox panel in px (default: 6). */
+    sideOffset: number;
+    clearable: boolean;
+    withClear: boolean;
+    /** When true, the first matching option is highlighted on open or when filtering. */
+    autoHighlight: boolean;
+    invalid: boolean;
+    size: PkAutocompleteSize;
+    /** When `full`, the control stretches to the host width. */
+    width?: 'full';
+    /** Empty by default — consumers opt in when a prompt is useful. */
+    placeholder: string;
+    emptyMessage: string;
+    /** Freeform field value — always mirrors the visible input text. */
+    value: string;
+    defaultValue: string;
+    label: string;
+    instructions: string;
+    ariaLabel: string | null;
+    /**
+     * Whether arrow-key focus loops from the last option back to the first (and vice versa).
+     * Default: `true` (same as Combobox).
+     */
+    loopFocus: boolean;
+    /** Custom filter — `(option, query) => boolean`. Defaults to label/value substring match. */
+    filter: PkAutocompleteFilter | null;
+    /**
+     * When true, options are loaded via `fetchOptions` as the user types instead of
+     * filtering static `pk-option` children.
+     */
+    async: boolean;
+    /** Message shown while async results are loading. */
+    loadingMessage: string;
+    /** Message shown before the user types in async mode. */
+    startTypingMessage: string;
+    /** Remote search handler — `(query, signal) => Promise<options>`. */
+    fetchOptions: PkAutocompleteFetchHandler | null;
+    private readonly hasSlotController;
+    private readonly listboxId;
+    private readonly inputId;
+    private popupElement;
+    private controlElement;
+    private controlInput?;
+    input: HTMLInputElement;
+    private get panelElement();
+    private get panelBodyElement();
+    private get listScrollContainer();
+    private options;
+    private highlightedIndex;
+    private closing;
+    private panelAnimated;
+    private dismissRegistered;
+    private panelEventTarget;
+    private optionsObserver?;
+    private liveRegion?;
+    private asyncFetcher;
+    private asyncLoading;
+    private asyncError;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(changed: PropertyValues): void;
+    updated(changed: PropertyValues): void;
+    protected get validationTarget(): HTMLElement | undefined;
+    protected getAriaMirrorTarget(): HTMLElement | null;
+    protected syncFormValue(): void;
+    private syncHasValueAttribute;
+    private refreshOptions;
+    private handleOptionsMutation;
+    private bindPanelEvents;
+    private unbindPanelEvents;
+    private isOptionInHiddenGroup;
+    private getFilterQuery;
+    private get usesAsyncSearch();
+    private getVisibleOptions;
+    private getEnabledVisibleOptions;
+    private clearAsyncOptionNodes;
+    private renderAsyncOptionNodes;
+    private scheduleAsyncFetch;
+    private ensureAsyncFetcher;
+    private getAsyncStatusMessage;
+    private applyOptionState;
+    private syncValueInput;
+    private resetHighlightedIndexOnOpen;
+    private syncHighlight;
+    private getActiveDescendantId;
+    private announceFilterResults;
+    private openPanel;
+    private closePanel;
+    private registerDismissHandlers;
+    private unregisterDismissHandlers;
+    private onDocumentPointerDown;
+    private onDocumentKeyDown;
+    private handleOptionSelect;
+    private handleOptionHighlight;
+    private commitValue;
+    private handleClear;
+    private emitValueChange;
+    private handleInput;
+    private handleControlMouseDown;
+    private handleInputKeyDown;
+    private onListboxKeyDown;
+    private handleListboxKeyDownEvent;
+    hide(source?: PkOverlaySource): Promise<void>;
+    private renderHostDecorationSlot;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pk-autocomplete': PkAutocomplete;
+    }
+}
+//# sourceMappingURL=pk-autocomplete.d.ts.map

package/dist/components/autocomplete/pk-autocomplete.d.ts.map

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

package/dist/components/autocomplete/pk-autocomplete.js

@@ -0,0 +1,2 @@
+import { t as PkAutocomplete } from "../../chunks/pk-autocomplete-kOT0Zlld.js";
+export { PkAutocomplete };

package/dist/components/autocomplete/pk-autocomplete.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Autocomplete chrome matches `pk-input` (text field), not Combobox’s slate
+ * select fill / chevron affordance. Panel / listbox tokens stay shared with
+ * Combobox so suggestion rows look the same.
+ */
+export declare const pkAutocompleteStyles: import('lit').CSSResult[];
+//# sourceMappingURL=pk-autocomplete.styles.d.ts.map

package/dist/components/autocomplete/pk-autocomplete.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pk-autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../src/components/autocomplete/pk-autocomplete.styles.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,2BAsShC,CAAC"}

package/dist/components/autocomplete.d.ts

@@ -0,0 +1,2 @@
+export * from './autocomplete/index'
+export {}

package/dist/components/autocomplete.js

@@ -0,0 +1,2 @@
+import { t as PkAutocomplete } from "../chunks/pk-autocomplete-kOT0Zlld.js";
+export { PkAutocomplete };

package/dist/components/button/pk-button.d.ts

@@ -10,14 +10,33 @@ export type PkButtonSize = 'default' | 'xxs' | 'xs' | 'sm' | 'lg' | 'xl' | 'none
  * @slot start - Leading icon or prefix
  * @slot end - Trailing icon or suffix
  *
- * @csspart base - The native button element
+ * @csspart base - The native button / link element
+ *
+ * @cssproperty [--pk-btn-height=var(--pk-btn-height-default)] - Control height (also min-height).
+ * @cssproperty [--pk-btn-font=var(--pk-btn-font-default)] - Label font size.
+ * @cssproperty [--pk-btn-padding-inline=var(--pk-btn-padding-inline-default)] - Horizontal padding.
+ * @cssproperty [--pk-btn-padding-block=0] - Vertical padding override.
+ * @cssproperty [--pk-btn-icon-size=var(--pk-btn-icon-size-default)] - Start/end slot glyph size.
+ * @cssproperty [--pk-btn-icon-gap=var(--pk-btn-icon-gap-default)] - Gap between icons and label.
+ * @cssproperty [--pk-btn-caret-size=var(--pk-btn-caret-size-default)] - Built-in caret glyph size.
+ * @cssproperty [--pk-btn-radius=var(--pk-btn-radius-default)] - Border radius.
+ * @cssproperty [--pk-btn-fill] - Background fill (filled variants).
+ * @cssproperty [--pk-btn-fill-hover] - Hover fill.
+ * @cssproperty [--pk-btn-fill-active] - Active / pressed fill.
+ * @cssproperty [--pk-btn-on] - Foreground color on filled variants.
+ *
+ * @dependency pk-spinner - Loading indicator rendered while `loading` is set.
  */
 export declare class PkButton extends PkElement {
     static shadowRootOptions: ShadowRootInit;
     static styles: import('lit').CSSResult[];
+    /** Visual treatment — filled, outline, link, etc. */
     variant: PkButtonVariant;
+    /** Shared CP size scale (`xxs` … `xl`); `none` skips presets for host token overrides. */
     size: PkButtonSize;
+    /** Disables the control and blocks activation. */
     disabled: boolean;
+    /** Shows an inline spinner and prevents activation while busy. */
     loading: boolean;
     /**
      * Override loading spinner size. When unset, derived from `size` via
@@ -25,8 +44,11 @@ export declare class PkButton extends PkElement {
      * Formie New Form passes `xs` on `size="lg"` so the ring stays size-4 (1rem), not sm (1.5rem).
      */
     spinnerSize?: PkSpinnerSize;
+    /** Loading spinner visual style. Defaults from the button variant when unset. */
     spinnerVariant?: PkSpinnerVariant;
+    /** Loading spinner tone. Defaults from the button variant when unset. */
     spinnerTone?: PkSpinnerTone;
+    /** Shows a disclosure caret after the label. */
     withCaret: boolean;
     /**
      * Compact chevron-only trigger for grouped split actions — Craft `.menubtn`.
@@ -46,12 +68,26 @@ export declare class PkButton extends PkElement {
      * For one-off dimensions use `size="none"` and set `--pk-btn-*` on the host.
      */
     icon: boolean;
+    /** When set, renders as an anchor instead of a button. */
     href?: string;
+    /** Anchor `target` when `href` is set. */
     target?: string;
+    /** Anchor `rel` when `href` is set. */
     rel?: string;
+    /** Native `name` when used as a submit/reset control. */
     name?: string;
+    /** Native `value` when used as a submit control. */
     value?: string;
+    /**
+     * Accessible name for icon-only / unlabeled controls.
+     * Applied as `aria-label` — never as HTML `title` (no native hover tooltip).
+     * Prefer the `aria-label` attribute when setting from markup; `title` remains
+     * as a concise alias for the same accessible name.
+     */
     title: string;
+    /** Accessible name — wins over {@link title} when both are set. */
+    ariaLabel: string | null;
+    /** Native button type — ignored when `href` is set. */
     type: 'button' | 'submit' | 'reset';
     /**
      * HTML form owner id — same as native `<button form="…">`.

package/dist/components/button/pk-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pk-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/pk-button.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE/F,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAGlC,MAAM,MAAM,eAAe,GACrB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,aAAa,GACb,MAAM,GACN,QAAQ,GACR,MAAM,CAAC;AAEb,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAIlF;;;;;;;;GAQG;AACH,qBACa,QAAS,SAAQ,SAAS;IACnC,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,OAAgB,MAAM,4BAAkB;IAGxC,OAAO,EAAE,eAAe,CAAa;IAGrC,IAAI,EAAE,YAAY,CAAa;IAG/B,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,WAAW,CAAC,EAAE,aAAa,CAAC;IAG5B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAGlC,WAAW,CAAC,EAAE,aAAa,CAAC;IAG5B,SAAS,UAAS;IAElB;;;;;;;OAOG;IAEH,YAAY,UAAS;IAErB;;;;;;;OAOG;IAEH,IAAI,UAAS;IAGb,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,KAAK,SAAM;IAGX,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C;;;OAGG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,CAAC,qBAAqB,CAAS;IAGtC,OAAO,CAAC,mBAAmB,CAAS;IAGpC,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,aAAa;IAUZ,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAKrC;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAoB7B;;;;OAIG;IACH,OAAO,CAAC,eAAe,CA8BrB;IAEO,MAAM;IAsCf,OAAO,CAAC,WAAW;CA4CtB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ"}
+{"version":3,"file":"pk-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/pk-button.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE/F,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAGlC,MAAM,MAAM,eAAe,GACrB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,aAAa,GACb,MAAM,GACN,QAAQ,GACR,MAAM,CAAC;AAEb,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAIlF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBACa,QAAS,SAAQ,SAAS;IACnC,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,OAAgB,MAAM,4BAAkB;IAExC,qDAAqD;IAErD,OAAO,EAAE,eAAe,CAAa;IAErC,0FAA0F;IAE1F,IAAI,EAAE,YAAY,CAAa;IAE/B,kDAAkD;IAElD,QAAQ,UAAS;IAEjB,kEAAkE;IAElE,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,WAAW,CAAC,EAAE,aAAa,CAAC;IAE5B,iFAAiF;IAEjF,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAElC,yEAAyE;IAEzE,WAAW,CAAC,EAAE,aAAa,CAAC;IAE5B,gDAAgD;IAEhD,SAAS,UAAS;IAElB;;;;;;;OAOG;IAEH,YAAY,UAAS;IAErB;;;;;;;OAOG;IAEH,IAAI,UAAS;IAEb,0DAA0D;IAE1D,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,0CAA0C;IAE1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,uCAAuC;IAEvC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,yDAAyD;IAEzD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oDAAoD;IAEpD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IAEH,KAAK,SAAM;IAEX,mEAAmE;IAEnE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhC,uDAAuD;IAEvD,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C;;;OAGG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,CAAC,qBAAqB,CAAS;IAGtC,OAAO,CAAC,mBAAmB,CAAS;IAGpC,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,aAAa;IAUZ,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAKrC;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAoB7B;;;;OAIG;IACH,OAAO,CAAC,eAAe,CA8BrB;IAEO,MAAM;IAwCf,OAAO,CAAC,WAAW;CA4CtB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ"}

package/dist/components/button/pk-button.js

@@ -1,2 +1,2 @@
-import { t as PkButton } from "../../chunks/pk-button-QpDDlRbG.js";
+import { t as PkButton } from "../../chunks/pk-button-BrH4u4Qr.js";
 export { PkButton };

package/dist/components/button-group/pk-button-group-separator.js

@@ -1,2 +1,2 @@
-import { t as PkButtonGroupSeparator } from "../../chunks/pk-button-group-separator-DG0CYaqc.js";
+import { t as PkButtonGroupSeparator } from "../../chunks/pk-button-group-separator-DH3Rl24b.js";
 export { PkButtonGroupSeparator };

package/dist/components/button-group/pk-button-group-text.js

@@ -1,2 +1,2 @@
-import { t as PkButtonGroupText } from "../../chunks/pk-button-group-text-C5z4P7ur.js";
+import { t as PkButtonGroupText } from "../../chunks/pk-button-group-text-Qro_KmZb.js";
 export { PkButtonGroupText };

package/dist/components/button-group/pk-button-group.js

@@ -1,2 +1,2 @@
-import { t as PkButtonGroup } from "../../chunks/pk-button-group-D9hqSfb_.js";
+import { t as PkButtonGroup } from "../../chunks/pk-button-group-BSz5T5iS.js";
 export { PkButtonGroup };

package/dist/components/button-group.js

@@ -1,4 +1,4 @@
-import { t as PkButtonGroup } from "../chunks/pk-button-group-D9hqSfb_.js";
-import { t as PkButtonGroupSeparator } from "../chunks/pk-button-group-separator-DG0CYaqc.js";
-import { t as PkButtonGroupText } from "../chunks/pk-button-group-text-C5z4P7ur.js";
+import { t as PkButtonGroup } from "../chunks/pk-button-group-BSz5T5iS.js";
+import { t as PkButtonGroupSeparator } from "../chunks/pk-button-group-separator-DH3Rl24b.js";
+import { t as PkButtonGroupText } from "../chunks/pk-button-group-text-Qro_KmZb.js";
 export { PkButtonGroup, PkButtonGroupSeparator, PkButtonGroupText };

package/dist/components/button.js

@@ -1,2 +1,2 @@
-import { t as PkButton } from "../chunks/pk-button-QpDDlRbG.js";
+import { t as PkButton } from "../chunks/pk-button-BrH4u4Qr.js";
 export { PkButton };

package/dist/components/calendar/pk-calendar.js

@@ -1,2 +1,2 @@
-import { t as PkCalendar } from "../../chunks/pk-calendar-CoUil0F7.js";
+import { t as PkCalendar } from "../../chunks/pk-calendar-Z7Y0PjeY.js";
 export { PkCalendar };

package/dist/components/calendar.js

@@ -1,2 +1,2 @@
-import { t as PkCalendar } from "../chunks/pk-calendar-CoUil0F7.js";
+import { t as PkCalendar } from "../chunks/pk-calendar-Z7Y0PjeY.js";
 export { PkCalendar };

package/dist/components/checkbox/pk-checkbox.js

@@ -1,2 +1,2 @@
-import { t as PkCheckbox } from "../../chunks/pk-checkbox-Bavq3-9C.js";
+import { t as PkCheckbox } from "../../chunks/pk-checkbox-CfV1uDdC.js";
 export { PkCheckbox };

package/dist/components/checkbox-select/pk-checkbox-select.js

@@ -1,2 +1,2 @@
-import { n as PkCheckboxSelect, t as ALL_VALUE } from "../../chunks/pk-checkbox-select-9lqd9Rwz.js";
+import { n as PkCheckboxSelect, t as ALL_VALUE } from "../../chunks/pk-checkbox-select-DeCaI3a0.js";
 export { ALL_VALUE, PkCheckboxSelect };

package/dist/components/checkbox-select.js

@@ -1,2 +1,2 @@
-import { n as PkCheckboxSelect, t as ALL_VALUE } from "../chunks/pk-checkbox-select-9lqd9Rwz.js";
+import { n as PkCheckboxSelect, t as ALL_VALUE } from "../chunks/pk-checkbox-select-DeCaI3a0.js";
 export { ALL_VALUE, PkCheckboxSelect };

package/dist/components/checkbox.js

@@ -1,2 +1,2 @@
-import { t as PkCheckbox } from "../chunks/pk-checkbox-Bavq3-9C.js";
+import { t as PkCheckbox } from "../chunks/pk-checkbox-CfV1uDdC.js";
 export { PkCheckbox };

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

@@ -1,2 +1,2 @@
-import { t as PkCodeEditor } from "../../chunks/pk-code-editor-DSG6AwLV.js";
+import { t as PkCodeEditor } from "../../chunks/pk-code-editor-BG9sG_Fy.js";
 export { PkCodeEditor };

package/dist/components/code-editor.js

@@ -1,2 +1,2 @@
-import { t as PkCodeEditor } from "../chunks/pk-code-editor-DSG6AwLV.js";
+import { t as PkCodeEditor } from "../chunks/pk-code-editor-BG9sG_Fy.js";
 export { PkCodeEditor };

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

@@ -1,2 +1,2 @@
-import { t as PkColorInput } from "../../chunks/pk-color-input-BCCXCZMA.js";
+import { t as PkColorInput } from "../../chunks/pk-color-input-CncNce1C.js";
 export { PkColorInput };

package/dist/components/color-input.js

@@ -1,2 +1,2 @@
-import { t as PkColorInput } from "../chunks/pk-color-input-BCCXCZMA.js";
+import { t as PkColorInput } from "../chunks/pk-color-input-CncNce1C.js";
 export { PkColorInput };

package/dist/components/combobox/pk-combobox.d.ts

@@ -3,14 +3,13 @@ import { PkFormAssociatedElement } from '../../base/pk-form-associated-element.j
 import { PkOverlaySource } from '../../events/overlay-lifecycle.js';
 import { PkValidator } from '../../validators/types.js';
 import { PkPopupPlacement } from '../popup/pk-popup.js';
-import { PkOption } from '../select/pk-option.js';
+import { PkAsyncOptionFetchHandler, PkAsyncOptionItem } from '../../utils/async-option-fetch.js';
+import { PkOptionFilter } from '../../utils/option-filter.js';
 export type PkComboboxSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';
-export type PkComboboxFilter = (option: PkOption, query: string) => boolean;
-export type PkComboboxAsyncOption = {
-    value: string;
-    label: string;
-};
-export type PkComboboxFetchHandler = (query: string, signal: AbortSignal) => Promise<PkComboboxAsyncOption[]>;
+/** Alias of `PkOptionFilter` — public Combobox filter API. */
+export type PkComboboxFilter = PkOptionFilter;
+export type PkComboboxAsyncOption = PkAsyncOptionItem;
+export type PkComboboxFetchHandler = PkAsyncOptionFetchHandler;
 /**
  * Combobox — searchable select with separate input and selection state.
  *
@@ -118,10 +117,8 @@ export declare class PkCombobox extends PkFormAssociatedElement {
     private panelEventTarget;
     private optionsObserver?;
     private liveRegion?;
-    private fetchAbortController?;
-    private asyncFetchTimer?;
-    private asyncFetchRequestId;
     private selectedOptionMeta;
+    private asyncFetcher;
     private asyncLoading;
     private asyncError;
     connectedCallback(): void;
@@ -141,7 +138,6 @@ export declare class PkCombobox extends PkFormAssociatedElement {
     private bindPanelEvents;
     private unbindPanelEvents;
     private isOptionInHiddenGroup;
-    private defaultFilter;
     private matchesFilter;
     private getFilterQuery;
     private getVisibleOptions;
@@ -155,9 +151,8 @@ export declare class PkCombobox extends PkFormAssociatedElement {
     private mergeAsyncItems;
     private syncSelectedOptionMeta;
     private scheduleAsyncFetch;
-    private runAsyncFetch;
+    private ensureAsyncFetcher;
     private getAsyncStatusMessage;
-    private shouldShowAsyncEmpty;
     private isSelected;
     private getDisplayInputValue;
     private getTriggerDisplayValue;
@@ -180,7 +175,6 @@ export declare class PkCombobox extends PkFormAssociatedElement {
     private commitInputOnClose;
     private shouldCommitCustomValueOnClose;
     private closePanel;
-    private waitForExitAnimation;
     private shouldReturnFocusToInput;
     private registerDismissHandlers;
     private unregisterDismissHandlers;

package/dist/components/combobox/pk-combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pk-combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/pk-combobox.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pk-combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/pk-combobox.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAInF,OAAO,EAKH,KAAK,eAAe,EACvB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAG7D,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAW,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAatE,OAAO,EAEH,KAAK,yBAAyB,EAC9B,KAAK,iBAAiB,EACzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAKxF,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnE,8DAA8D;AAC9D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;AAEtD,MAAM,MAAM,sBAAsB,GAAG,yBAAyB,CAAC;AAI/D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,UAAW,SAAQ,uBAAuB;IACnD,OAAgB,MAAM,4BAAoB;IAE1C,WAAoB,UAAU,IAAI,WAAW,EAAE,CAgC9C;IAEQ,mBAAmB,WAAqB;IAGjD,IAAI,UAAS;IAGb,QAAQ,UAAS;IAGjB,SAAS,EAAE,gBAAgB,CAAkB;IAE7C,oEAAoE;IAEpE,UAAU,SAAK;IAGf,SAAS,UAAS;IAGlB,SAAS,UAAS;IAGlB,WAAW,UAAS;IAGpB,gBAAgB,UAAS;IAEzB,qFAAqF;IAErF,aAAa,UAAS;IAEtB,mGAAmG;IAEnG,SAAS,UAAS;IAGlB,iBAAiB,SAAY;IAG7B,OAAO,UAAS;IAGhB,IAAI,EAAE,cAAc,CAAa;IAEjC,4DAA4D;IAE5D,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mEAAmE;IAEnE,WAAW,SAAM;IAGjB,YAAY,SAAuB;IAGnC,KAAK,SAAM;IAGX,YAAY,SAAM;IAGlB,MAAM,EAAE,MAAM,EAAE,CAAM;IAGtB,aAAa,EAAE,MAAM,EAAE,CAAM;IAG7B,KAAK,SAAM;IAGX,YAAY,SAAM;IAGlB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IAEH,SAAS,UAAQ;IAEjB,6FAA6F;IAE7F,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAEvC;;;OAGG;IAEH,KAAK,UAAS;IAEd,qDAAqD;IAErD,cAAc,SAAgB;IAE9B,yDAAyD;IAEzD,kBAAkB,SAA6B;IAE/C,qEAAqE;IAErE,YAAY,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IAEnD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAA+C;IAEjF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAmC;IAC7D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAiC;IACzD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAkC;IAGjE,OAAO,CAAC,YAAY,CAAW;IAG/B,OAAO,CAAC,cAAc,CAAe;IAGrC,OAAO,CAAC,YAAY,CAAC,CAAmB;IAGxC,OAAO,CAAC,YAAY,CAAC,CAAoB;IAGzC,OAAO,CAAC,mBAAmB,CAAC,CAAoB;IAGvC,KAAK,EAAG,gBAAgB,CAAC;IAElC,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,6FAA6F;IAC7F,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,KAAK,mBAAmB,GAE9B;IAED,OAAO,CAAC,OAAO,CAAkB;IAEjC,qEAAqE;IAErE,OAAO,CAAC,UAAU,CAAM;IAExB,kGAAkG;IAClG,OAAO,CAAC,oBAAoB,CAAS;IAGrC,OAAO,CAAC,gBAAgB,CAAM;IAG9B,OAAO,CAAC,uBAAuB,CAAS;IAGxC,OAAO,CAAC,OAAO,CAAS;IAGxB,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,eAAe,CAAC,CAAmB;IAC3C,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC,OAAO,CAAC,kBAAkB,CAAsC;IAChE,OAAO,CAAC,YAAY,CAAmC;IAGvD,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,UAAU,CAAuB;IAEhC,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAW5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAU/C,cAAuB,gBAAgB,IAAI,WAAW,GAAG,SAAS,CAEjE;cAEkB,mBAAmB,IAAI,WAAW,GAAG,IAAI;cAIzC,aAAa,IAAI,IAAI;cAoBrB,mBAAmB,IAAI,IAAI;cAW3B,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAWjF,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,qBAAqB,CAW3B;IAEF,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,WAAW,CAEjB;IAEF,wFAAwF;IACxF,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,sBAAsB;IAc9B,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,kBAAkB;IAiC1B,OAAO,CAAC,qBAAqB;IA0B7B,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,sBAAsB;IAuB9B,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,+BAA+B;IAkBvC,OAAO,CAAC,2BAA2B;IAcnC,OAAO,CAAC,aAAa;IAiDrB,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,qBAAqB;IAwB7B,OAAO,CAAC,WAAW,CAajB;IAEI,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAQrB,IAAI,CAAC,MAAM,GAAE,eAAuB,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ1D,OAAO,CAAC,SAAS;IAgGjB,OAAO,CAAC,0BAA0B;IA0BlC,OAAO,CAAC,kBAAkB;IA+B1B,OAAO,CAAC,8BAA8B;YAIxB,UAAU;IAiExB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,yBAAyB;IAUjC,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,qBAAqB,CAM3B;IAEF,OAAO,CAAC,iBAAiB,CAiDvB;IAEF,OAAO,CAAC,kBAAkB,CAmBxB;IAEF,OAAO,CAAC,kBAAkB;IAoC1B,OAAO,CAAC,qBAAqB,CAc3B;IAEF,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,sBAAsB,CAoC5B;IAEF,OAAO,CAAC,oBAAoB,CAe1B;IAEF,OAAO,CAAC,kBAAkB;IAyE1B,OAAO,CAAC,yBAAyB,CAM/B;IAEF,OAAO,CAAC,gBAAgB;IA8ExB,OAAO,CAAC,sBAAsB,CAQ5B;IAEF,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,wBAAwB;IAchC,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,UAAU;IAkBlB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,WAAW;IA6BnB,OAAO,CAAC,gBAAgB;IA0BxB,OAAO,CAAC,kBAAkB;IA2B1B,OAAO,CAAC,oBAAoB;IAsDnB,MAAM;CAoGlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,UAAU,CAAC;KAC7B;CACJ"}

package/dist/components/combobox/pk-combobox.js

@@ -1,2 +1,2 @@
-import { t as PkCombobox } from "../../chunks/pk-combobox-BqaSsLJb.js";
+import { t as PkCombobox } from "../../chunks/pk-combobox-Dn7UJ_CV.js";
 export { PkCombobox };

package/dist/components/combobox/pk-combobox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pk-combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/pk-combobox.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,2BAstB5B,CAAC"}
+{"version":3,"file":"pk-combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/pk-combobox.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,2BAutB5B,CAAC"}

package/dist/components/combobox.js

@@ -1,2 +1,2 @@
-import { t as PkCombobox } from "../chunks/pk-combobox-BqaSsLJb.js";
+import { t as PkCombobox } from "../chunks/pk-combobox-Dn7UJ_CV.js";
 export { PkCombobox };

package/dist/components/connect/pk-connect-oauth.js

@@ -1,9 +1,8 @@
-import { t as __decorate } from "../../chunks/decorate-W02hmVTt.js";
-import "../../chunks/pk-button-QpDDlRbG.js";
-import "../../chunks/pk-status-7_5dEuw-.js";
-import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-DshgIW2n.js";
+import { i as property, o as state, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
+import "../../chunks/pk-button-BrH4u4Qr.js";
+import "../../chunks/pk-status-BehQARDv.js";
+import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-BhW406jt.js";
 import { LitElement, html } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
 import { submitCpFormAction, watchCpFormDirty } from "@verbb/plugin-kit-core";
 //#region src/components/connect/pk-connect-oauth.ts
 var PkConnectOauth = class PkConnectOauth extends LitElement {

package/dist/components/connect/pk-connect-oauth.js.map

@@ -1 +1 @@
-{"version":3,"file":"pk-connect-oauth.js","names":[],"sources":["../../../src/components/connect/pk-connect-oauth.ts"],"sourcesContent":["import { submitCpFormAction, watchCpFormDirty } from '@verbb/plugin-kit-core';\nimport { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport '../button/pk-button.js';\nimport '../status/pk-status.js';\nimport { pkConnectStyles } from './pk-connect.styles.js';\n\n/**\n * OAuth connect row for Craft CP settings.\n *\n * **Light DOM** — the row mounts inside Craft's `.field.lightswitch-field` wrapper and\n * reuses CP column classes (`.heading` / `.input`) so it lines up with Provider/Enabled\n * rows without shadow-piercing or duplicating Craft field chrome. Action buttons use\n * `pk-button`; submission goes through `Craft.submitForm` (same as `.formsubmit`).\n */\n@customElement('pk-connect-oauth')\nexport class PkConnectOauth extends LitElement {\n    static override styles = pkConnectStyles;\n\n    @property({ type: Boolean, reflect: true })\n    connected = false;\n\n    @property({ attribute: 'connect-action' })\n    connectAction = '';\n\n    @property({ attribute: 'disconnect-action' })\n    disconnectAction = '';\n\n    @property({ attribute: 'param-name' })\n    paramName = '';\n\n    @property({ attribute: 'param-value' })\n    paramValue = '';\n\n    @property({ attribute: 'connect-redirect' })\n    connectRedirect = '';\n\n    @property({ attribute: 'disconnect-redirect' })\n    disconnectRedirect = '';\n\n    @property({ attribute: 'form-selector' })\n    formSelector = '#main-form';\n\n    /** When true, skip dirty-form watching (e.g. Formie read-only OAuth mini-form). */\n    @property({ type: Boolean, attribute: 'skip-dirty-watch' })\n    skipDirtyWatch = false;\n\n    @property({ attribute: 'label-connected' })\n    labelConnected = 'Connected';\n\n    @property({ attribute: 'label-not-connected' })\n    labelNotConnected = 'Not Connected';\n\n    @property({ attribute: 'label-connect' })\n    labelConnect = 'Connect';\n\n    @property({ attribute: 'label-disconnect' })\n    labelDisconnect = 'Disconnect';\n\n    @property({ attribute: 'label-save-to-connect' })\n    labelSaveToConnect = 'Save to connect.';\n\n    @state()\n    private isDirty = false;\n\n    private unwatchDirty: (() => void) | null = null;\n\n    override createRenderRoot(): HTMLElement | DocumentFragment {\n        return this;\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n\n        if (this.skipDirtyWatch) {\n            return;\n        }\n\n        this.unwatchDirty = watchCpFormDirty({\n            formSelector: this.formSelector,\n            host: this,\n            onDirty: () => {\n                this.isDirty = true;\n            },\n        });\n    }\n\n    override disconnectedCallback(): void {\n        this.unwatchDirty?.();\n        this.unwatchDirty = null;\n        super.disconnectedCallback();\n    }\n\n    private submitOAuthAction(action: string, redirect: string): void {\n        submitCpFormAction({\n            formSelector: this.formSelector,\n            host: this,\n            action,\n            redirect,\n            paramName: this.paramName,\n            paramValue: this.paramValue,\n        });\n    }\n\n    private handleConnectClick(event: Event): void {\n        event.preventDefault();\n        this.submitOAuthAction(this.connectAction, this.connectRedirect);\n    }\n\n    private handleDisconnectClick(event: Event): void {\n        event.preventDefault();\n        this.submitOAuthAction(this.disconnectAction, this.disconnectRedirect);\n    }\n\n    override render() {\n        if (this.isDirty) {\n            return html`\n                <div class=\"heading\">\n                    <span class=\"warning with-icon\">${this.labelSaveToConnect}</span>\n                </div>\n            `;\n        }\n\n        if (this.connected) {\n            return html`\n                <div class=\"heading\">\n                    <pk-status status=\"on\" class=\"pk-connect__status-icon\"></pk-status>${this.labelConnected}\n                </div>\n\n                <div class=\"input ltr\">\n                    <pk-button\n                        type=\"button\"\n                        size=\"xs\"\n                        variant=\"default\"\n                        class=\"pk-connect__action\"\n                        @click=${this.handleDisconnectClick}\n                    >\n                        ${this.labelDisconnect}\n                    </pk-button>\n                </div>\n            `;\n        }\n\n        return html`\n            <div class=\"heading\">\n                <pk-status status=\"disabled\" class=\"pk-connect__status-icon\"></pk-status><span class=\"light\">${this.labelNotConnected}</span>\n            </div>\n\n            <div class=\"input ltr\">\n                <pk-button\n                    type=\"button\"\n                    size=\"xs\"\n                    variant=\"default\"\n                    class=\"pk-connect__action\"\n                    @click=${this.handleConnectClick}\n                >\n                    ${this.labelConnect}\n                </pk-button>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-connect-oauth': PkConnectOauth;\n    }\n}\n"],"mappings":";;;;;;;;AAiBO,IAAA,iBAAA,MAAM,uBAAuB,WAAW;;;mBAI/B;uBAGI;0BAGG;mBAGP;oBAGC;yBAGK;4BAGG;sBAGN;wBAIE;wBAGA;2BAGG;sBAGL;yBAGG;4BAGG;iBAGH;sBAE0B;;;gBAhDnB;;CAkDzB,mBAA4D;AACxD,SAAO;;CAGX,oBAAmC;AAC/B,QAAM,mBAAmB;AAEzB,MAAI,KAAK,eACL;AAGJ,OAAK,eAAe,iBAAiB;GACjC,cAAc,KAAK;GACnB,MAAM;GACN,eAAe;AACX,SAAK,UAAU;;GAEtB,CAAC;;CAGN,uBAAsC;AAClC,OAAK,gBAAgB;AACrB,OAAK,eAAe;AACpB,QAAM,sBAAsB;;CAGhC,kBAA0B,QAAgB,UAAwB;AAC9D,qBAAmB;GACf,cAAc,KAAK;GACnB,MAAM;GACN;GACA;GACA,WAAW,KAAK;GAChB,YAAY,KAAK;GACpB,CAAC;;CAGN,mBAA2B,OAAoB;AAC3C,QAAM,gBAAgB;AACtB,OAAK,kBAAkB,KAAK,eAAe,KAAK,gBAAgB;;CAGpE,sBAA8B,OAAoB;AAC9C,QAAM,gBAAgB;AACtB,OAAK,kBAAkB,KAAK,kBAAkB,KAAK,mBAAmB;;CAG1E,SAAkB;AACd,MAAI,KAAK,QACL,QAAO,IAAI;;sDAE+B,KAAK,mBAAmB;;;AAKtE,MAAI,KAAK,UACL,QAAO,IAAI;;yFAEkE,KAAK,eAAe;;;;;;;;;iCAS5E,KAAK,sBAAsB;;0BAElC,KAAK,gBAAgB;;;;AAMvC,SAAO,IAAI;;+GAE4F,KAAK,kBAAkB;;;;;;;;;6BASzG,KAAK,mBAAmB;;sBAE/B,KAAK,aAAa;;;;;;YAzInC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,aAAA,KAAA,EAAA;YAG1C,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,EAAA,eAAA,WAAA,iBAAA,KAAA,EAAA;YAGzC,SAAS,EAAE,WAAW,qBAAqB,CAAC,CAAA,EAAA,eAAA,WAAA,oBAAA,KAAA,EAAA;YAG5C,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,eAAA,WAAA,aAAA,KAAA,EAAA;YAGrC,SAAS,EAAE,WAAW,eAAe,CAAC,CAAA,EAAA,eAAA,WAAA,cAAA,KAAA,EAAA;YAGtC,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,eAAA,WAAA,mBAAA,KAAA,EAAA;YAG3C,SAAS,EAAE,WAAW,uBAAuB,CAAC,CAAA,EAAA,eAAA,WAAA,sBAAA,KAAA,EAAA;YAG9C,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,eAAA,WAAA,gBAAA,KAAA,EAAA;YAIxC,SAAS;CAAE,MAAM;CAAS,WAAW;CAAoB,CAAC,CAAA,EAAA,eAAA,WAAA,kBAAA,KAAA,EAAA;YAG1D,SAAS,EAAE,WAAW,mBAAmB,CAAC,CAAA,EAAA,eAAA,WAAA,kBAAA,KAAA,EAAA;YAG1C,SAAS,EAAE,WAAW,uBAAuB,CAAC,CAAA,EAAA,eAAA,WAAA,qBAAA,KAAA,EAAA;YAG9C,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,eAAA,WAAA,gBAAA,KAAA,EAAA;YAGxC,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,eAAA,WAAA,mBAAA,KAAA,EAAA;YAG3C,SAAS,EAAE,WAAW,yBAAyB,CAAC,CAAA,EAAA,eAAA,WAAA,sBAAA,KAAA,EAAA;YAGhD,OAAO,CAAA,EAAA,eAAA,WAAA,WAAA,KAAA,EAAA;6BA/CX,cAAc,mBAAmB,CAAA,EAAA,eAAA"}
+{"version":3,"file":"pk-connect-oauth.js","names":[],"sources":["../../../src/components/connect/pk-connect-oauth.ts"],"sourcesContent":["import { submitCpFormAction, watchCpFormDirty } from '@verbb/plugin-kit-core';\nimport { html, LitElement } from 'lit';\nimport { customElement, property, state } from '../../decorators.js';\n\nimport '../button/pk-button.js';\nimport '../status/pk-status.js';\nimport { pkConnectStyles } from './pk-connect.styles.js';\n\n/**\n * OAuth connect row for Craft CP settings.\n *\n * **Light DOM** — the row mounts inside Craft's `.field.lightswitch-field` wrapper and\n * reuses CP column classes (`.heading` / `.input`) so it lines up with Provider/Enabled\n * rows without shadow-piercing or duplicating Craft field chrome. Action buttons use\n * `pk-button`; submission goes through `Craft.submitForm` (same as `.formsubmit`).\n */\n@customElement('pk-connect-oauth')\nexport class PkConnectOauth extends LitElement {\n    static override styles = pkConnectStyles;\n\n    @property({ type: Boolean, reflect: true })\n    connected = false;\n\n    @property({ attribute: 'connect-action' })\n    connectAction = '';\n\n    @property({ attribute: 'disconnect-action' })\n    disconnectAction = '';\n\n    @property({ attribute: 'param-name' })\n    paramName = '';\n\n    @property({ attribute: 'param-value' })\n    paramValue = '';\n\n    @property({ attribute: 'connect-redirect' })\n    connectRedirect = '';\n\n    @property({ attribute: 'disconnect-redirect' })\n    disconnectRedirect = '';\n\n    @property({ attribute: 'form-selector' })\n    formSelector = '#main-form';\n\n    /** When true, skip dirty-form watching (e.g. Formie read-only OAuth mini-form). */\n    @property({ type: Boolean, attribute: 'skip-dirty-watch' })\n    skipDirtyWatch = false;\n\n    @property({ attribute: 'label-connected' })\n    labelConnected = 'Connected';\n\n    @property({ attribute: 'label-not-connected' })\n    labelNotConnected = 'Not Connected';\n\n    @property({ attribute: 'label-connect' })\n    labelConnect = 'Connect';\n\n    @property({ attribute: 'label-disconnect' })\n    labelDisconnect = 'Disconnect';\n\n    @property({ attribute: 'label-save-to-connect' })\n    labelSaveToConnect = 'Save to connect.';\n\n    @state()\n    private isDirty = false;\n\n    private unwatchDirty: (() => void) | null = null;\n\n    override createRenderRoot(): HTMLElement | DocumentFragment {\n        return this;\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n\n        if (this.skipDirtyWatch) {\n            return;\n        }\n\n        this.unwatchDirty = watchCpFormDirty({\n            formSelector: this.formSelector,\n            host: this,\n            onDirty: () => {\n                this.isDirty = true;\n            },\n        });\n    }\n\n    override disconnectedCallback(): void {\n        this.unwatchDirty?.();\n        this.unwatchDirty = null;\n        super.disconnectedCallback();\n    }\n\n    private submitOAuthAction(action: string, redirect: string): void {\n        submitCpFormAction({\n            formSelector: this.formSelector,\n            host: this,\n            action,\n            redirect,\n            paramName: this.paramName,\n            paramValue: this.paramValue,\n        });\n    }\n\n    private handleConnectClick(event: Event): void {\n        event.preventDefault();\n        this.submitOAuthAction(this.connectAction, this.connectRedirect);\n    }\n\n    private handleDisconnectClick(event: Event): void {\n        event.preventDefault();\n        this.submitOAuthAction(this.disconnectAction, this.disconnectRedirect);\n    }\n\n    override render() {\n        if (this.isDirty) {\n            return html`\n                <div class=\"heading\">\n                    <span class=\"warning with-icon\">${this.labelSaveToConnect}</span>\n                </div>\n            `;\n        }\n\n        if (this.connected) {\n            return html`\n                <div class=\"heading\">\n                    <pk-status status=\"on\" class=\"pk-connect__status-icon\"></pk-status>${this.labelConnected}\n                </div>\n\n                <div class=\"input ltr\">\n                    <pk-button\n                        type=\"button\"\n                        size=\"xs\"\n                        variant=\"default\"\n                        class=\"pk-connect__action\"\n                        @click=${this.handleDisconnectClick}\n                    >\n                        ${this.labelDisconnect}\n                    </pk-button>\n                </div>\n            `;\n        }\n\n        return html`\n            <div class=\"heading\">\n                <pk-status status=\"disabled\" class=\"pk-connect__status-icon\"></pk-status><span class=\"light\">${this.labelNotConnected}</span>\n            </div>\n\n            <div class=\"input ltr\">\n                <pk-button\n                    type=\"button\"\n                    size=\"xs\"\n                    variant=\"default\"\n                    class=\"pk-connect__action\"\n                    @click=${this.handleConnectClick}\n                >\n                    ${this.labelConnect}\n                </pk-button>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-connect-oauth': PkConnectOauth;\n    }\n}\n"],"mappings":";;;;;;;AAiBO,IAAA,iBAAA,MAAM,uBAAuB,WAAW;;;mBAI/B;uBAGI;0BAGG;mBAGP;oBAGC;yBAGK;4BAGG;sBAGN;wBAIE;wBAGA;2BAGG;sBAGL;yBAGG;4BAGG;iBAGH;sBAE0B;;;gBAhDnB;;CAkDzB,mBAA4D;AACxD,SAAO;;CAGX,oBAAmC;AAC/B,QAAM,mBAAmB;AAEzB,MAAI,KAAK,eACL;AAGJ,OAAK,eAAe,iBAAiB;GACjC,cAAc,KAAK;GACnB,MAAM;GACN,eAAe;AACX,SAAK,UAAU;;GAEtB,CAAC;;CAGN,uBAAsC;AAClC,OAAK,gBAAgB;AACrB,OAAK,eAAe;AACpB,QAAM,sBAAsB;;CAGhC,kBAA0B,QAAgB,UAAwB;AAC9D,qBAAmB;GACf,cAAc,KAAK;GACnB,MAAM;GACN;GACA;GACA,WAAW,KAAK;GAChB,YAAY,KAAK;GACpB,CAAC;;CAGN,mBAA2B,OAAoB;AAC3C,QAAM,gBAAgB;AACtB,OAAK,kBAAkB,KAAK,eAAe,KAAK,gBAAgB;;CAGpE,sBAA8B,OAAoB;AAC9C,QAAM,gBAAgB;AACtB,OAAK,kBAAkB,KAAK,kBAAkB,KAAK,mBAAmB;;CAG1E,SAAkB;AACd,MAAI,KAAK,QACL,QAAO,IAAI;;sDAE+B,KAAK,mBAAmB;;;AAKtE,MAAI,KAAK,UACL,QAAO,IAAI;;yFAEkE,KAAK,eAAe;;;;;;;;;iCAS5E,KAAK,sBAAsB;;0BAElC,KAAK,gBAAgB;;;;AAMvC,SAAO,IAAI;;+GAE4F,KAAK,kBAAkB;;;;;;;;;6BASzG,KAAK,mBAAmB;;sBAE/B,KAAK,aAAa;;;;;;YAzInC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,aAAA,KAAA,EAAA;YAG1C,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,EAAA,eAAA,WAAA,iBAAA,KAAA,EAAA;YAGzC,SAAS,EAAE,WAAW,qBAAqB,CAAC,CAAA,EAAA,eAAA,WAAA,oBAAA,KAAA,EAAA;YAG5C,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,eAAA,WAAA,aAAA,KAAA,EAAA;YAGrC,SAAS,EAAE,WAAW,eAAe,CAAC,CAAA,EAAA,eAAA,WAAA,cAAA,KAAA,EAAA;YAGtC,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,eAAA,WAAA,mBAAA,KAAA,EAAA;YAG3C,SAAS,EAAE,WAAW,uBAAuB,CAAC,CAAA,EAAA,eAAA,WAAA,sBAAA,KAAA,EAAA;YAG9C,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,eAAA,WAAA,gBAAA,KAAA,EAAA;YAIxC,SAAS;CAAE,MAAM;CAAS,WAAW;CAAoB,CAAC,CAAA,EAAA,eAAA,WAAA,kBAAA,KAAA,EAAA;YAG1D,SAAS,EAAE,WAAW,mBAAmB,CAAC,CAAA,EAAA,eAAA,WAAA,kBAAA,KAAA,EAAA;YAG1C,SAAS,EAAE,WAAW,uBAAuB,CAAC,CAAA,EAAA,eAAA,WAAA,qBAAA,KAAA,EAAA;YAG9C,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,eAAA,WAAA,gBAAA,KAAA,EAAA;YAGxC,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,eAAA,WAAA,mBAAA,KAAA,EAAA;YAG3C,SAAS,EAAE,WAAW,yBAAyB,CAAC,CAAA,EAAA,eAAA,WAAA,sBAAA,KAAA,EAAA;YAGhD,OAAO,CAAA,EAAA,eAAA,WAAA,WAAA,KAAA,EAAA;6BA/CX,cAAc,mBAAmB,CAAA,EAAA,eAAA"}

package/dist/components/connect/pk-connect.js

@@ -1,11 +1,10 @@
-import { t as __decorate } from "../../chunks/decorate-W02hmVTt.js";
-import "../../chunks/pk-button-QpDDlRbG.js";
-import "../../chunks/pk-status-7_5dEuw-.js";
-import "../../chunks/pk-dialog-Ck1InIBC.js";
+import { i as property, o as state, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
+import "../../chunks/pk-button-BrH4u4Qr.js";
+import "../../chunks/pk-status-BehQARDv.js";
+import "../../chunks/pk-dialog-VMQqLW1f.js";
 import "../icon/pk-icon.js";
-import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-DshgIW2n.js";
+import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-BhW406jt.js";
 import { LitElement, html, nothing } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
 import { buildConnectPayload, escapeCpHtml, resolveConnectError, sendCpConnectRequest, serializeCpForm, watchCpFormDirty } from "@verbb/plugin-kit-core";
 //#region src/components/connect/pk-connect.ts
 var pkStatusForState = (status) => {