@verbb/plugin-kit-web 2.0.15 → 2.0.17

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
 import { n as buttonGroupCornerRadiusStyles } from "../../chunks/button-group-item.styles-CsBQ3Cyh.js";
 //#region src/components/button-group/pk-button-group-text.styles.ts
 var pkButtonGroupTextStyles = [buttonGroupCornerRadiusStyles(".text", "var(--pk-radius-lg)"), i`

package/dist-loader/components/button-group/button-group.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 "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
 //#region src/components/button-group/pk-button-group.styles.ts
 var pkButtonGroupStyles = i`
     @layer pk-component {

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

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

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

@@ -1,2 +1,2 @@
-import { t as PkCheckbox } from "../../chunks/pk-checkbox-BrZQB816.js";
+import { t as PkCheckbox } from "../../chunks/pk-checkbox-B3d4nkBx.js";
 export { PkCheckbox };

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

@@ -1,6 +1,6 @@
 import { c as r, i as e, l as n, m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
-import "../../chunks/pk-checkbox-BrZQB816.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
+import "../../chunks/pk-checkbox-B3d4nkBx.js";
 //#region src/components/checkbox-select/pk-checkbox-select.styles.ts
 var pkCheckboxSelectStyles = i`
     @layer pk-component {

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

@@ -1,13 +1,13 @@
 import { c as r, l as n, m as i, p as b, s as e, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-B21zXxSo.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-CyzwylQ7.js";
 import { t as MirrorValidator } from "../../chunks/mirror-validator-C5XrXPaq.js";
 import { T as EditorState, _ as highlightActiveLine, a as html, b as keymap, c as closeBracketsKeymap, d as defaultHighlightStyle, f as indentOnInput, g as drawSelection, h as EditorView, i as json, l as css, m as syntaxHighlighting, n as history, o as javascript, p as indentUnit, r as historyKeymap, s as closeBrackets, t as defaultKeymap, u as bracketMatching, v as highlightActiveLineGutter, w as Compartment, x as lineNumbers, y as highlightSpecialChars } from "../../chunks/codemirror-CSgOT0QM.js";
-//#region node_modules/@verbb/plugin-kit-codemirror-core/dist/constants.js
+//#region @verbb/plugin-kit-codemirror-core/dist/constants.js
 function computeCodeEditorMinHeight(rows = 12) {
 	return `${Math.max(Number(rows) || 12, 4) * 18 + 12}px`;
 }
 //#endregion
-//#region node_modules/@verbb/plugin-kit-codemirror-core/dist/languages.js
+//#region @verbb/plugin-kit-codemirror-core/dist/languages.js
 function languageUsesSyntaxHelpers(language) {
 	return language !== "text";
 }
@@ -21,7 +21,7 @@ function createLanguageExtension(language) {
 	}
 }
 //#endregion
-//#region node_modules/@verbb/plugin-kit-codemirror-core/dist/theme.js
+//#region @verbb/plugin-kit-codemirror-core/dist/theme.js
 /** Editor content surface — matches @uiw/react-codemirror default light theme. */
 var CODE_EDITOR_SURFACE_BG = "#ffffff";
 /** Gutter strip beside line numbers. */
@@ -71,7 +71,7 @@ var codeEditorTheme = EditorView.theme({
 	".cm-selectionBackground, &.cm-focused .cm-selectionBackground, ::selection": { backgroundColor: `rgba(59, 130, 246, 0.35) !important` }
 });
 //#endregion
-//#region node_modules/@verbb/plugin-kit-codemirror-core/dist/extensions.js
+//#region @verbb/plugin-kit-codemirror-core/dist/extensions.js
 function createEditorSetupExtensions(language, showLineNumbers) {
 	const usesSyntaxHelpers = languageUsesSyntaxHelpers(language);
 	const extensions = [
@@ -118,7 +118,7 @@ function createCodeEditorExtensions({ language = "html", tabSize = 4, lineNumber
 	return extensions;
 }
 //#endregion
-//#region node_modules/@verbb/plugin-kit-codemirror-core/dist/host.js
+//#region @verbb/plugin-kit-codemirror-core/dist/host.js
 var CodeMirrorHost = class {
 	view = null;
 	editableCompartment = new Compartment();

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { c as r, d as i, l as n, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate } from "../../chunks/pk-base-B21zXxSo.js";
-import "../../chunks/pk-button-Dh4gjLHw.js";
-import { c as watchCpFormDirty, s as submitCpFormAction, t as pkConnectStyles } from "../../chunks/pk-connect.styles-Bfgwu0VH.js";
-import "../../chunks/pk-status-BRIVW7EH.js";
+import { c as __decorate } from "../../chunks/pk-base-CyzwylQ7.js";
+import "../../chunks/pk-button-saBDszJV.js";
+import { c as watchCpFormDirty, s as submitCpFormAction, t as pkConnectStyles } from "../../chunks/pk-connect.styles-k61snd3X.js";
+import "../../chunks/pk-status-D2g_77m_.js";
 //#region src/components/connect/pk-connect-oauth.ts
 var PkConnectOauth = class PkConnectOauth extends i {
 	constructor(..._args) {

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

@@ -1,10 +1,10 @@
 import { c as r, d as i, f as A, l as n, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate } from "../../chunks/pk-base-B21zXxSo.js";
-import "../../chunks/pk-icon-WHUu7wxk.js";
-import "../../chunks/pk-button-Dh4gjLHw.js";
-import "../../chunks/pk-dialog-BpPRqFMm.js";
-import { a as sendCpConnectRequest, c as watchCpFormDirty, i as resolveConnectError, n as buildConnectPayload, o as serializeCpForm, r as escapeCpHtml, t as pkConnectStyles } from "../../chunks/pk-connect.styles-Bfgwu0VH.js";
-import "../../chunks/pk-status-BRIVW7EH.js";
+import { c as __decorate } from "../../chunks/pk-base-CyzwylQ7.js";
+import "../../chunks/pk-icon-Bph-EBqp.js";
+import "../../chunks/pk-button-saBDszJV.js";
+import "../../chunks/pk-dialog-C6aaPokv.js";
+import { a as sendCpConnectRequest, c as watchCpFormDirty, i as resolveConnectError, n as buildConnectPayload, o as serializeCpForm, r as escapeCpHtml, t as pkConnectStyles } from "../../chunks/pk-connect.styles-k61snd3X.js";
+import "../../chunks/pk-status-D2g_77m_.js";
 //#region src/components/connect/pk-connect.ts
 var pkStatusForState = (status) => {
 	if (status === "connected") return "on";

package/dist-loader/components/copy-button/copy-button.js

@@ -1,8 +1,8 @@
 import { c as r, l as n, m as i, o, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
-import { m as check } from "../../chunks/svg-_Mtb7CHx.js";
-import "../../chunks/pk-button-Dh4gjLHw.js";
-import { n as renderIconHtml } from "../../chunks/render-Niz5wYRa.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
+import { m as check } from "../../chunks/svg-Bz-bXZn7.js";
+import "../../chunks/pk-button-saBDszJV.js";
+import { n as renderIconHtml } from "../../chunks/render-Bnzcxfss.js";
 //#region src/events/pk-copy.ts
 /** Emitted when copy-button successfully copies text. */
 var PkCopyEvent = class extends Event {
@@ -63,6 +63,45 @@ var pkCopyButtonStyles = i`
             width: var(--pk-btn-height-default);
             min-width: var(--pk-btn-height-default);
         }
+
+        /*
+         * In-control trailing action (slot=end on pk-input, etc.): same family as
+         * combobox expand/clear and image-browser clear — flex-reserved hit box
+         * flush to the field edge, glyph sized via --pk-input-decoration-size.
+         */
+        :host([slot='end']) {
+            display: inline-flex;
+            align-self: stretch;
+            height: auto;
+            /* size=none buttons resolve --pk-btn-icon-size: 1em against this. */
+            font-size: var(--pk-input-decoration-size, 0.75rem);
+        }
+
+        :host([slot='end']) pk-button {
+            display: flex;
+            height: 100%;
+        }
+
+        :host([slot='end']) pk-button::part(base) {
+            box-sizing: border-box;
+            width: calc(
+                var(--pk-input-decoration-size, 0.75rem) + var(--pk-input-padding-inline, 8px)
+            );
+            min-width: calc(
+                var(--pk-input-decoration-size, 0.75rem) + var(--pk-input-padding-inline, 8px)
+            );
+            height: 100%;
+            min-height: 100%;
+            padding: 0;
+            border-width: 0;
+            border-radius: 0;
+            background: transparent;
+            color: var(--pk-color-gray-600);
+        }
+
+        :host([slot='end']) pk-button::part(base):hover:not(:disabled) {
+            color: var(--pk-color-gray-800);
+        }
     }
 `;
 //#endregion
@@ -109,12 +148,14 @@ var PkCopyButton = class PkCopyButton extends PkElement {
 		}
 	}
 	render() {
+		const inControl = this.getAttribute("slot") === "end";
 		return b`
             <pk-button
                 part="button"
-                variant=${this.variant}
-                size="default"
-                title="Copy"
+                variant=${inControl ? "none" : this.variant}
+                size=${inControl ? "none" : "default"}
+                ?icon=${inControl}
+                aria-label="Copy"
                 ?disabled=${this.disabled}
                 @click=${this.handleCopy}
             >

package/dist-loader/components/date-picker/date-picker.js

@@ -1,2 +1,2 @@
-import { t as PkDatePicker } from "../../chunks/pk-date-picker-Dni5ty79.js";
+import { t as PkDatePicker } from "../../chunks/pk-date-picker-DEoiTOxN.js";
 export { PkDatePicker };

package/dist-loader/components/dialog/dialog.js

@@ -1,2 +1,2 @@
-import { t as PkDialog } from "../../chunks/pk-dialog-BpPRqFMm.js";
+import { t as PkDialog } from "../../chunks/pk-dialog-C6aaPokv.js";
 export { PkDialog };

package/dist-loader/components/dropdown-menu/dropdown-item.js

@@ -1,2 +1,2 @@
-import { t as PkDropdownItem } from "../../chunks/pk-dropdown-item-CHkFNlA9.js";
+import { t as PkDropdownItem } from "../../chunks/pk-dropdown-item-D8RrwjxL.js";
 export { PkDropdownItem };

package/dist-loader/components/dropdown-menu/dropdown-label.js

@@ -1,51 +1,2 @@
-import { m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
-//#region src/components/dropdown-menu/pk-dropdown-label.styles.ts
-var pkDropdownLabelStyles = i`
-    @layer pk-component {
-        :host {
-            display: block;
-            /*
-             * Slotted label copy inherits through the flat tree from this host
-             * when page metrics would otherwise leak via font:inherit chains.
-             */
-            font-size: var(--pk-dropdown-label-font-size, 13px);
-            line-height: 1.3;
-            color: var(--pk-color-slate-700, rgba(96, 125, 159, 0.7));
-        }
-
-        /* Match v1 DropdownMenuLabel — text-slate-700, regular weight (not medium). */
-        .label {
-            margin: 0;
-            padding-block-start: 6px;
-            padding-block-end: 4px;
-            padding-inline: var(--pk-dropdown-label-padding-inline, 12px);
-            color: inherit;
-            font: inherit;
-            font-weight: 400;
-            user-select: none;
-            pointer-events: none;
-        }
-    }
-`;
-//#endregion
-//#region src/components/dropdown-menu/pk-dropdown-label.ts
-var PkDropdownLabel = class PkDropdownLabel extends PkElement {
-	static {
-		this.styles = pkDropdownLabelStyles;
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		this.setAttribute("role", "presentation");
-	}
-	render() {
-		return b`
-            <div part="label" class="label">
-                <slot></slot>
-            </div>
-        `;
-	}
-};
-PkDropdownLabel = __decorate([customElement("pk-dropdown-label")], PkDropdownLabel);
-//#endregion
+import { t as PkDropdownLabel } from "../../chunks/pk-dropdown-label-Cg32UgRe.js";
 export { PkDropdownLabel };

package/dist-loader/components/dropdown-menu/dropdown-menu.js

@@ -1,2 +1,2 @@
-import { t as PkDropdownMenu } from "../../chunks/pk-dropdown-menu-BHVOMNV1.js";
+import { t as PkDropdownMenu } from "../../chunks/pk-dropdown-menu-CAHCltlX.js";
 export { PkDropdownMenu };

package/dist-loader/components/dropdown-menu/dropdown-separator.js

@@ -1,5 +1,5 @@
 import { m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
 //#region src/components/dropdown-menu/pk-dropdown-separator.ts
 var PkDropdownSeparator = class PkDropdownSeparator extends PkElement {
 	static {

package/dist-loader/components/editable-table/editable-table.js

@@ -1,22 +1,22 @@
 import { c as r, f as A, i as e, l as n, m as i, o, p as b, t as c, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement } from "../../chunks/pk-base-B21zXxSo.js";
-import { B as plus, C as gripMove, S as gear, Y as xmark, b as ellipsis, l as arrowUp, o as arrowDown } from "../../chunks/svg-_Mtb7CHx.js";
+import { c as __decorate, i as PkFormAssociatedElement } from "../../chunks/pk-base-CyzwylQ7.js";
+import { B as plus, C as gripMove, S as gear, X as xmark, b as ellipsis, l as arrowUp, o as arrowDown } from "../../chunks/svg-Bz-bXZn7.js";
 import { t as getIcon } from "../../chunks/registry-BanyScVR.js";
-import "../../chunks/pk-button-Dh4gjLHw.js";
+import "../../chunks/pk-button-saBDszJV.js";
 import { t as RequiredValidator } from "../../chunks/required-validator-0XwZtX9k.js";
-import "../../chunks/pk-checkbox-BrZQB816.js";
-import "../../chunks/pk-color-input-sS05YOwT.js";
-import "../../chunks/pk-input-CEw3AdYt.js";
-import "../../chunks/pk-textarea-C_rOUtFS.js";
-import { n as renderIconHtml } from "../../chunks/render-Niz5wYRa.js";
-import "../../chunks/pk-dropdown-item-CHkFNlA9.js";
-import "../../chunks/pk-dropdown-menu-BHVOMNV1.js";
-import "../../chunks/pk-lightswitch-DJEUScgo.js";
-import "../../chunks/pk-option-CunPIei0.js";
-import "../../chunks/pk-select-CbAaQ7uE.js";
-import "../../chunks/pk-date-picker-Dni5ty79.js";
-import "../../chunks/pk-combobox-B7q6alzE.js";
-import "../../chunks/pk-time-picker-Dr3uvbvc.js";
+import "../../chunks/pk-checkbox-B3d4nkBx.js";
+import "../../chunks/pk-color-input-CD-r_sfG.js";
+import "../../chunks/pk-input-BhU0PiCk.js";
+import "../../chunks/pk-textarea-CC7rA5A7.js";
+import { n as renderIconHtml } from "../../chunks/render-Bnzcxfss.js";
+import "../../chunks/pk-dropdown-item-D8RrwjxL.js";
+import "../../chunks/pk-dropdown-menu-CAHCltlX.js";
+import "../../chunks/pk-lightswitch-m23Cy3_D.js";
+import "../../chunks/pk-option-BrDMERSl.js";
+import "../../chunks/pk-select-Dok-JdSe.js";
+import "../../chunks/pk-date-picker-DEoiTOxN.js";
+import "../../chunks/pk-combobox-Cpx0w1KV.js";
+import "../../chunks/pk-time-picker-h5Wgd4a_.js";
 //#region src/components/editable-table/editable-table-dnd.ts
 /**
 * Table-native pointer drag for `<pk-editable-table>` rows.
@@ -1528,7 +1528,7 @@ var PkEditableTable = class PkEditableTable extends PkFormAssociatedElement {
             data-row-id=${rowId}
             data-tone=${rowMod.tone || A}
             class=${rowMod.class ? e(Object.fromEntries(rowMod.class.split(/\s+/).filter(Boolean).map((token) => [token, true]))) : A}
-            title=${rowMod.title || A}
+            aria-label=${rowMod.title || A}
         >
             ${columns.map((column) => {
 			const resolved = this.resolveColumn(row, column, rowIndex);
@@ -1541,7 +1541,6 @@ var PkEditableTable = class PkEditableTable extends PkFormAssociatedElement {
 				...columnClass ? Object.fromEntries(columnClass.split(/\s+/).filter(Boolean).map((token) => [token, true])) : {}
 			})}
                     style=${resolved.width || column.width ? `width: ${resolved.width || column.width}` : A}
-                    title=${errors.length ? errors.join("\n") : A}
                 >
                     ${this.renderCell(resolved, row, rowIndex, errors.length > 0)}
                 </td>`;
@@ -1560,9 +1559,8 @@ var PkEditableTable = class PkEditableTable extends PkFormAssociatedElement {
                                         class="action-btn"
                                         variant="none"
                                         size="xs"
-                                        aria-label="Reorder row"
+                                        aria-label=${!this.dndReady && !this.disabled ? "Preparing drag…" : "Reorder row"}
                                         ?disabled=${this.disabled || !this.dndReady}
-                                        title=${!this.dndReady && !this.disabled ? "Preparing drag…" : A}
                                     >${o(START_GRIP_MOVE_ICON)}</pk-button>
                                 </span>` : A}
                         ${showRowMenu ? b`<pk-dropdown-menu size="sm" placement="bottom-end" side-offset="2">

package/dist-loader/components/field/field.js

@@ -1,2 +1,2 @@
-import { t as PkField } from "../../chunks/pk-field-CJ09ll1S.js";
+import { t as PkField } from "../../chunks/pk-field-V7JOy26T.js";
 export { PkField };

package/dist-loader/components/icon/icon.js

@@ -1,6 +1,6 @@
-import { M as icons } from "../../chunks/svg-_Mtb7CHx.js";
+import { M as icons } from "../../chunks/svg-Bz-bXZn7.js";
 import { n as normalizeIconName, r as registerIcons } from "../../chunks/registry-BanyScVR.js";
-import "../../chunks/pk-icon-WHUu7wxk.js";
+import "../../chunks/pk-icon-Bph-EBqp.js";
 //#region ../plugin-kit-icons/dist/all.js
 /**
 * Side-effect entry: register every curated icon for `<pk-icon icon="…">` lookup.