@verbb/plugin-kit-web 2.0.23 → 2.0.24

package/dist/chunks/{render-BKGW1a68.js.map → render-DQZp_Rak.js.map}

@@ -1 +1 @@
-{"version":3,"file":"render-BKGW1a68.js","names":[],"sources":["../../src/icons/render.ts"],"sourcesContent":["import { iconToSvg, type PkIcon } from '@verbb/plugin-kit-icons';\n\nexport type RenderIconOptions = {\n    title?: string;\n};\n\nexport const renderIconHtml = (\n    icon: PkIcon,\n    options: RenderIconOptions = {},\n): string => {\n    return iconToSvg(icon, { title: options.title });\n};\n\nexport const createIconElement = (\n    icon: PkIcon,\n    options: RenderIconOptions = {},\n): SVGSVGElement => {\n    const template = document.createElement('template');\n    template.innerHTML = renderIconHtml(icon, options);\n\n    const element = template.content.firstElementChild;\n\n    if (!(element instanceof SVGSVGElement)) {\n        throw new Error('Icon render did not produce an SVG element.');\n    }\n\n    return element;\n};\n"],"mappings":";;AAMA,IAAa,kBACT,MACA,UAA6B,EAAE,KACtB;AACT,QAAO,UAAU,MAAM,EAAE,OAAO,QAAQ,OAAO,CAAC;;AAGpD,IAAa,qBACT,MACA,UAA6B,EAAE,KACf;CAChB,MAAM,WAAW,SAAS,cAAc,WAAW;AACnD,UAAS,YAAY,eAAe,MAAM,QAAQ;CAElD,MAAM,UAAU,SAAS,QAAQ;AAEjC,KAAI,EAAE,mBAAmB,eACrB,OAAM,IAAI,MAAM,8CAA8C;AAGlE,QAAO"}
+{"version":3,"file":"render-DQZp_Rak.js","names":[],"sources":["../../src/icons/render.ts"],"sourcesContent":["import { iconToSvg, type PkIcon } from '@verbb/plugin-kit-icons';\n\nexport type RenderIconOptions = {\n    title?: string;\n};\n\nexport const renderIconHtml = (\n    icon: PkIcon,\n    options: RenderIconOptions = {},\n): string => {\n    return iconToSvg(icon, { title: options.title });\n};\n\nexport const createIconElement = (\n    icon: PkIcon,\n    options: RenderIconOptions = {},\n): SVGSVGElement => {\n    const template = document.createElement('template');\n    template.innerHTML = renderIconHtml(icon, options);\n\n    const element = template.content.firstElementChild;\n\n    if (!(element instanceof SVGSVGElement)) {\n        throw new Error('Icon render did not produce an SVG element.');\n    }\n\n    return element;\n};\n"],"mappings":";;AAMA,IAAa,kBACT,MACA,UAA6B,CAAC,MACrB;CACT,OAAO,UAAU,MAAM,EAAE,OAAO,QAAQ,MAAM,CAAC;AACnD;AAEA,IAAa,qBACT,MACA,UAA6B,CAAC,MACd;CAChB,MAAM,WAAW,SAAS,cAAc,UAAU;CAClD,SAAS,YAAY,eAAe,MAAM,OAAO;CAEjD,MAAM,UAAU,SAAS,QAAQ;CAEjC,IAAI,EAAE,mBAAmB,gBACrB,MAAM,IAAI,MAAM,6CAA6C;CAGjE,OAAO;AACX"}

package/dist/chunks/{required-validator-CaRnQk1V.js → required-validator-I58oJGZ3.js}

@@ -26,4 +26,4 @@ function RequiredValidator(options = {}) {
 //#endregion
 export { RequiredValidator as t };
 
-//# sourceMappingURL=required-validator-CaRnQk1V.js.map
+//# sourceMappingURL=required-validator-I58oJGZ3.js.map

package/dist/chunks/{required-validator-CaRnQk1V.js.map → required-validator-I58oJGZ3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"required-validator-CaRnQk1V.js","names":[],"sources":["../../src/validators/required-validator.ts"],"sourcesContent":["import type { PkFormAssociatedElement } from '../base/pk-form-associated-element.js';\nimport type { PkValidator } from './types.js';\n\nexport type RequiredValidatorOptions = {\n    validationElement?: HTMLInputElement | HTMLSelectElement;\n    validationProperty?: string;\n};\n\nexport function RequiredValidator(options: RequiredValidatorOptions = {}): PkValidator {\n    let { validationElement, validationProperty } = options;\n\n    if (!validationElement && typeof document !== 'undefined') {\n        validationElement = Object.assign(document.createElement('input'), { required: true });\n    }\n\n    if (!validationProperty) {\n        validationProperty = 'value';\n    }\n\n    const validator: PkValidator = {\n        observedAttributes: ['required'],\n        message: validationElement?.validationMessage ?? 'Please fill out this field.',\n        checkValidity(element: PkFormAssociatedElement) {\n            const result = {\n                message: '',\n                isValid: true,\n                invalidKeys: [] as ReturnType<PkValidator['checkValidity']>['invalidKeys'],\n            };\n\n            if (!element.required) {\n                return result;\n            }\n\n            const value = (element as unknown as Record<string, unknown>)[validationProperty!];\n            const isEmpty = value === null || value === undefined || value === false || value === '';\n\n            if (!isEmpty) {\n                return result;\n            }\n\n            result.isValid = false;\n            result.message = typeof validator.message === 'function'\n                ? validator.message(element)\n                : validator.message ?? '';\n            result.invalidKeys.push('valueMissing');\n\n            return result;\n        },\n    };\n\n    return validator;\n}\n"],"mappings":";AAQA,SAAgB,kBAAkB,UAAoC,EAAE,EAAe;CACnF,IAAI,EAAE,mBAAmB,uBAAuB;AAEhD,KAAI,CAAC,qBAAqB,OAAO,aAAa,YAC1C,qBAAoB,OAAO,OAAO,SAAS,cAAc,QAAQ,EAAE,EAAE,UAAU,MAAM,CAAC;AAG1F,KAAI,CAAC,mBACD,sBAAqB;CAGzB,MAAM,YAAyB;EAC3B,oBAAoB,CAAC,WAAW;EAChC,SAAS,mBAAmB,qBAAqB;EACjD,cAAc,SAAkC;GAC5C,MAAM,SAAS;IACX,SAAS;IACT,SAAS;IACT,aAAa,EAAE;IAClB;AAED,OAAI,CAAC,QAAQ,SACT,QAAO;GAGX,MAAM,QAAS,QAA+C;AAG9D,OAAI,EAFY,UAAU,QAAQ,UAAU,KAAA,KAAa,UAAU,SAAS,UAAU,IAGlF,QAAO;AAGX,UAAO,UAAU;AACjB,UAAO,UAAU,OAAO,UAAU,YAAY,aACxC,UAAU,QAAQ,QAAQ,GAC1B,UAAU,WAAW;AAC3B,UAAO,YAAY,KAAK,eAAe;AAEvC,UAAO;;EAEd;AAED,QAAO"}
+{"version":3,"file":"required-validator-I58oJGZ3.js","names":[],"sources":["../../src/validators/required-validator.ts"],"sourcesContent":["import type { PkFormAssociatedElement } from '../base/pk-form-associated-element.js';\nimport type { PkValidator } from './types.js';\n\nexport type RequiredValidatorOptions = {\n    validationElement?: HTMLInputElement | HTMLSelectElement;\n    validationProperty?: string;\n};\n\nexport function RequiredValidator(options: RequiredValidatorOptions = {}): PkValidator {\n    let { validationElement, validationProperty } = options;\n\n    if (!validationElement && typeof document !== 'undefined') {\n        validationElement = Object.assign(document.createElement('input'), { required: true });\n    }\n\n    if (!validationProperty) {\n        validationProperty = 'value';\n    }\n\n    const validator: PkValidator = {\n        observedAttributes: ['required'],\n        message: validationElement?.validationMessage ?? 'Please fill out this field.',\n        checkValidity(element: PkFormAssociatedElement) {\n            const result = {\n                message: '',\n                isValid: true,\n                invalidKeys: [] as ReturnType<PkValidator['checkValidity']>['invalidKeys'],\n            };\n\n            if (!element.required) {\n                return result;\n            }\n\n            const value = (element as unknown as Record<string, unknown>)[validationProperty!];\n            const isEmpty = value === null || value === undefined || value === false || value === '';\n\n            if (!isEmpty) {\n                return result;\n            }\n\n            result.isValid = false;\n            result.message = typeof validator.message === 'function'\n                ? validator.message(element)\n                : validator.message ?? '';\n            result.invalidKeys.push('valueMissing');\n\n            return result;\n        },\n    };\n\n    return validator;\n}\n"],"mappings":";AAQA,SAAgB,kBAAkB,UAAoC,CAAC,GAAgB;CACnF,IAAI,EAAE,mBAAmB,uBAAuB;CAEhD,IAAI,CAAC,qBAAqB,OAAO,aAAa,aAC1C,oBAAoB,OAAO,OAAO,SAAS,cAAc,OAAO,GAAG,EAAE,UAAU,KAAK,CAAC;CAGzF,IAAI,CAAC,oBACD,qBAAqB;CAGzB,MAAM,YAAyB;EAC3B,oBAAoB,CAAC,UAAU;EAC/B,SAAS,mBAAmB,qBAAqB;EACjD,cAAc,SAAkC;GAC5C,MAAM,SAAS;IACX,SAAS;IACT,SAAS;IACT,aAAa,CAAC;GAClB;GAEA,IAAI,CAAC,QAAQ,UACT,OAAO;GAGX,MAAM,QAAS,QAA+C;GAG9D,IAAI,EAFY,UAAU,QAAQ,UAAU,KAAA,KAAa,UAAU,SAAS,UAAU,KAGlF,OAAO;GAGX,OAAO,UAAU;GACjB,OAAO,UAAU,OAAO,UAAU,YAAY,aACxC,UAAU,QAAQ,OAAO,IACzB,UAAU,WAAW;GAC3B,OAAO,YAAY,KAAK,cAAc;GAEtC,OAAO;EACX;CACJ;CAEA,OAAO;AACX"}

package/dist/chunks/{scroll-lock-gTFrvIPu.js → scroll-lock-DE1pElMQ.js}

@@ -34,7 +34,7 @@ function getOffset(element, parent) {
 var locks = /* @__PURE__ */ new Set();
 /** Undo for the currently applied lock (only while locks.size > 0). */
 var restoreLock = null;
-var SCROLL_KEYS = new Set([
+var SCROLL_KEYS = /* @__PURE__ */ new Set([
 	" ",
 	"ArrowUp",
 	"ArrowDown",
@@ -157,4 +157,4 @@ function scrollIntoView(element, container, direction = "vertical", behavior = "
 //#endregion
 export { unlockBodyScrolling as a, scrollIntoView as i, getScrollLockDepth as n, getOffset as o, lockBodyScrolling as r, forceClearScrollLock as t };
 
-//# sourceMappingURL=scroll-lock-gTFrvIPu.js.map
+//# sourceMappingURL=scroll-lock-DE1pElMQ.js.map

package/dist/chunks/{scroll-lock-gTFrvIPu.js.map → scroll-lock-DE1pElMQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scroll-lock-gTFrvIPu.js","names":[],"sources":["../../src/a11y/offset.ts","../../src/a11y/scroll-lock.ts"],"sourcesContent":["/**\n * Element offset relative to a parent — adapted from  internal/offset.ts.\n * Works around shadow-DOM offsetParent quirks in Chromium.\n */\nexport function getOffset(element: HTMLElement, parent: HTMLElement): { top: number; left: number } {\n    return {\n        top: Math.round(element.getBoundingClientRect().top - parent.getBoundingClientRect().top),\n        left: Math.round(element.getBoundingClientRect().left - parent.getBoundingClientRect().left),\n    };\n}\n","/**\n * Document scroll lock for overlays (dialog, etc.).\n *\n * Ref-counted so nested overlays unlock only when all close.\n *\n * Aligns with Craft / Garnish.Modal where it matters:\n * - Modal + shade are `position: fixed` (hosts, not the document).\n * - Document lock is `body { overflow: hidden }` (Craft’s `.no-scroll`) — **not**\n *   `body { position: fixed }`, and **not** `overflow: hidden` on `html`.\n *   Body-only overflow keeps Craft’s sticky `#global-sidebar` stuck at the current\n *   scrollY; html overflow / body fixed both make sticky “let go” and the nav jumps.\n *\n * Craft’s class alone still lets the page scroll under the shade (wheel / scrollBy).\n * We add wheel / touch / page-key `preventDefault` outside locking overlay hosts so\n * user scrolling actually stops — without a `scroll` listener that rubber-bands the\n * position back (that felt gross).\n *\n * Also avoid: permanent/lock-time `scrollbar-gutter`, and `padding-right` compensation\n * (Craft fixed tip bars ignore body padding and jump).\n */\n\nimport { getOffset } from './offset.js';\n\nconst locks = new Set<HTMLElement>();\n\n/** Undo for the currently applied lock (only while locks.size > 0). */\nlet restoreLock: (() => void) | null = null;\n\nconst SCROLL_KEYS = new Set([\n    ' ',\n    'ArrowUp',\n    'ArrowDown',\n    'ArrowLeft',\n    'ArrowRight',\n    'PageUp',\n    'PageDown',\n    'Home',\n    'End',\n]);\n\nfunction eventPathContainsLock(event: Event): boolean {\n    for (const node of event.composedPath()) {\n        if (node instanceof HTMLElement && locks.has(node)) {\n            return true;\n        }\n    }\n    return false;\n}\n\nfunction isEditableTarget(target: EventTarget | null): boolean {\n    if (!(target instanceof HTMLElement)) {\n        return false;\n    }\n    if (target.isContentEditable) {\n        return true;\n    }\n    const tag = target.tagName;\n    return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT';\n}\n\n/**\n * Craft-like body overflow + gesture block (no scroll-position pin).\n * Returns a restore function.\n */\nfunction applyScrollLock(): () => void {\n    const body = document.body;\n    const prevOverflow = body.style.overflow;\n\n    // Same idea as Craft `.no-scroll { overflow: hidden !important }` — body only.\n    body.style.setProperty('overflow', 'hidden', 'important');\n\n    const onWheel = (event: WheelEvent) => {\n        if (eventPathContainsLock(event)) {\n            return;\n        }\n        event.preventDefault();\n    };\n\n    const onTouchMove = (event: TouchEvent) => {\n        if (eventPathContainsLock(event)) {\n            return;\n        }\n        event.preventDefault();\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n        if (!SCROLL_KEYS.has(event.key)) {\n            return;\n        }\n        if (eventPathContainsLock(event) || isEditableTarget(event.target)) {\n            return;\n        }\n        event.preventDefault();\n    };\n\n    // Capture + non-passive so preventDefault actually stops scrolling.\n    // Deliberately no `scroll` listener — resetting scrollY after the fact rubber-bands.\n    window.addEventListener('wheel', onWheel, { passive: false, capture: true });\n    window.addEventListener('touchmove', onTouchMove, { passive: false, capture: true });\n    window.addEventListener('keydown', onKeyDown, { capture: true });\n\n    return () => {\n        window.removeEventListener('wheel', onWheel, { capture: true } as EventListenerOptions);\n        window.removeEventListener('touchmove', onTouchMove, { capture: true } as EventListenerOptions);\n        window.removeEventListener('keydown', onKeyDown, { capture: true } as EventListenerOptions);\n        body.style.removeProperty('overflow');\n        if (prevOverflow) {\n            body.style.overflow = prevOverflow;\n        }\n    };\n}\n\nexport function lockBodyScrolling(lockingEl: HTMLElement): void {\n    locks.add(lockingEl);\n\n    if (locks.size === 1) {\n        document.documentElement.classList.add('pk-scroll-lock');\n        // Always 0 — we never pad the body (Craft fixed chrome must not shift).\n        document.documentElement.style.setProperty('--pk-scroll-lock-size', '0px');\n        restoreLock = applyScrollLock();\n    }\n}\n\nexport function unlockBodyScrolling(lockingEl: HTMLElement): void {\n    locks.delete(lockingEl);\n\n    if (locks.size === 0) {\n        restoreLock?.();\n        restoreLock = null;\n        document.documentElement.classList.remove('pk-scroll-lock');\n        document.documentElement.style.removeProperty('--pk-scroll-lock-size');\n        document.documentElement.style.removeProperty('--pk-scroll-lock-gutter');\n    }\n}\n\n/** Dev/diagnostic — how many overlay hosts currently hold the scroll lock. */\nexport function getScrollLockDepth(): number {\n    return locks.size;\n}\n\n/** Emergency clear when lock ref-count and html class drift out of sync. */\nexport function forceClearScrollLock(): void {\n    locks.clear();\n    restoreLock?.();\n    restoreLock = null;\n    document.documentElement.classList.remove('pk-scroll-lock');\n    document.documentElement.style.removeProperty('--pk-scroll-lock-size');\n    document.documentElement.style.removeProperty('--pk-scroll-lock-gutter');\n}\n\n/** Scroll an element into view of its scroll container if needed. */\nexport function scrollIntoView(\n    element: HTMLElement,\n    container: HTMLElement,\n    direction: 'horizontal' | 'vertical' | 'both' = 'vertical',\n    behavior: ScrollBehavior = 'smooth',\n): void {\n    const offset = getOffset(element, container);\n    const offsetTop = offset.top + container.scrollTop;\n    const offsetLeft = offset.left + container.scrollLeft;\n    const minX = container.scrollLeft;\n    const maxX = container.scrollLeft + container.offsetWidth;\n    const minY = container.scrollTop;\n    const maxY = container.scrollTop + container.offsetHeight;\n\n    if (direction === 'horizontal' || direction === 'both') {\n        if (offsetLeft < minX) {\n            container.scrollTo({ left: offsetLeft, behavior });\n        } else if (offsetLeft + element.clientWidth > maxX) {\n            container.scrollTo({\n                left: offsetLeft - container.offsetWidth + element.clientWidth,\n                behavior,\n            });\n        }\n    }\n\n    if (direction === 'vertical' || direction === 'both') {\n        if (offsetTop < minY) {\n            container.scrollTo({ top: offsetTop, behavior });\n        } else if (offsetTop + element.clientHeight > maxY) {\n            container.scrollTo({\n                top: offsetTop - container.offsetHeight + element.clientHeight,\n                behavior,\n            });\n        }\n    }\n}\n"],"mappings":"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"}
+{"version":3,"file":"scroll-lock-DE1pElMQ.js","names":[],"sources":["../../src/a11y/offset.ts","../../src/a11y/scroll-lock.ts"],"sourcesContent":["/**\n * Element offset relative to a parent — adapted from  internal/offset.ts.\n * Works around shadow-DOM offsetParent quirks in Chromium.\n */\nexport function getOffset(element: HTMLElement, parent: HTMLElement): { top: number; left: number } {\n    return {\n        top: Math.round(element.getBoundingClientRect().top - parent.getBoundingClientRect().top),\n        left: Math.round(element.getBoundingClientRect().left - parent.getBoundingClientRect().left),\n    };\n}\n","/**\n * Document scroll lock for overlays (dialog, etc.).\n *\n * Ref-counted so nested overlays unlock only when all close.\n *\n * Aligns with Craft / Garnish.Modal where it matters:\n * - Modal + shade are `position: fixed` (hosts, not the document).\n * - Document lock is `body { overflow: hidden }` (Craft’s `.no-scroll`) — **not**\n *   `body { position: fixed }`, and **not** `overflow: hidden` on `html`.\n *   Body-only overflow keeps Craft’s sticky `#global-sidebar` stuck at the current\n *   scrollY; html overflow / body fixed both make sticky “let go” and the nav jumps.\n *\n * Craft’s class alone still lets the page scroll under the shade (wheel / scrollBy).\n * We add wheel / touch / page-key `preventDefault` outside locking overlay hosts so\n * user scrolling actually stops — without a `scroll` listener that rubber-bands the\n * position back (that felt gross).\n *\n * Also avoid: permanent/lock-time `scrollbar-gutter`, and `padding-right` compensation\n * (Craft fixed tip bars ignore body padding and jump).\n */\n\nimport { getOffset } from './offset.js';\n\nconst locks = new Set<HTMLElement>();\n\n/** Undo for the currently applied lock (only while locks.size > 0). */\nlet restoreLock: (() => void) | null = null;\n\nconst SCROLL_KEYS = new Set([\n    ' ',\n    'ArrowUp',\n    'ArrowDown',\n    'ArrowLeft',\n    'ArrowRight',\n    'PageUp',\n    'PageDown',\n    'Home',\n    'End',\n]);\n\nfunction eventPathContainsLock(event: Event): boolean {\n    for (const node of event.composedPath()) {\n        if (node instanceof HTMLElement && locks.has(node)) {\n            return true;\n        }\n    }\n    return false;\n}\n\nfunction isEditableTarget(target: EventTarget | null): boolean {\n    if (!(target instanceof HTMLElement)) {\n        return false;\n    }\n    if (target.isContentEditable) {\n        return true;\n    }\n    const tag = target.tagName;\n    return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT';\n}\n\n/**\n * Craft-like body overflow + gesture block (no scroll-position pin).\n * Returns a restore function.\n */\nfunction applyScrollLock(): () => void {\n    const body = document.body;\n    const prevOverflow = body.style.overflow;\n\n    // Same idea as Craft `.no-scroll { overflow: hidden !important }` — body only.\n    body.style.setProperty('overflow', 'hidden', 'important');\n\n    const onWheel = (event: WheelEvent) => {\n        if (eventPathContainsLock(event)) {\n            return;\n        }\n        event.preventDefault();\n    };\n\n    const onTouchMove = (event: TouchEvent) => {\n        if (eventPathContainsLock(event)) {\n            return;\n        }\n        event.preventDefault();\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n        if (!SCROLL_KEYS.has(event.key)) {\n            return;\n        }\n        if (eventPathContainsLock(event) || isEditableTarget(event.target)) {\n            return;\n        }\n        event.preventDefault();\n    };\n\n    // Capture + non-passive so preventDefault actually stops scrolling.\n    // Deliberately no `scroll` listener — resetting scrollY after the fact rubber-bands.\n    window.addEventListener('wheel', onWheel, { passive: false, capture: true });\n    window.addEventListener('touchmove', onTouchMove, { passive: false, capture: true });\n    window.addEventListener('keydown', onKeyDown, { capture: true });\n\n    return () => {\n        window.removeEventListener('wheel', onWheel, { capture: true } as EventListenerOptions);\n        window.removeEventListener('touchmove', onTouchMove, { capture: true } as EventListenerOptions);\n        window.removeEventListener('keydown', onKeyDown, { capture: true } as EventListenerOptions);\n        body.style.removeProperty('overflow');\n        if (prevOverflow) {\n            body.style.overflow = prevOverflow;\n        }\n    };\n}\n\nexport function lockBodyScrolling(lockingEl: HTMLElement): void {\n    locks.add(lockingEl);\n\n    if (locks.size === 1) {\n        document.documentElement.classList.add('pk-scroll-lock');\n        // Always 0 — we never pad the body (Craft fixed chrome must not shift).\n        document.documentElement.style.setProperty('--pk-scroll-lock-size', '0px');\n        restoreLock = applyScrollLock();\n    }\n}\n\nexport function unlockBodyScrolling(lockingEl: HTMLElement): void {\n    locks.delete(lockingEl);\n\n    if (locks.size === 0) {\n        restoreLock?.();\n        restoreLock = null;\n        document.documentElement.classList.remove('pk-scroll-lock');\n        document.documentElement.style.removeProperty('--pk-scroll-lock-size');\n        document.documentElement.style.removeProperty('--pk-scroll-lock-gutter');\n    }\n}\n\n/** Dev/diagnostic — how many overlay hosts currently hold the scroll lock. */\nexport function getScrollLockDepth(): number {\n    return locks.size;\n}\n\n/** Emergency clear when lock ref-count and html class drift out of sync. */\nexport function forceClearScrollLock(): void {\n    locks.clear();\n    restoreLock?.();\n    restoreLock = null;\n    document.documentElement.classList.remove('pk-scroll-lock');\n    document.documentElement.style.removeProperty('--pk-scroll-lock-size');\n    document.documentElement.style.removeProperty('--pk-scroll-lock-gutter');\n}\n\n/** Scroll an element into view of its scroll container if needed. */\nexport function scrollIntoView(\n    element: HTMLElement,\n    container: HTMLElement,\n    direction: 'horizontal' | 'vertical' | 'both' = 'vertical',\n    behavior: ScrollBehavior = 'smooth',\n): void {\n    const offset = getOffset(element, container);\n    const offsetTop = offset.top + container.scrollTop;\n    const offsetLeft = offset.left + container.scrollLeft;\n    const minX = container.scrollLeft;\n    const maxX = container.scrollLeft + container.offsetWidth;\n    const minY = container.scrollTop;\n    const maxY = container.scrollTop + container.offsetHeight;\n\n    if (direction === 'horizontal' || direction === 'both') {\n        if (offsetLeft < minX) {\n            container.scrollTo({ left: offsetLeft, behavior });\n        } else if (offsetLeft + element.clientWidth > maxX) {\n            container.scrollTo({\n                left: offsetLeft - container.offsetWidth + element.clientWidth,\n                behavior,\n            });\n        }\n    }\n\n    if (direction === 'vertical' || direction === 'both') {\n        if (offsetTop < minY) {\n            container.scrollTo({ top: offsetTop, behavior });\n        } else if (offsetTop + element.clientHeight > maxY) {\n            container.scrollTo({\n                top: offsetTop - container.offsetHeight + element.clientHeight,\n                behavior,\n            });\n        }\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/{spinner-utils-Co_4X3ip.js → spinner-utils-DXwIxQ6z.js}

@@ -12,4 +12,4 @@ function resolveSpinnerVariant(buttonVariant = "default", override) {
 //#endregion
 export { resolveSpinnerVariant as n, getButtonSpinnerSize as t };
 
-//# sourceMappingURL=spinner-utils-Co_4X3ip.js.map
+//# sourceMappingURL=spinner-utils-DXwIxQ6z.js.map

package/dist/chunks/{spinner-utils-Co_4X3ip.js.map → spinner-utils-DXwIxQ6z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spinner-utils-Co_4X3ip.js","names":[],"sources":["../../src/components/spinner/spinner-utils.ts"],"sourcesContent":["import type { PkSpinnerSize, PkSpinnerVariant } from './pk-spinner.js';\n\ntype ButtonSize = 'default' | 'xxs' | 'xs' | 'sm' | 'lg' | 'xl' | 'none';\ntype ButtonVariant =\n    | 'default'\n    | 'primary'\n    | 'secondary'\n    | 'outline'\n    | 'transparent'\n    | 'link'\n    | 'dashed'\n    | 'none';\n\nexport function getButtonSpinnerSize(buttonSize: ButtonSize = 'default'): PkSpinnerSize {\n    if (buttonSize === 'xxs' || buttonSize === 'xs') {\n        return 'xxs';\n    }\n\n    if (buttonSize === 'lg' || buttonSize === 'xl') {\n        return 'sm';\n    }\n\n    return 'xs';\n}\n\nexport function resolveSpinnerVariant(\n    buttonVariant: ButtonVariant = 'default',\n    override?: PkSpinnerVariant,\n): PkSpinnerVariant {\n    if (override) {\n        return override;\n    }\n\n    if (\n        buttonVariant === 'primary'\n        || buttonVariant === 'secondary'\n        || buttonVariant === 'dashed'\n        || buttonVariant === 'outline'\n        || buttonVariant === 'transparent'\n    ) {\n        return buttonVariant;\n    }\n\n    return 'default';\n}\n"],"mappings":";AAaA,SAAgB,qBAAqB,aAAyB,WAA0B;AACpF,KAAI,eAAe,SAAS,eAAe,KACvC,QAAO;AAGX,KAAI,eAAe,QAAQ,eAAe,KACtC,QAAO;AAGX,QAAO;;AAGX,SAAgB,sBACZ,gBAA+B,WAC/B,UACgB;AAChB,KAAI,SACA,QAAO;AAGX,KACI,kBAAkB,aACf,kBAAkB,eAClB,kBAAkB,YAClB,kBAAkB,aAClB,kBAAkB,cAErB,QAAO;AAGX,QAAO"}
+{"version":3,"file":"spinner-utils-DXwIxQ6z.js","names":[],"sources":["../../src/components/spinner/spinner-utils.ts"],"sourcesContent":["import type { PkSpinnerSize, PkSpinnerVariant } from './pk-spinner.js';\n\ntype ButtonSize = 'default' | 'xxs' | 'xs' | 'sm' | 'lg' | 'xl' | 'none';\ntype ButtonVariant =\n    | 'default'\n    | 'primary'\n    | 'secondary'\n    | 'outline'\n    | 'transparent'\n    | 'link'\n    | 'dashed'\n    | 'none';\n\nexport function getButtonSpinnerSize(buttonSize: ButtonSize = 'default'): PkSpinnerSize {\n    if (buttonSize === 'xxs' || buttonSize === 'xs') {\n        return 'xxs';\n    }\n\n    if (buttonSize === 'lg' || buttonSize === 'xl') {\n        return 'sm';\n    }\n\n    return 'xs';\n}\n\nexport function resolveSpinnerVariant(\n    buttonVariant: ButtonVariant = 'default',\n    override?: PkSpinnerVariant,\n): PkSpinnerVariant {\n    if (override) {\n        return override;\n    }\n\n    if (\n        buttonVariant === 'primary'\n        || buttonVariant === 'secondary'\n        || buttonVariant === 'dashed'\n        || buttonVariant === 'outline'\n        || buttonVariant === 'transparent'\n    ) {\n        return buttonVariant;\n    }\n\n    return 'default';\n}\n"],"mappings":";AAaA,SAAgB,qBAAqB,aAAyB,WAA0B;CACpF,IAAI,eAAe,SAAS,eAAe,MACvC,OAAO;CAGX,IAAI,eAAe,QAAQ,eAAe,MACtC,OAAO;CAGX,OAAO;AACX;AAEA,SAAgB,sBACZ,gBAA+B,WAC/B,UACgB;CAChB,IAAI,UACA,OAAO;CAGX,IACI,kBAAkB,aACf,kBAAkB,eAClB,kBAAkB,YAClB,kBAAkB,aAClB,kBAAkB,eAErB,OAAO;CAGX,OAAO;AACX"}

package/dist/chunks/{supports-popover-6lNVStLh.js → supports-popover-BCqyOPtO.js}

@@ -4,4 +4,4 @@ var SUPPORTS_POPOVER = typeof globalThis.HTMLElement !== "undefined" && Object.p
 //#endregion
 export { SUPPORTS_POPOVER as t };
 
-//# sourceMappingURL=supports-popover-6lNVStLh.js.map
+//# sourceMappingURL=supports-popover-BCqyOPtO.js.map

package/dist/chunks/{supports-popover-6lNVStLh.js.map → supports-popover-BCqyOPtO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"supports-popover-6lNVStLh.js","names":[],"sources":["../../src/utils/supports-popover.ts"],"sourcesContent":["/** Whether the host supports the Popover API (`popover` + `showPopover` / `hidePopover`). */\nexport const SUPPORTS_POPOVER = typeof globalThis.HTMLElement !== 'undefined'\n    && Object.prototype.hasOwnProperty.call(globalThis.HTMLElement.prototype, 'popover');\n"],"mappings":";;AACA,IAAa,mBAAmB,OAAO,WAAW,gBAAgB,eAC3D,OAAO,UAAU,eAAe,KAAK,WAAW,YAAY,WAAW,UAAU"}
+{"version":3,"file":"supports-popover-BCqyOPtO.js","names":[],"sources":["../../src/utils/supports-popover.ts"],"sourcesContent":["/** Whether the host supports the Popover API (`popover` + `showPopover` / `hidePopover`). */\nexport const SUPPORTS_POPOVER = typeof globalThis.HTMLElement !== 'undefined'\n    && Object.prototype.hasOwnProperty.call(globalThis.HTMLElement.prototype, 'popover');\n"],"mappings":";;AACA,IAAa,mBAAmB,OAAO,WAAW,gBAAgB,eAC3D,OAAO,UAAU,eAAe,KAAK,WAAW,YAAY,WAAW,SAAS"}

package/dist/chunks/{sync-listbox-separators-CPFtrpNq.js → sync-listbox-separators-saLEtPpJ.js}

@@ -1,5 +1,5 @@
 //#region src/utils/listbox-keyboard.ts
-var LISTBOX_NAVIGATION_KEYS = new Set([
+var LISTBOX_NAVIGATION_KEYS = /* @__PURE__ */ new Set([
 	"ArrowDown",
 	"ArrowUp",
 	"ArrowLeft",
@@ -146,4 +146,4 @@ var syncListboxSeparators = (root) => {
 //#endregion
 export { isListboxTypeToSelectKey as a, handleListboxKeyDown as i, LISTBOX_NAVIGATION_KEYS as n, createTypeToSelectHandler as r, syncListboxSeparators as t };
 
-//# sourceMappingURL=sync-listbox-separators-CPFtrpNq.js.map
+//# sourceMappingURL=sync-listbox-separators-saLEtPpJ.js.map

package/dist/chunks/{sync-listbox-separators-CPFtrpNq.js.map → sync-listbox-separators-saLEtPpJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sync-listbox-separators-CPFtrpNq.js","names":[],"sources":["../../src/utils/listbox-keyboard.ts","../../src/internal/sync-listbox-separators.ts"],"sourcesContent":["export const LISTBOX_NAVIGATION_KEYS = new Set([\n    'ArrowDown',\n    'ArrowUp',\n    'ArrowLeft',\n    'ArrowRight',\n    'Home',\n    'End',\n    'Enter',\n    ' ',\n    'Escape',\n]);\n\n/** Returns true for type-to-select character keys (single printable characters). */\nexport function isListboxTypeToSelectKey(event: KeyboardEvent): boolean {\n    return event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;\n}\n\n/**\n * Listbox keyboard navigation — patterns for pk-select / WAI-ARIA listbox.\n */\nexport type ListboxKeyboardOptions = {\n    items: HTMLElement[];\n    currentIndex: number;\n    onSelect: (index: number) => void;\n    onClose?: () => void;\n    multiselect?: boolean;\n    /** When true, ArrowUp/Down wrap from last→first and first→last. Default: false. */\n    /** When `loop` is omitted, listbox navigation does not loop (Base UI `Select`-style default). */\n    loop?: boolean;\n    focusItem?: (index: number) => void;\n};\n\nexport function getEnabledListboxItems(items: HTMLElement[]): HTMLElement[] {\n    return items.filter((item) => {\n        return !item.hasAttribute('disabled')\n            && !item.hasAttribute('hidden')\n            && item.getAttribute('aria-disabled') !== 'true'\n            && item.getAttribute('aria-hidden') !== 'true';\n    });\n}\n\nfunction focusListboxItem(\n    enabled: HTMLElement[],\n    index: number,\n    focusItem?: (index: number) => void,\n): void {\n    if (focusItem) {\n        focusItem(index);\n        return;\n    }\n\n    const item = enabled[index];\n\n    if (item instanceof HTMLElement && 'focusControl' in item && typeof item.focusControl === 'function') {\n        (item as { focusControl: () => void }).focusControl();\n        return;\n    }\n\n    item?.focus();\n}\n\nfunction activateListboxItem(item: HTMLElement | undefined): void {\n    if (!item) {\n        return;\n    }\n\n    const control = item.shadowRoot?.querySelector('.option');\n\n    if (control instanceof HTMLButtonElement) {\n        control.click();\n        return;\n    }\n\n    item.click();\n}\n\nexport function handleListboxKeyDown(event: KeyboardEvent, options: ListboxKeyboardOptions): number {\n    const enabled = getEnabledListboxItems(options.items);\n    const loop = options.loop === true;\n\n    if (enabled.length === 0) {\n        return options.currentIndex;\n    }\n\n    let index = Math.max(0, options.currentIndex);\n    const current = enabled[index] ?? enabled[0]!;\n    index = enabled.indexOf(current);\n\n    if (index < 0) {\n        index = 0;\n    }\n\n    switch (event.key) {\n        case 'ArrowDown':\n        case 'ArrowRight':\n            event.preventDefault();\n            if (loop && index >= enabled.length - 1) {\n                index = 0;\n            } else {\n                index = Math.min(index + 1, enabled.length - 1);\n            }\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'ArrowUp':\n        case 'ArrowLeft':\n            event.preventDefault();\n            if (loop && index <= 0) {\n                index = enabled.length - 1;\n            } else {\n                index = Math.max(index - 1, 0);\n            }\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'Home':\n            event.preventDefault();\n            index = 0;\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'End':\n            event.preventDefault();\n            index = enabled.length - 1;\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'Enter':\n        case ' ':\n            if (!options.multiselect) {\n                event.preventDefault();\n                activateListboxItem(enabled[index]);\n            }\n            return index;\n\n        case 'Escape':\n            event.preventDefault();\n            options.onClose?.();\n            return index;\n\n        default:\n            return index;\n    }\n}\n\n/** Type-to-select string matching . */\nexport function createTypeToSelectHandler(\n    items: HTMLElement[],\n    onMatch: (index: number) => void,\n): { handleKey: (event: KeyboardEvent) => void; reset: () => void } {\n    let typeToSelectString = '';\n    let typeToSelectTimeout = 0;\n\n    const reset = (): void => {\n        typeToSelectString = '';\n        window.clearTimeout(typeToSelectTimeout);\n    };\n\n    const handleKey = (event: KeyboardEvent): void => {\n        if (event.key.length !== 1 || event.ctrlKey || event.metaKey || event.altKey) {\n            return;\n        }\n\n        typeToSelectString += event.key.toLowerCase();\n        window.clearTimeout(typeToSelectTimeout);\n        typeToSelectTimeout = window.setTimeout(reset, 750);\n\n        const enabled = getEnabledListboxItems(items);\n\n        for (let index = 0; index < enabled.length; index += 1) {\n            const label = (enabled[index]?.textContent ?? '').trim().toLowerCase();\n\n            if (label.startsWith(typeToSelectString)) {\n                onMatch(index);\n                event.preventDefault();\n                return;\n            }\n        }\n    };\n\n    return { handleKey, reset };\n}\n","/**\n * Hide listbox `pk-separator` siblings that no longer sit between two visible\n * `pk-option` / `pk-option-group` items (e.g. after combobox filter hides groups).\n */\nconst isListboxItemHidden = (element: HTMLElement): boolean => {\n    return element.hidden || element.hasAttribute('data-pk-filter-empty');\n};\n\nconst syncListboxSeparators = (root: ParentNode): void => {\n    const children = [\n        ...root.querySelectorAll(':scope > pk-option, :scope > pk-option-group, :scope > pk-separator'),\n    ] as HTMLElement[];\n\n    const nearestItem = (from: number, direction: -1 | 1): HTMLElement | null => {\n        for (\n            let index = from + direction;\n            direction < 0 ? index >= 0 : index < children.length;\n            index += direction\n        ) {\n            const child = children[index];\n\n            if (!child || child.localName === 'pk-separator') {\n                continue;\n            }\n\n            return child;\n        }\n\n        return null;\n    };\n\n    for (let index = 0; index < children.length; index += 1) {\n        const child = children[index];\n\n        if (!child || child.localName !== 'pk-separator') {\n            continue;\n        }\n\n        const before = nearestItem(index, -1);\n        const after = nearestItem(index, 1);\n\n        // Only keep dividers between two currently visible sections.\n        child.hidden = !before || !after || isListboxItemHidden(before) || isListboxItemHidden(after);\n    }\n};\n\nexport { syncListboxSeparators };\n"],"mappings":"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"}
+{"version":3,"file":"sync-listbox-separators-saLEtPpJ.js","names":[],"sources":["../../src/utils/listbox-keyboard.ts","../../src/internal/sync-listbox-separators.ts"],"sourcesContent":["export const LISTBOX_NAVIGATION_KEYS = new Set([\n    'ArrowDown',\n    'ArrowUp',\n    'ArrowLeft',\n    'ArrowRight',\n    'Home',\n    'End',\n    'Enter',\n    ' ',\n    'Escape',\n]);\n\n/** Returns true for type-to-select character keys (single printable characters). */\nexport function isListboxTypeToSelectKey(event: KeyboardEvent): boolean {\n    return event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;\n}\n\n/**\n * Listbox keyboard navigation — patterns for pk-select / WAI-ARIA listbox.\n */\nexport type ListboxKeyboardOptions = {\n    items: HTMLElement[];\n    currentIndex: number;\n    onSelect: (index: number) => void;\n    onClose?: () => void;\n    multiselect?: boolean;\n    /** When true, ArrowUp/Down wrap from last→first and first→last. Default: false. */\n    /** When `loop` is omitted, listbox navigation does not loop (Base UI `Select`-style default). */\n    loop?: boolean;\n    focusItem?: (index: number) => void;\n};\n\nexport function getEnabledListboxItems(items: HTMLElement[]): HTMLElement[] {\n    return items.filter((item) => {\n        return !item.hasAttribute('disabled')\n            && !item.hasAttribute('hidden')\n            && item.getAttribute('aria-disabled') !== 'true'\n            && item.getAttribute('aria-hidden') !== 'true';\n    });\n}\n\nfunction focusListboxItem(\n    enabled: HTMLElement[],\n    index: number,\n    focusItem?: (index: number) => void,\n): void {\n    if (focusItem) {\n        focusItem(index);\n        return;\n    }\n\n    const item = enabled[index];\n\n    if (item instanceof HTMLElement && 'focusControl' in item && typeof item.focusControl === 'function') {\n        (item as { focusControl: () => void }).focusControl();\n        return;\n    }\n\n    item?.focus();\n}\n\nfunction activateListboxItem(item: HTMLElement | undefined): void {\n    if (!item) {\n        return;\n    }\n\n    const control = item.shadowRoot?.querySelector('.option');\n\n    if (control instanceof HTMLButtonElement) {\n        control.click();\n        return;\n    }\n\n    item.click();\n}\n\nexport function handleListboxKeyDown(event: KeyboardEvent, options: ListboxKeyboardOptions): number {\n    const enabled = getEnabledListboxItems(options.items);\n    const loop = options.loop === true;\n\n    if (enabled.length === 0) {\n        return options.currentIndex;\n    }\n\n    let index = Math.max(0, options.currentIndex);\n    const current = enabled[index] ?? enabled[0]!;\n    index = enabled.indexOf(current);\n\n    if (index < 0) {\n        index = 0;\n    }\n\n    switch (event.key) {\n        case 'ArrowDown':\n        case 'ArrowRight':\n            event.preventDefault();\n            if (loop && index >= enabled.length - 1) {\n                index = 0;\n            } else {\n                index = Math.min(index + 1, enabled.length - 1);\n            }\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'ArrowUp':\n        case 'ArrowLeft':\n            event.preventDefault();\n            if (loop && index <= 0) {\n                index = enabled.length - 1;\n            } else {\n                index = Math.max(index - 1, 0);\n            }\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'Home':\n            event.preventDefault();\n            index = 0;\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'End':\n            event.preventDefault();\n            index = enabled.length - 1;\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'Enter':\n        case ' ':\n            if (!options.multiselect) {\n                event.preventDefault();\n                activateListboxItem(enabled[index]);\n            }\n            return index;\n\n        case 'Escape':\n            event.preventDefault();\n            options.onClose?.();\n            return index;\n\n        default:\n            return index;\n    }\n}\n\n/** Type-to-select string matching . */\nexport function createTypeToSelectHandler(\n    items: HTMLElement[],\n    onMatch: (index: number) => void,\n): { handleKey: (event: KeyboardEvent) => void; reset: () => void } {\n    let typeToSelectString = '';\n    let typeToSelectTimeout = 0;\n\n    const reset = (): void => {\n        typeToSelectString = '';\n        window.clearTimeout(typeToSelectTimeout);\n    };\n\n    const handleKey = (event: KeyboardEvent): void => {\n        if (event.key.length !== 1 || event.ctrlKey || event.metaKey || event.altKey) {\n            return;\n        }\n\n        typeToSelectString += event.key.toLowerCase();\n        window.clearTimeout(typeToSelectTimeout);\n        typeToSelectTimeout = window.setTimeout(reset, 750);\n\n        const enabled = getEnabledListboxItems(items);\n\n        for (let index = 0; index < enabled.length; index += 1) {\n            const label = (enabled[index]?.textContent ?? '').trim().toLowerCase();\n\n            if (label.startsWith(typeToSelectString)) {\n                onMatch(index);\n                event.preventDefault();\n                return;\n            }\n        }\n    };\n\n    return { handleKey, reset };\n}\n","/**\n * Hide listbox `pk-separator` siblings that no longer sit between two visible\n * `pk-option` / `pk-option-group` items (e.g. after combobox filter hides groups).\n */\nconst isListboxItemHidden = (element: HTMLElement): boolean => {\n    return element.hidden || element.hasAttribute('data-pk-filter-empty');\n};\n\nconst syncListboxSeparators = (root: ParentNode): void => {\n    const children = [\n        ...root.querySelectorAll(':scope > pk-option, :scope > pk-option-group, :scope > pk-separator'),\n    ] as HTMLElement[];\n\n    const nearestItem = (from: number, direction: -1 | 1): HTMLElement | null => {\n        for (\n            let index = from + direction;\n            direction < 0 ? index >= 0 : index < children.length;\n            index += direction\n        ) {\n            const child = children[index];\n\n            if (!child || child.localName === 'pk-separator') {\n                continue;\n            }\n\n            return child;\n        }\n\n        return null;\n    };\n\n    for (let index = 0; index < children.length; index += 1) {\n        const child = children[index];\n\n        if (!child || child.localName !== 'pk-separator') {\n            continue;\n        }\n\n        const before = nearestItem(index, -1);\n        const after = nearestItem(index, 1);\n\n        // Only keep dividers between two currently visible sections.\n        child.hidden = !before || !after || isListboxItemHidden(before) || isListboxItemHidden(after);\n    }\n};\n\nexport { syncListboxSeparators };\n"],"mappings":"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"}

package/dist/chunks/{tiptap.styles-DjhIrSBN.js → tiptap.styles-Q4ED1nBw.js}

@@ -1,4 +1,4 @@
-import { i as uniqueId } from "./focus-C6pY4Ym4.js";
+import { i as uniqueId } from "./focus-DcVUPVqn.js";
 import { css } from "lit";
 //#region src/components/tiptap/variable-tag-node-view.ts
 /** Match kit v1 VariableTagView chip chrome (indigo + remove). */
@@ -461,4 +461,4 @@ var tiptapContentProseMirrorStyles = css`
 //#endregion
 export { createVariableTagDomNodeView as i, tiptapInputProseMirrorStyles as n, tiptapProseMirrorStyles as r, tiptapContentProseMirrorStyles as t };
 
-//# sourceMappingURL=tiptap.styles-DjhIrSBN.js.map
+//# sourceMappingURL=tiptap.styles-Q4ED1nBw.js.map

package/dist/chunks/{tiptap.styles-DjhIrSBN.js.map → tiptap.styles-Q4ED1nBw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tiptap.styles-DjhIrSBN.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":"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"}
+{"version":3,"file":"tiptap.styles-Q4ED1nBw.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":"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"}

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

@@ -1,2 +1,2 @@
-import { t as PkAlert } from "../../chunks/pk-alert-Cjxl6CY_.js";
+import { t as PkAlert } from "../../chunks/pk-alert-BQAb4lJc.js";
 export { PkAlert };

package/dist/components/alert.js

@@ -1,2 +1,2 @@
-import { t as PkAlert } from "../chunks/pk-alert-Cjxl6CY_.js";
+import { t as PkAlert } from "../chunks/pk-alert-BQAb4lJc.js";
 export { PkAlert };

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

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

package/dist/components/autocomplete.js

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

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

@@ -1,2 +1,2 @@
-import { t as PkButton } from "../../chunks/pk-button-DCtNLEPr.js";
+import { t as PkButton } from "../../chunks/pk-button-ntSVrer_.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-D0Aa0a0f.js";
+import { t as PkButtonGroupSeparator } from "../../chunks/pk-button-group-separator-B1a8dP9A.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-BsqEM-dB.js";
+import { t as PkButtonGroupText } from "../../chunks/pk-button-group-text-CWNlZkyV.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-DBdKK_2_.js";
+import { t as PkButtonGroup } from "../../chunks/pk-button-group-BY12Lbk7.js";
 export { PkButtonGroup };

package/dist/components/button-group.js

@@ -1,4 +1,4 @@
-import { t as PkButtonGroup } from "../chunks/pk-button-group-DBdKK_2_.js";
-import { t as PkButtonGroupSeparator } from "../chunks/pk-button-group-separator-D0Aa0a0f.js";
-import { t as PkButtonGroupText } from "../chunks/pk-button-group-text-BsqEM-dB.js";
+import { t as PkButtonGroup } from "../chunks/pk-button-group-BY12Lbk7.js";
+import { t as PkButtonGroupSeparator } from "../chunks/pk-button-group-separator-B1a8dP9A.js";
+import { t as PkButtonGroupText } from "../chunks/pk-button-group-text-CWNlZkyV.js";
 export { PkButtonGroup, PkButtonGroupSeparator, PkButtonGroupText };

package/dist/components/button.js

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

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

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

package/dist/components/calendar.js

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

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

@@ -1,2 +1,2 @@
-import { t as PkCheckbox } from "../../chunks/pk-checkbox-dvHRoVbL.js";
+import { t as PkCheckbox } from "../../chunks/pk-checkbox-L5uRex3b.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-Cqx5ZCMq.js";
+import { n as PkCheckboxSelect, t as ALL_VALUE } from "../../chunks/pk-checkbox-select-6OS0wFYO.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-Cqx5ZCMq.js";
+import { n as PkCheckboxSelect, t as ALL_VALUE } from "../chunks/pk-checkbox-select-6OS0wFYO.js";
 export { ALL_VALUE, PkCheckboxSelect };

package/dist/components/checkbox.js

@@ -1,2 +1,2 @@
-import { t as PkCheckbox } from "../chunks/pk-checkbox-dvHRoVbL.js";
+import { t as PkCheckbox } from "../chunks/pk-checkbox-L5uRex3b.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-C_PqjR75.js";
+import { t as PkCodeEditor } from "../../chunks/pk-code-editor-vZriNR67.js";
 export { PkCodeEditor };

package/dist/components/code-editor.js

@@ -1,2 +1,2 @@
-import { t as PkCodeEditor } from "../chunks/pk-code-editor-C_PqjR75.js";
+import { t as PkCodeEditor } from "../chunks/pk-code-editor-vZriNR67.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-4LDV0Z3W.js";
+import { t as PkColorInput } from "../../chunks/pk-color-input-Csbm4ROT.js";
 export { PkColorInput };

package/dist/components/color-input.js

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

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

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

package/dist/components/combobox.js

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

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

@@ -1,7 +1,8 @@
-import { i as property, o as state, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
-import "../../chunks/pk-button-DCtNLEPr.js";
-import "../../chunks/pk-status-CYcadu0Q.js";
-import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-ciqZMK3B.js";
+import { i as customElement, t as __decorate } from "../../chunks/decorate-Br_PE9pq.js";
+import { r as state, t as property } from "../../chunks/decorators-BkErmuYK.js";
+import "../../chunks/pk-button-ntSVrer_.js";
+import "../../chunks/pk-status-CdiRBRyh.js";
+import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-oKhxa_m2.js";
 import { LitElement, html } from "lit";
 import { submitCpFormAction, watchCpFormDirty } from "@verbb/plugin-kit-core";
 //#region src/components/connect/pk-connect-oauth.ts

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 '../../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 styling. 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":["_decorate"],"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 styling. 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":"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"}

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

@@ -1,10 +1,11 @@
-import { i as property, o as state, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
-import "../../chunks/pk-button-DCtNLEPr.js";
+import { i as customElement, t as __decorate } from "../../chunks/decorate-Br_PE9pq.js";
+import { r as state, t as property } from "../../chunks/decorators-BkErmuYK.js";
+import "../../chunks/pk-button-ntSVrer_.js";
 import "../icon/pk-icon.js";
-import "../../chunks/pk-state-panel-DPP7t-er.js";
-import "../../chunks/pk-status-CYcadu0Q.js";
-import "../../chunks/pk-dialog-CFU850OH.js";
-import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-ciqZMK3B.js";
+import "../../chunks/pk-state-panel-BTo2xiug.js";
+import "../../chunks/pk-status-CdiRBRyh.js";
+import "../../chunks/pk-dialog-C7KZGpQs.js";
+import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-oKhxa_m2.js";
 import { LitElement, html, nothing } from "lit";
 import { buildConnectPayload, escapeCpHtml, resolveConnectError, sendCpConnectRequest, serializeCpForm, watchCpFormDirty } from "@verbb/plugin-kit-core";
 //#region src/components/connect/pk-connect.ts