@verbb/plugin-kit-web 2.0.15 → 2.0.16

package/dist-loader/chunks/{pk-input-CEw3AdYt.js → pk-input-BhU0PiCk.js}

@@ -1,6 +1,6 @@
 import { n as uniqueId } from "./pk-a11y-CjB4-U-R.js";
 import { c as r, f as A, l as n, m as i, n as l, p as b, r as o, s as e, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-CyzwylQ7.js";
 import { n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "./button-group-item.styles-CsBQ3Cyh.js";
 import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
 import { t as RequiredValidator } from "./required-validator-0XwZtX9k.js";
@@ -81,6 +81,15 @@ var pkInputStyles = i`
             font-family: var(--pk-font-family);
             font-size: var(--pk-font-size-base);
             line-height: var(--pk-line-height);
+            /*
+             * Control chrome tokens — inherit into light-DOM in-control actions
+             * (e.g. pk-copy-button[slot=end]) the same way combobox/image-browser
+             * size their trailing clear/expand hit targets.
+             */
+            --pk-input-padding-block: 6px;
+            --pk-input-padding-inline: 8px;
+            --pk-input-control-gap: 6px;
+            --pk-input-decoration-size: 0.75rem;
         }
 
         :host([data-pk-group-orientation]) {
@@ -166,11 +175,13 @@ var pkInputStyles = i`
         /* Chrome lives on the flex shell (part=base) so slot=start/end adornments sit
          * inside the border — same visual contract as pk-input-group / v1 InputGroup.
          * Height is content-sized (v1): padding-block + --pk-input-control-line-height + border.
+         * Trailing actions (clear, pk-copy-button[slot=end]) stay in flex flow so long
+         * values never paint under the button — mirror combobox / image-browser.
          */
         .form-control__input {
             align-items: center;
-            gap: 6px;
-            padding-inline: 8px;
+            gap: var(--pk-input-control-gap);
+            padding-inline: var(--pk-input-padding-inline);
             border: var(--pk-input-border);
             border-radius: var(--pk-input-border-radius, var(--pk-radius-sm));
             background: var(--pk-input-bg);
@@ -184,8 +195,11 @@ var pkInputStyles = i`
             margin: 0;
             color: var(--pk-color-gray-400);
             line-height: 0;
+            align-self: stretch;
+            align-items: center;
         }
 
+        /* Decorative glyphs only — interactive in-control actions opt out below. */
         .form-control__start ::slotted(*),
         .form-control__end ::slotted(*) {
             display: block;
@@ -193,12 +207,31 @@ var pkInputStyles = i`
             max-height: 1.25rem;
         }
 
+        /* Copy (and similar) inside the field: flex-reserved space, not absolute overlay. */
+        .form-control__end:has(::slotted(pk-copy-button)) {
+            align-items: stretch;
+        }
+
+        .form-control__end ::slotted(pk-copy-button) {
+            display: inline-flex;
+            align-self: stretch;
+            align-items: stretch;
+            max-width: none;
+            max-height: none;
+            /*
+             * Pull into trailing padding like combobox expand/clear, but leave a
+             * small inset so the glyph is not tight against the field border.
+             */
+            margin-inline-end: calc(-1 * var(--pk-input-padding-inline) + 4px);
+            margin-block: calc(-1 * var(--pk-input-padding-block));
+        }
+
         .input {
             display: block;
             width: 100%;
             margin: 0;
             /* v1 Input default: py-1.5 + text-sm (14px / 1.25rem lh) → 34px with border. */
-            padding-block: 6px;
+            padding-block: var(--pk-input-padding-block);
             padding-inline: 0;
             border: 0;
             border-radius: 0;
@@ -252,43 +285,47 @@ var pkInputStyles = i`
             box-shadow: var(--pk-input-invalid-focus-shadow);
         }
 
-        :host([size='xs']) .form-control__input {
-            gap: 4px;
-            padding-inline: 6px;
+        :host([size='xs']) {
+            --pk-input-padding-block: 4px;
+            --pk-input-padding-inline: 6px;
+            --pk-input-control-gap: 4px;
+            --pk-input-decoration-size: 0.625rem;
         }
 
         :host([size='xs']) .input {
-            padding-block: 4px;
             font-size: 11px;
         }
 
-        :host([size='sm']) .form-control__input {
-            gap: 4px;
-            padding-inline: 8px;
+        :host([size='sm']) {
+            --pk-input-padding-block: 4px;
+            --pk-input-padding-inline: 8px;
+            --pk-input-control-gap: 4px;
+            --pk-input-decoration-size: 0.6875rem;
         }
 
         :host([size='sm']) .input {
-            padding-block: 4px;
             font-size: 12px;
         }
 
-        :host([size='lg']) .form-control__input {
-            gap: 8px;
-            padding-inline: 12px;
+        :host([size='lg']) {
+            --pk-input-padding-block: 8px;
+            --pk-input-padding-inline: 12px;
+            --pk-input-control-gap: 8px;
+            --pk-input-decoration-size: 0.875rem;
         }
 
         :host([size='lg']) .input {
-            padding-block: 8px;
             font-size: var(--pk-font-size-base);
         }
 
-        :host([size='xl']) .form-control__input {
-            gap: 8px;
-            padding-inline: 16px;
+        :host([size='xl']) {
+            --pk-input-padding-block: 10px;
+            --pk-input-padding-inline: 16px;
+            --pk-input-control-gap: 8px;
+            --pk-input-decoration-size: 1rem;
         }
 
         :host([size='xl']) .input {
-            padding-block: 10px;
             font-size: 16px;
         }
 
@@ -411,15 +448,24 @@ var pkInputStyles = i`
             border-bottom-width: 0;
         }
 
+        /*
+         * Clear is a flex trailing action (not absolute). Reserves width in the
+         * control so values cannot scroll under the glyph — same contract as
+         * combobox clear/expand and image-browser clear.
+         */
         .clear-button {
-            position: absolute;
-            inset-inline-end: 6px;
-            inset-block-start: 50%;
-            translate: 0 -50%;
-        }
-
-        .form-control__input:has(.clear-button) .input {
-            padding-inline-end: 20px;
+            display: inline-flex;
+            flex-shrink: 0;
+            align-self: stretch;
+            align-items: center;
+            justify-content: center;
+            box-sizing: border-box;
+            width: calc(var(--pk-input-decoration-size) + var(--pk-input-padding-inline));
+            margin-block: calc(-1 * var(--pk-input-padding-block));
+            /* Match pk-copy-button[slot=end]: pull into padding but leave a 4px glyph inset. */
+            margin-inline-end: calc(-1 * var(--pk-input-padding-inline) + 4px);
+            font-size: var(--pk-input-decoration-size);
+            line-height: 1;
         }
     }
 `;

package/dist-loader/chunks/{pk-lightswitch-DJEUScgo.js → pk-lightswitch-DRxY8511.js}

@@ -1,5 +1,5 @@
 import { f as A, l as n, m as i, p as b, s as e, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "./pk-base-CyzwylQ7.js";
 import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
 import { t as RequiredValidator } from "./required-validator-0XwZtX9k.js";
 import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";

package/dist-loader/chunks/{pk-option-CunPIei0.js → pk-option-Cc6QWw-0.js}

@@ -1,7 +1,7 @@
 import { a as o, f as A, l as n, m as i, p as b, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "./pk-base-B21zXxSo.js";
-import { m as check } from "./svg-_Mtb7CHx.js";
-import { n as renderIconHtml } from "./render-Niz5wYRa.js";
+import { c as __decorate, l as PkElement } from "./pk-base-CyzwylQ7.js";
+import { m as check } from "./svg-BiAlXtCn.js";
+import { n as renderIconHtml } from "./render-BKfL_WRl.js";
 //#region src/utils/highlight-text.ts
 /** Split label text into matched/unmatched segments for typeahead highlighting. */
 function splitHighlightParts(text, search) {
@@ -168,6 +168,7 @@ var PkOption = class PkOption extends PkElement {
 	static {
 		this.styles = pkOptionStyles;
 	}
+	/** Focus the option’s inner control (listbox keyboard navigation). */
 	focusControl(preventScroll = true) {
 		this.shadowRoot?.querySelector(".option")?.focus({ preventScroll });
 	}
@@ -234,7 +235,7 @@ var PkOption = class PkOption extends PkElement {
 			" ",
 			"Escape"
 		]).has(event.key)) return;
-		const owner = this.closest("pk-select, pk-combobox");
+		const owner = this.closest("pk-select, pk-combobox, pk-autocomplete");
 		const panel = owner ? null : this.closest("[role=\"listbox\"]");
 		if (!owner && !panel) return;
 		event.preventDefault();

package/dist-loader/chunks/{pk-popup-FDdBxb4k.js → pk-popup-BooGjXgH.js}

@@ -1,6 +1,6 @@
 import { t as SUPPORTS_POPOVER } from "./supports-popover-COjbi2RP.js";
 import { f as A, i as e$1, l as n, m as i$1, p as b, s as e$2, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "./pk-base-CyzwylQ7.js";
 import { t as computePopupTransformOrigin } from "./popup-placement-animation-WlEXnS85.js";
 import { a as offset, c as size, i as flip, l as getOverflowAncestors, n as autoUpdate, o as platform, r as computePosition, s as shift, t as arrow, u as isContainingBlock } from "./floating-ui-DU6GNott.js";
 //#region src/internal/resolve-element-by-id.ts

package/dist-loader/chunks/{pk-select-CbAaQ7uE.js → pk-select-BG8qPsBd.js}

@@ -1,15 +1,15 @@
 import { d as registerDismissible, f as unregisterDismissible, n as uniqueId, s as scrollIntoView, u as isTopDismissible } from "./pk-a11y-CjB4-U-R.js";
 import { a as o, c as r, f as A, i as e, l as n, m as i, p as b, s as e$1, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement, s as iconStyles } from "./pk-base-B21zXxSo.js";
-import { h as chevronDown } from "./svg-_Mtb7CHx.js";
+import { c as __decorate, i as PkFormAssociatedElement, s as iconStyles } from "./pk-base-CyzwylQ7.js";
+import { h as chevronDown } from "./svg-BiAlXtCn.js";
 import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
 import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
 import { t as PkClearEvent } from "./pk-clear-BMZUzwDt.js";
-import { n as renderIconHtml } from "./render-Niz5wYRa.js";
+import { n as renderIconHtml } from "./render-BKfL_WRl.js";
 import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
 import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-WlEXnS85.js";
 import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-duCg9-CH.js";
-import "./pk-popup-FDdBxb4k.js";
+import "./pk-popup-BooGjXgH.js";
 import { n as isPointerInsideOverlay, t as isEventInsideOverlay } from "./popup-pointer-caPc8kwB.js";
 import { a as isListboxTypeToSelectKey, i as handleListboxKeyDown, n as LISTBOX_NAVIGATION_KEYS, r as createTypeToSelectHandler, t as syncListboxSeparators } from "./sync-listbox-separators-Dk_E_IVa.js";
 //#region src/components/select/pk-select.styles.ts
@@ -740,10 +740,12 @@ var PkSelect = class PkSelect extends PkFormAssociatedElement {
 	getActiveDescendantId() {
 		return this.getEnabledVisibleOptions()[this.highlightedIndex]?.optionId || null;
 	}
+	/** Opens the listbox. */
 	async show() {
 		if (this.open || this.closing || this.disabled) return;
 		await this.openPanel();
 	}
+	/** Closes the listbox. */
 	async hide(source = "api") {
 		if (!this.open || this.closing) return;
 		await this.closePanel(source);

package/dist-loader/chunks/{pk-spinner-CIbXjDnp.js → pk-spinner-BKU9Rf2R.js}

@@ -1,5 +1,5 @@
 import { l as n, m as i, p as b, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement, u as hostDisplayInlineBlock } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement, u as hostDisplayInlineBlock } from "./pk-base-CyzwylQ7.js";
 //#region src/components/spinner/pk-spinner.styles.ts
 var pkSpinnerStyles = [hostDisplayInlineBlock, i`
         @layer pk-component {

package/dist-loader/chunks/{pk-status-BRIVW7EH.js → pk-status-D3ArH2ui.js}

@@ -1,5 +1,5 @@
 import { f as A, l as n, m as i, p as b, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "./pk-base-CyzwylQ7.js";
 //#region src/components/status/pk-status.styles.ts
 var pkStatusStyles = i`
     @layer pk-component {

package/dist-loader/chunks/{pk-textarea-C_rOUtFS.js → pk-textarea-CC7rA5A7.js}

@@ -1,6 +1,6 @@
 import { n as uniqueId } from "./pk-a11y-CjB4-U-R.js";
 import { c as r, f as A, l as n, m as i, n as l, p as b, r as o, s as e, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-CyzwylQ7.js";
 import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
 import { t as RequiredValidator } from "./required-validator-0XwZtX9k.js";
 import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";

package/dist-loader/chunks/{pk-time-picker-Dr3uvbvc.js → pk-time-picker-CDVFNhN7.js}

@@ -1,9 +1,9 @@
 import { m as i, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate } from "./pk-base-B21zXxSo.js";
-import { v as clock } from "./svg-_Mtb7CHx.js";
-import { t as createIconElement } from "./render-Niz5wYRa.js";
-import "./pk-option-CunPIei0.js";
-import { n as pkSelectStyles, t as PkSelect } from "./pk-select-CbAaQ7uE.js";
+import { c as __decorate } from "./pk-base-CyzwylQ7.js";
+import { v as clock } from "./svg-BiAlXtCn.js";
+import { t as createIconElement } from "./render-BKfL_WRl.js";
+import "./pk-option-Cc6QWw-0.js";
+import { n as pkSelectStyles, t as PkSelect } from "./pk-select-BG8qPsBd.js";
 //#region src/utils/time-options.ts
 var timeOptionsCache = null;
 function resolveTimepickerOptions() {

package/dist-loader/chunks/{pk-tooltip-HwZ0zRd2.js → pk-tooltip-BS2dNLOS.js}

@@ -1,9 +1,9 @@
 import { n as uniqueId } from "./pk-a11y-CjB4-U-R.js";
 import { c as r, f as A, i as e, l as n, m as i, p as b, s as e$1, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "./pk-base-CyzwylQ7.js";
 import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
 import { i as waitForPopupReposition, n as getPopupSide, r as syncPopupPlacementAnimation } from "./popup-placement-animation-WlEXnS85.js";
-import { n as resolveElementById } from "./pk-popup-FDdBxb4k.js";
+import { n as resolveElementById } from "./pk-popup-BooGjXgH.js";
 var pkTooltipStyles = [i`
     @layer pk-component {
         .content.pk-popup-content {

package/dist-loader/chunks/{render-Niz5wYRa.js → render-BKfL_WRl.js}

@@ -1,4 +1,4 @@
-import { t as iconToSvg } from "./svg-_Mtb7CHx.js";
+import { t as iconToSvg } from "./svg-BiAlXtCn.js";
 //#region src/icons/render.ts
 var renderIconHtml = (icon, options = {}) => {
 	return iconToSvg(icon, { title: options.title });

package/dist-loader/chunks/{svg-_Mtb7CHx.js → svg-BiAlXtCn.js}

@@ -505,14 +505,16 @@ var iconToSvg = (icon, options = {}) => {
 		...attributes
 	};
 	if (className) attrs.class = className;
-	if (title) attrs.role = "img";
-	else {
+	if (title) {
+		attrs.role = "img";
+		attrs["aria-label"] = title;
+	} else {
 		attrs["aria-hidden"] = "true";
 		attrs.focusable = "false";
 	}
 	return `<svg ${Object.entries(attrs).map(([key, value]) => {
 		return `${key}="${escapeHtml(value)}"`;
-	}).join(" ")}>${title ? `<title>${escapeHtml(title)}</title>` : ""}<path fill="currentColor" d="${escapeHtml(icon.path)}"/></svg>`;
+	}).join(" ")}><path fill="currentColor" d="${escapeHtml(icon.path)}"/></svg>`;
 };
 //#endregion
 export { heading as A, plus as B, gripMove as C, h4 as D, h3 as E, link as F, table as G, strikethrough as H, listOl as I, underline as J, textSlash as K, listUl as L, icons as M, italic as N, h5 as O, lightbulb as P, minus as R, gear as S, h2 as T, subscript as U, quoteRight as V, superscript as W, xmark as Y, chevronRight as _, alignRight as a, ellipsis as b, arrowRotateRight as c, bold as d, bracketsCurly as f, chevronLeft as g, chevronDown as h, alignLeft as i, highlighter as j, h6 as k, arrowUp as l, check as m, alignCenter as n, arrowDown as o, calendar as p, triangleExclamation as q, alignJustify as r, arrowRotateLeft as s, iconToSvg as t, asterisk as u, clock as v, h1 as w, fileDashedLine as x, code as y, paragraph as z };

package/dist-loader/chunks/{tiptap.styles-BIRIMP7I.js → tiptap.styles-BFGP4eTV.js}

@@ -1250,11 +1250,12 @@ function createVariableTagDomNodeView() {
 			dom.classList.toggle("pk-variable-tag--unresolved", unresolved);
 			if (unresolved) {
 				dom.dataset.unresolved = "true";
-				dom.title = token ? `Unknown or missing reference — ${token}` : "Unknown or missing reference";
+				const description = token ? `Unknown or missing reference — ${token}` : "Unknown or missing reference";
+				dom.setAttribute("aria-description", description);
 				label.setAttribute("aria-invalid", "true");
 			} else {
 				delete dom.dataset.unresolved;
-				dom.removeAttribute("title");
+				dom.removeAttribute("aria-description");
 				label.removeAttribute("aria-invalid");
 			}
 			label.textContent = chipLabel;