@verbb/plugin-kit-web 2.0.22 → 2.0.24

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

@@ -1,8 +1,276 @@
-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-B2MqxErC.js";
-import { t as MirrorValidator } from "../../chunks/mirror-validator-C5XrXPaq.js";
-import { A as Editor } from "../../chunks/tiptap-CgXkiK8d.js";
-import { C as contentToValue, E as valueToContent, M as createTiptapInputExtensions, T as flattenVariableOptions, i as createVariableTagDomNodeView, n as tiptapInputProseMirrorStyles, w as dedupeVariableOptions } from "../../chunks/tiptap.styles-C0E1NpSx.js";
+import { a as e, c as customElement, m as i, o as r, p as b, s as n } from "../../chunks/lit-B6nFKgbW.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-BGegy7-X.js";
+import { t as MirrorValidator } from "../../chunks/mirror-validator-BkZlEv1Z.js";
+import { t as Editor } from "../../chunks/tiptap-uppXgD5k.js";
+import { i as createVariableTagDomNodeView, n as tiptapInputProseMirrorStyles, s as createTiptapInputExtensions } from "../../chunks/tiptap.styles-CyqI_Wrl.js";
+//#region ../plugin-kit-tiptap-core/dist/serialization/input.js
+var TRANSFORMER_ID_PREFIX = "transform=";
+function parseTokenMetadata(tokenValue) {
+	const match = tokenValue.match(/^\{([^}]*)\}$/);
+	if (!match) return { tokenWithoutDefault: tokenValue };
+	let body = match[1] ?? "";
+	let defaultIfEmpty;
+	if (body.includes("|")) {
+		const split = body.split("|");
+		body = split.shift() ?? "";
+		defaultIfEmpty = split.join("|").trim() || void 0;
+	}
+	const segments = body.split(";").map((part) => {
+		return part.trim();
+	}).filter(Boolean);
+	const cleanSegments = [];
+	let transformerId;
+	let transformerParams;
+	const referenceParams = {};
+	let isTransformerParam = false;
+	segments.forEach((segment) => {
+		if (segment.startsWith(TRANSFORMER_ID_PREFIX)) {
+			transformerId = decodeURIComponent(segment.slice(10)).trim() || void 0;
+			isTransformerParam = true;
+			return;
+		}
+		if (segment.includes("=")) {
+			const [keyRaw, ...valueParts] = segment.split("=");
+			const key = (keyRaw ?? "").trim().toLowerCase();
+			if (!key) return;
+			const value = decodeURIComponent(valueParts.join("=").trim());
+			if (isTransformerParam) {
+				if (!transformerParams) transformerParams = {};
+				transformerParams[key] = value;
+				return;
+			}
+			referenceParams[key] = value;
+			cleanSegments.push(`${key}=${encodeURIComponent(value)}`);
+			return;
+		}
+		cleanSegments.push(segment);
+	});
+	return {
+		tokenWithoutDefault: `{${cleanSegments.join(";")}}`,
+		defaultIfEmpty,
+		transformerId,
+		transformerParams,
+		referenceParams
+	};
+}
+function isVariableLikeToken(tokenValue) {
+	return /^\{[a-zA-Z][a-zA-Z0-9_]*(?::[^}]*)?\}$/.test(tokenValue);
+}
+/** Craft field UIDs — never surface these as chip labels. */
+var FIELD_UID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+function isLikelyFieldUid(value) {
+	return FIELD_UID_PATTERN.test(String(value || "").trim());
+}
+function toTitleWords(value) {
+	return value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().replace(/\s+/g, " ").replace(/\b\w/g, (char) => {
+		return char.toUpperCase();
+	});
+}
+/**
+* Label when no variable option matched. Prefer a clear "unknown" prompt over
+* title-casing UIDs (e.g. "7aff44ed Bca7…"), which looks broken rather than fixable.
+*/
+function buildFallbackLabelForUnknownToken(tokenWithoutDefault) {
+	if (tokenWithoutDefault.match(/^\{field:([^}]+)\}$/)) return "Unknown field";
+	const [target = "", identifier = "", selector = ""] = tokenWithoutDefault.replace(/^\{|\}$/g, "").split(":");
+	const reference = String(selector || identifier || target).split(";")[0]?.trim() ?? "";
+	if (isLikelyFieldUid(reference) || isLikelyFieldUid(identifier)) return "Unknown variable";
+	if (target) return toTitleWords(reference) || "Unknown variable";
+	return "Unknown variable";
+}
+function serializeTokenMetadata(baseToken, metadata) {
+	const baseMatch = baseToken.match(/^\{([^}]*)\}$/);
+	if (!baseMatch) return baseToken;
+	const parts = [baseMatch[1]];
+	const transformerId = metadata.transformerId?.trim();
+	const params = metadata.transformerParams && typeof metadata.transformerParams === "object" ? Object.entries(metadata.transformerParams) : [];
+	if (transformerId) {
+		parts.push(`${TRANSFORMER_ID_PREFIX}${encodeURIComponent(transformerId)}`);
+		params.forEach(([key, value]) => {
+			const normalizedKey = String(key ?? "").trim();
+			if (!normalizedKey || normalizedKey === "transform") return;
+			const normalizedValue = value == null ? "" : String(value);
+			parts.push(`${normalizedKey}=${encodeURIComponent(normalizedValue)}`);
+		});
+	}
+	const tokenBody = parts.filter(Boolean).join(";");
+	const defaultIfEmpty = metadata.defaultIfEmpty?.trim();
+	return defaultIfEmpty ? `{${tokenBody}|${defaultIfEmpty}}` : `{${tokenBody}}`;
+}
+function dedupeVariableOptions(items) {
+	const deduped = [];
+	const seen = /* @__PURE__ */ new Set();
+	items.forEach((item) => {
+		const key = String(item?.value ?? "") || `__label:${String(item?.label ?? "")}`;
+		if (seen.has(key)) return;
+		seen.add(key);
+		deduped.push(item);
+	});
+	return deduped;
+}
+function flattenVariableOptions(items) {
+	const flat = [];
+	const visit = (nodes) => {
+		nodes.forEach((node) => {
+			flat.push(node);
+			if (Array.isArray(node.children) && node.children.length > 0) visit(node.children);
+		});
+	};
+	visit(items);
+	return flat;
+}
+/**
+* Build VariableTag attributes from base and selected variable options.
+* Optional defaultIfEmpty is used when the resolved value is empty (e.g. "Guest" for {user:firstName|Guest}).
+*/
+function buildVariableTagAttrs(baseVariable, selectedVariable = baseVariable, options = {}) {
+	const selectedLabel = options.label ?? selectedVariable?.label ?? baseVariable?.label ?? "";
+	const value = options.value ?? selectedVariable?.value ?? baseVariable?.value ?? "";
+	const defaultIfEmpty = options.defaultIfEmpty?.trim();
+	const attrs = {
+		label: selectedLabel,
+		value,
+		openOnInsert: options.openOnInsert ?? false
+	};
+	if (defaultIfEmpty) attrs.default = defaultIfEmpty;
+	if (options.transformerId?.trim()) attrs.transformerId = options.transformerId.trim();
+	if (options.transformerParams && typeof options.transformerParams === "object") attrs.transformerParams = options.transformerParams;
+	return attrs;
+}
+/**
+* Strip optional inline default from token for lookup: {user:firstName|Guest} -> {user:firstName}.
+* Returns [tokenWithoutDefault, defaultText].
+*/
+function parseTokenWithDefault(tokenValue) {
+	const parsed = parseTokenMetadata(tokenValue);
+	return [parsed.tokenWithoutDefault, parsed.defaultIfEmpty];
+}
+function getReferenceBaseToken(tokenValue) {
+	const [tokenWithoutDefault] = parseTokenWithDefault(tokenValue);
+	const match = tokenWithoutDefault.match(/^\{([^}]*)\}$/);
+	if (!match) return tokenWithoutDefault;
+	const body = match[1].split(";")[0]?.trim() ?? "";
+	return body ? `{${body}}` : tokenWithoutDefault;
+}
+function variableValuesMatchReference(tokenValue, optionValue) {
+	if (!tokenValue || !optionValue) return false;
+	if (tokenValue === optionValue) return true;
+	return getReferenceBaseToken(tokenValue) === getReferenceBaseToken(optionValue);
+}
+function resolveVariableTagLabel(tokenValue, option) {
+	const { tokenWithoutDefault } = parseTokenMetadata(String(tokenValue || ""));
+	if (option?.label) return option.label;
+	return buildFallbackLabelForUnknownToken(tokenWithoutDefault);
+}
+function findMatchingVariableOption(items, tokenWithoutDefault) {
+	let fallbackMatch = null;
+	for (const item of items) {
+		const children = Array.isArray(item.children) ? item.children : [];
+		const itemValue = String(item.value ?? "");
+		if (itemValue === tokenWithoutDefault) return item;
+		if (children.length) {
+			const childMatch = findMatchingVariableOption(children, tokenWithoutDefault);
+			if (childMatch?.value === tokenWithoutDefault) return childMatch;
+			if (childMatch && !fallbackMatch) fallbackMatch = childMatch;
+		}
+		if (variableValuesMatchReference(tokenWithoutDefault, itemValue)) {
+			if (!fallbackMatch) fallbackMatch = item;
+		}
+	}
+	return fallbackMatch;
+}
+/**
+* Resolve variable tag attrs from a token string (e.g. '{form:name}' or '{user:firstName|Guest}').
+*/
+function resolveVariableTagByValue(tokenValue, topLevelVariables, allVariables) {
+	const { tokenWithoutDefault, defaultIfEmpty, transformerId, transformerParams } = parseTokenMetadata(tokenValue);
+	const resolvedValue = tokenWithoutDefault;
+	const topLevelMatch = findMatchingVariableOption(topLevelVariables, tokenWithoutDefault);
+	if (topLevelMatch) return buildVariableTagAttrs(topLevelMatch, topLevelMatch, {
+		defaultIfEmpty,
+		transformerId,
+		transformerParams,
+		label: resolveVariableTagLabel(resolvedValue, topLevelMatch),
+		value: resolvedValue
+	});
+	const fallback = findMatchingVariableOption(allVariables, tokenWithoutDefault);
+	if (fallback) return buildVariableTagAttrs(fallback, fallback, {
+		defaultIfEmpty,
+		transformerId,
+		transformerParams,
+		label: resolveVariableTagLabel(resolvedValue, fallback),
+		value: resolvedValue
+	});
+	if (isVariableLikeToken(tokenWithoutDefault)) return {
+		label: resolveVariableTagLabel(tokenWithoutDefault, null),
+		value: tokenWithoutDefault,
+		openOnInsert: false,
+		unresolved: true,
+		...defaultIfEmpty ? { default: defaultIfEmpty } : {},
+		...transformerId ? { transformerId } : {},
+		...transformerParams ? { transformerParams } : {}
+	};
+	return null;
+}
+/**
+* Convert string value with {token} placeholders to Tiptap doc content.
+*/
+function valueToContent(value, topLevelVariables, allVariables, trailingCursorText = "​") {
+	if (!value) return null;
+	const content = value.split(/({.*?})/).flatMap((param) => {
+		if (param.includes("{")) {
+			const variable = resolveVariableTagByValue(param, topLevelVariables, allVariables);
+			if (variable) return [{
+				type: "variableTag",
+				attrs: variable
+			}];
+		}
+		if (!param) return [];
+		return [{
+			type: "text",
+			text: param
+		}];
+	});
+	if (trailingCursorText && content.length && content[content.length - 1].type === "variableTag") content.push({
+		type: "text",
+		text: trailingCursorText
+	});
+	return {
+		type: "doc",
+		content
+	};
+}
+/**
+* Convert Tiptap content to string value.
+* Content is typically editor.getJSON().content (array of block/inline nodes).
+*/
+function contentToValue(content) {
+	if (!content) return "";
+	const items = Array.isArray(content) ? content : [];
+	let result = "";
+	const visit = (nodes) => {
+		nodes.forEach((node) => {
+			if (!node || typeof node !== "object") return;
+			const n = node;
+			if (n.type === "paragraph" && Array.isArray(n.content)) visit(n.content);
+			else if (n.type === "text") result += (n.text ?? "").replace(/[\u200B\u2060]/g, "");
+			else if (n.type === "variableTag") {
+				const val = n.attrs?.value ?? "";
+				const def = n.attrs?.default?.trim();
+				const transformerId = n.attrs?.transformerId?.trim();
+				const transformerParams = n.attrs?.transformerParams;
+				result += serializeTokenMetadata(val, {
+					defaultIfEmpty: def,
+					transformerId,
+					transformerParams
+				});
+			}
+		});
+	};
+	visit(items);
+	return result.replace(/[\r\n]+/g, " ");
+}
+//#endregion
 //#region src/components/tiptap/pk-tiptap-input.styles.ts
 var pkTiptapInputStyles = i`
     @layer pk-component {

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

@@ -1,6 +1,6 @@
-import { f as A, 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-B2MqxErC.js";
-import { i as buttonGroupIndentStyles, n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "../../chunks/button-group-item.styles-CsBQ3Cyh.js";
+import { c as customElement, f as A, m as i, p as b, s as n } from "../../chunks/lit-B6nFKgbW.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-BGegy7-X.js";
+import { i as buttonGroupIndentStyles, n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "../../chunks/button-group-item.styles-BQbvE3sC.js";
 //#region src/components/toggle/pk-toggle.styles.ts
 var pkToggleStyles = [
 	buttonGroupCornerRoleStyles(),

package/dist-loader/components/toggle-group/toggle-group.js

@@ -1,5 +1,5 @@
-import { c as r, 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-B2MqxErC.js";
+import { c as customElement, m as i, o as r, p as b, s as n } from "../../chunks/lit-B6nFKgbW.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-BGegy7-X.js";
 //#region src/components/toggle-group/pk-toggle-group.styles.ts
 var pkToggleGroupStyles = i`
     @layer pk-component {
@@ -132,8 +132,10 @@ var PkToggleGroup = class PkToggleGroup extends PkElement {
 			if (!itemValue) continue;
 			const selected = this.value.includes(itemValue);
 			item.setAttribute("aria-pressed", selected ? "true" : "false");
-			if (item.tagName === "PK-TOGGLE") if (selected) item.setAttribute("pressed", "");
-			else item.removeAttribute("pressed");
+			if (item.tagName === "PK-TOGGLE") {
+				if (selected) item.setAttribute("pressed", "");
+				else item.removeAttribute("pressed");
+			}
 		}
 	}
 	render() {

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

@@ -1,2 +1,2 @@
-import { t as PkTooltip } from "../../chunks/pk-tooltip-DcF9J5GT.js";
+import { t as PkTooltip } from "../../chunks/pk-tooltip-DStkplzy.js";
 export { PkTooltip };

package/dist-loader/plugin-kit.css

@@ -415,6 +415,8 @@ html.pk-scroll-lock {
 
     /* Tier 1a: reserve space for in-flow pk-* elements until they upgrade. */
     :is(
+        pk-alert,
+        pk-state-panel,
         pk-spinner,
         pk-icon,
         pk-button,

package/dist-loader/plugin-kit.loader.js

@@ -1,10 +1,12 @@
-import { a as getScrollLockDepth, i as forceClearScrollLock, l as getDismissibleStackSnapshot } from "./chunks/pk-a11y-CjB4-U-R.js";
+import { a as getScrollLockDepth, i as forceClearScrollLock, l as getDismissibleStackSnapshot } from "./chunks/pk-a11y-mGj0G5AE.js";
 //#region src/component-registry.ts
 /**
 * Canonical tag → loader module path mapping for the autoloader.
 * Module paths are relative to the directory that contains plugin-kit.loader.js.
 */
 var COMPONENT_MODULE_PATHS = {
+	"pk-alert": "components/alert/alert.js",
+	"pk-state-panel": "components/state-panel/state-panel.js",
 	"pk-spinner": "components/spinner/spinner.js",
 	"pk-icon": "components/icon/icon.js",
 	"pk-button": "components/button/button.js",
@@ -61,8 +63,11 @@ var COMPONENT_MODULE_PATHS = {
 	"pk-connect-oauth": "components/connect/connect-oauth.js",
 	"pk-editable-table": "components/editable-table/editable-table.js"
 };
+Object.keys(COMPONENT_MODULE_PATHS);
 /** Vite loader-build entries: output key → source module. */
 var LOADER_COMPONENT_ENTRIES = {
+	"components/alert/alert": "src/components/alert/pk-alert.ts",
+	"components/state-panel/state-panel": "src/components/state-panel/pk-state-panel.ts",
 	"components/spinner/spinner": "src/components/spinner/pk-spinner.ts",
 	"components/icon/icon": "src/components/icon/pk-icon-loader.ts",
 	"components/button/button": "src/components/button/pk-button.ts",

package/dist-loader/styles/connect/pk-connect.css

@@ -71,26 +71,21 @@
 }
 
 /*
- * Connection error dialog — full-viewport on small screens, ~66% on md+.
- * Tokens pierce into pk-dialog's shadow panel; host Tailwind never reaches .dialog.
+ * Connection error dialog. Tokens pierce into pk-dialog's shadow panel; host
+ * utility classes never reach its shadow root.
  */
 pk-dialog.pk-connect-dialog {
     --pk-dialog-width: calc(100vw - 24px);
     --pk-dialog-max-width: calc(100vw - 24px);
-    --pk-dialog-height: calc(100dvh - 24px);
     --pk-dialog-max-height: calc(100dvh - 24px);
     --pk-dialog-min-width: 0;
-    --pk-dialog-min-height: 0;
 }
 
 @media (min-width: 768px) {
     pk-dialog.pk-connect-dialog {
-        --pk-dialog-width: 66%;
-        --pk-dialog-max-width: 66%;
-        --pk-dialog-height: 66%;
+        --pk-dialog-width: 42rem;
+        --pk-dialog-max-width: calc(100vw - 24px);
         --pk-dialog-max-height: calc(100dvh - 24px);
-        --pk-dialog-min-width: 600px;
-        --pk-dialog-min-height: 400px;
     }
 }
 
@@ -126,106 +121,10 @@ pk-button.pk-connect-dialog__close::part(base) {
     box-shadow: none;
 }
 
-.pk-connection-error {
+.pk-connect-dialog__content {
     display: flex;
     width: 100%;
-    height: 100%;
     align-items: center;
     justify-content: center;
-    padding: 2rem;
-    text-align: center;
-    color: var(--pk-color-rose-600, #e11d48);
-}
-
-.pk-connection-error__stack {
-    display: flex;
-    width: 100%;
-    max-width: 680px;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.5rem;
-    font-size: 0.875rem;
-    color: inherit;
-}
-
-.pk-connection-error__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--pk-color-rose-600, #e11d48);
-}
-
-.pk-connection-error__icon pk-icon {
-    width: 2.5rem;
-    height: 2.5rem;
-    font-size: 2.5rem;
-    color: inherit;
-}
-
-.pk-connection-error__heading {
-    margin: 0;
-    font-size: 1rem;
-    font-weight: 600;
-    line-height: 1.25;
-    color: inherit;
-}
-
-.pk-connection-error__message {
-    margin: 0;
-    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
-    font-size: 0.75rem;
-    line-height: 1.5;
-    color: inherit;
-    white-space: pre-wrap;
-    overflow-wrap: anywhere;
-}
-
-.pk-connection-error__details {
-    width: 100%;
-}
-
-.pk-connection-error__details.hidden {
-    display: none;
-}
-
-.pk-connection-error__details-toggle {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0.25rem;
-    margin: 0.25rem auto 0;
-    padding: 0;
-    border: 0;
-    background: transparent;
-    color: inherit;
-    cursor: pointer;
-    font-size: 0.75rem;
-    line-height: 1.25;
-}
-
-.pk-connection-error__details-toggle pk-icon {
-    width: 0.75rem;
-    height: 0.75rem;
-    font-size: 0.75rem;
-    transition: transform 0.15s ease;
-}
-
-.pk-connection-error__details-toggle pk-icon.is-open {
-    transform: rotate(90deg);
-}
-
-.pk-connection-error__trace {
-    margin-top: 0.75rem;
-    max-height: 180px;
-    overflow: auto;
-    border-radius: 0.375rem;
-    background: var(--pk-color-gray-50, #f3f7fc);
-    padding: 0.75rem;
-    text-align: left;
-    font-size: 0.75rem;
-    color: var(--pk-color-gray-700, #3f4d5a);
-}
-
-.pk-connection-error__trace.hidden {
-    display: none;
+    padding: 2rem 1.5rem;
 }

package/dist-loader/utilities/fouce.css

@@ -8,6 +8,8 @@
 
     /* Tier 1a: reserve space for in-flow pk-* elements until they upgrade. */
     :is(
+        pk-alert,
+        pk-state-panel,
         pk-spinner,
         pk-icon,
         pk-button,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@verbb/plugin-kit-web",
-    "version": "2.0.22",
+    "version": "2.0.24",
     "repository": {
         "url": "git+https://github.com/verbb/plugin-kit.git"
     },
@@ -82,6 +82,16 @@
             "import": "./dist/icons/index.js"
         },
         "./package.json": "./package.json",
+        "./components/alert/pk-alert.js": {
+            "types": "./dist/components/alert/pk-alert.d.ts",
+            "import": "./dist/components/alert/pk-alert.js",
+            "default": "./dist/components/alert/pk-alert.js"
+        },
+        "./components/alert/pk-alert": {
+            "types": "./dist/components/alert/pk-alert.d.ts",
+            "import": "./dist/components/alert/pk-alert.js",
+            "default": "./dist/components/alert/pk-alert.js"
+        },
         "./components/autocomplete/pk-autocomplete.js": {
             "types": "./dist/components/autocomplete/pk-autocomplete.d.ts",
             "import": "./dist/components/autocomplete/pk-autocomplete.js",
@@ -502,6 +512,16 @@
             "import": "./dist/components/spinner/pk-spinner.js",
             "default": "./dist/components/spinner/pk-spinner.js"
         },
+        "./components/state-panel/pk-state-panel.js": {
+            "types": "./dist/components/state-panel/pk-state-panel.d.ts",
+            "import": "./dist/components/state-panel/pk-state-panel.js",
+            "default": "./dist/components/state-panel/pk-state-panel.js"
+        },
+        "./components/state-panel/pk-state-panel": {
+            "types": "./dist/components/state-panel/pk-state-panel.d.ts",
+            "import": "./dist/components/state-panel/pk-state-panel.js",
+            "default": "./dist/components/state-panel/pk-state-panel.js"
+        },
         "./components/status/pk-status.js": {
             "types": "./dist/components/status/pk-status.d.ts",
             "import": "./dist/components/status/pk-status.js",
@@ -632,6 +652,16 @@
             "import": "./dist/components/tooltip/pk-tooltip.js",
             "default": "./dist/components/tooltip/pk-tooltip.js"
         },
+        "./components/alert.js": {
+            "types": "./dist/components/alert.d.ts",
+            "import": "./dist/components/alert.js",
+            "default": "./dist/components/alert.js"
+        },
+        "./components/alert": {
+            "types": "./dist/components/alert.d.ts",
+            "import": "./dist/components/alert.js",
+            "default": "./dist/components/alert.js"
+        },
         "./components/autocomplete.js": {
             "types": "./dist/components/autocomplete.d.ts",
             "import": "./dist/components/autocomplete.js",
@@ -912,6 +942,16 @@
             "import": "./dist/components/spinner.js",
             "default": "./dist/components/spinner.js"
         },
+        "./components/state-panel.js": {
+            "types": "./dist/components/state-panel.d.ts",
+            "import": "./dist/components/state-panel.js",
+            "default": "./dist/components/state-panel.js"
+        },
+        "./components/state-panel": {
+            "types": "./dist/components/state-panel.d.ts",
+            "import": "./dist/components/state-panel.js",
+            "default": "./dist/components/state-panel.js"
+        },
         "./components/status.js": {
             "types": "./dist/components/status.d.ts",
             "import": "./dist/components/status.js",
@@ -1027,25 +1067,25 @@
     },
     "peerDependencies": {
         "@floating-ui/dom": "^1.7.3",
-        "@verbb/plugin-kit-core": "^2.0.22",
-        "@verbb/plugin-kit-icons": "^2.0.22",
+        "@verbb/plugin-kit-core": "^2.0.24",
+        "@verbb/plugin-kit-icons": "^2.0.24",
         "lit": "^3.3.0"
     },
     "license": "MIT",
     "dependencies": {
         "@floating-ui/dom": "^1.7.3",
-        "@tiptap/core": "3.22.4",
-        "@verbb/plugin-kit-codemirror-core": "2.0.22",
-        "@verbb/plugin-kit-core": "^2.0.22",
-        "@verbb/plugin-kit-icons": "^2.0.22",
-        "@verbb/plugin-kit-tiptap-core": "^2.0.22",
+        "@tiptap/core": "3.31.4",
+        "@verbb/plugin-kit-codemirror-core": "2.0.24",
+        "@verbb/plugin-kit-core": "^2.0.24",
+        "@verbb/plugin-kit-icons": "^2.0.24",
+        "@verbb/plugin-kit-tiptap-core": "^2.0.24",
         "composed-offset-position": "^0.0.6",
         "lit": "^3.3.0"
     },
     "devDependencies": {
         "@custom-elements-manifest/analyzer": "^0.11.0",
         "typescript": "^6.0.3",
-        "vite": "^8.0.10",
+        "vite": "^8.3.3",
         "vite-plugin-dts": "^4.5.4"
     },
     "engines": {

package/dist/chunks/component-registry-D34fm8xW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-registry-D34fm8xW.js","names":[],"sources":["../../src/component-registry.ts"],"sourcesContent":["/**\n * Canonical tag → loader module path mapping for the autoloader.\n * Module paths are relative to the directory that contains plugin-kit.loader.js.\n */\nexport const COMPONENT_MODULE_PATHS: Record<string, string> = {\n    'pk-spinner': 'components/spinner/spinner.js',\n    'pk-icon': 'components/icon/icon.js',\n    'pk-button': 'components/button/button.js',\n    'pk-checkbox': 'components/checkbox/checkbox.js',\n    'pk-checkbox-select': 'components/checkbox-select/checkbox-select.js',\n    'pk-color-input': 'components/color-input/color-input.js',\n    'pk-code-editor': 'components/code-editor/code-editor.js',\n    'pk-input': 'components/input/input.js',\n    'pk-input-group': 'components/input-group/input-group.js',\n    'pk-input-group-addon': 'components/input-group/input-group-addon.js',\n    'pk-input-group-button': 'components/input-group/input-group-button.js',\n    'pk-input-group-input': 'components/input-group/input-group-input.js',\n    'pk-input-group-text': 'components/input-group/input-group-text.js',\n    'pk-input-group-textarea': 'components/input-group/input-group-textarea.js',\n    'pk-textarea': 'components/textarea/textarea.js',\n    'pk-tiptap-editor': 'components/tiptap/tiptap-editor.js',\n    'pk-tiptap-input': 'components/tiptap/tiptap-input.js',\n    'pk-tiptap-content': 'components/tiptap/tiptap-content.js',\n    'pk-field': 'components/field/field.js',\n    'pk-separator': 'components/separator/separator.js',\n    'pk-status': 'components/status/status.js',\n    'pk-toggle': 'components/toggle/toggle.js',\n    'pk-toggle-group': 'components/toggle-group/toggle-group.js',\n    'pk-lightswitch': 'components/lightswitch/lightswitch.js',\n    'pk-button-group': 'components/button-group/button-group.js',\n    'pk-button-group-separator': 'components/button-group/button-group-separator.js',\n    'pk-button-group-text': 'components/button-group/button-group-text.js',\n    'pk-dialog': 'components/dialog/dialog.js',\n    'pk-popup': 'components/popup/popup.js',\n    'pk-dropdown-label': 'components/dropdown-menu/dropdown-label.js',\n    'pk-dropdown-item': 'components/dropdown-menu/dropdown-item.js',\n    'pk-dropdown-separator': 'components/dropdown-menu/dropdown-separator.js',\n    'pk-dropdown-menu': 'components/dropdown-menu/dropdown-menu.js',\n    'pk-popover': 'components/popover/popover.js',\n    'pk-tooltip': 'components/tooltip/tooltip.js',\n    'pk-radio': 'components/radio-group/radio.js',\n    'pk-radio-group': 'components/radio-group/radio-group.js',\n    'pk-tab': 'components/tabs/tab.js',\n    'pk-tab-heading': 'components/tabs/tab-heading.js',\n    'pk-tab-panel': 'components/tabs/tab-panel.js',\n    'pk-tabs': 'components/tabs/tabs.js',\n    'pk-scroll-area': 'components/scroll-area/scroll-area.js',\n    'pk-option': 'components/select/option.js',\n    'pk-option-group': 'components/select/option-group.js',\n    'pk-select': 'components/select/select.js',\n    'pk-calendar': 'components/calendar/calendar.js',\n    'pk-date-picker': 'components/date-picker/date-picker.js',\n    'pk-combobox': 'components/combobox/combobox.js',\n    'pk-autocomplete': 'components/autocomplete/autocomplete.js',\n    'pk-image-browser': 'components/image-browser/image-browser.js',\n    'pk-time-picker': 'components/time-picker/time-picker.js',\n    'pk-copy-button': 'components/copy-button/copy-button.js',\n    'pk-connect': 'components/connect/connect.js',\n    'pk-connect-oauth': 'components/connect/connect-oauth.js',\n    'pk-editable-table': 'components/editable-table/editable-table.js',\n};\n\n/**\n * Canonical list of every `pk-*` custom element tag.\n * Single source of truth for FOUCE CSS generation and any tag enumeration.\n */\nexport const PK_COMPONENT_TAGS: readonly string[] = Object.keys(COMPONENT_MODULE_PATHS);\n\n/** Vite loader-build entries: output key → source module. */\nexport const LOADER_COMPONENT_ENTRIES: Record<string, string> = {\n    'components/spinner/spinner': 'src/components/spinner/pk-spinner.ts',\n    // Loader ships the full icon set; bundler family `components/icon.js` stays opt-in.\n    'components/icon/icon': 'src/components/icon/pk-icon-loader.ts',\n    'components/button/button': 'src/components/button/pk-button.ts',\n    'components/checkbox/checkbox': 'src/components/checkbox/pk-checkbox.ts',\n    'components/checkbox-select/checkbox-select': 'src/components/checkbox-select/pk-checkbox-select.ts',\n    'components/color-input/color-input': 'src/components/color-input/pk-color-input.ts',\n    'components/code-editor/code-editor': 'src/components/code-editor/pk-code-editor.ts',\n    'components/input/input': 'src/components/input/pk-input.ts',\n    'components/input-group/input-group': 'src/components/input-group/pk-input-group.ts',\n    'components/input-group/input-group-addon': 'src/components/input-group/pk-input-group-addon.ts',\n    'components/input-group/input-group-button': 'src/components/input-group/pk-input-group-button.ts',\n    'components/input-group/input-group-input': 'src/components/input-group/pk-input-group-input.ts',\n    'components/input-group/input-group-text': 'src/components/input-group/pk-input-group-text.ts',\n    'components/input-group/input-group-textarea': 'src/components/input-group/pk-input-group-textarea.ts',\n    'components/textarea/textarea': 'src/components/textarea/pk-textarea.ts',\n    'components/tiptap/tiptap-editor': 'src/components/tiptap/pk-tiptap-editor.ts',\n    'components/tiptap/tiptap-input': 'src/components/tiptap/pk-tiptap-input.ts',\n    'components/tiptap/tiptap-content': 'src/components/tiptap/pk-tiptap-content.ts',\n    'components/field/field': 'src/components/field/pk-field.ts',\n    'components/separator/separator': 'src/components/separator/pk-separator.ts',\n    'components/status/status': 'src/components/status/pk-status.ts',\n    'components/toggle/toggle': 'src/components/toggle/pk-toggle.ts',\n    'components/toggle-group/toggle-group': 'src/components/toggle-group/pk-toggle-group.ts',\n    'components/lightswitch/lightswitch': 'src/components/lightswitch/pk-lightswitch.ts',\n    'components/button-group/button-group': 'src/components/button-group/pk-button-group.ts',\n    'components/button-group/button-group-separator': 'src/components/button-group/pk-button-group-separator.ts',\n    'components/button-group/button-group-text': 'src/components/button-group/pk-button-group-text.ts',\n    'components/dialog/dialog': 'src/components/dialog/pk-dialog.ts',\n    'components/popup/popup': 'src/components/popup/pk-popup.ts',\n    'components/dropdown-menu/dropdown-label': 'src/components/dropdown-menu/pk-dropdown-label.ts',\n    'components/dropdown-menu/dropdown-item': 'src/components/dropdown-menu/pk-dropdown-item.ts',\n    'components/dropdown-menu/dropdown-separator': 'src/components/dropdown-menu/pk-dropdown-separator.ts',\n    'components/dropdown-menu/dropdown-menu': 'src/components/dropdown-menu/pk-dropdown-menu.ts',\n    'components/popover/popover': 'src/components/popover/pk-popover.ts',\n    'components/tooltip/tooltip': 'src/components/tooltip/pk-tooltip.ts',\n    'components/radio-group/radio': 'src/components/radio-group/pk-radio.ts',\n    'components/radio-group/radio-group': 'src/components/radio-group/pk-radio-group.ts',\n    'components/tabs/tab': 'src/components/tabs/pk-tab.ts',\n    'components/tabs/tab-heading': 'src/components/tabs/pk-tab-heading.ts',\n    'components/tabs/tab-panel': 'src/components/tabs/pk-tab-panel.ts',\n    'components/tabs/tabs': 'src/components/tabs/pk-tabs.ts',\n    'components/scroll-area/scroll-area': 'src/components/scroll-area/pk-scroll-area.ts',\n    'components/select/option': 'src/components/select/pk-option.ts',\n    'components/select/option-group': 'src/components/select/pk-option-group.ts',\n    'components/select/select': 'src/components/select/pk-select.ts',\n    'components/calendar/calendar': 'src/components/calendar/pk-calendar.ts',\n    'components/date-picker/date-picker': 'src/components/date-picker/pk-date-picker.ts',\n    'components/combobox/combobox': 'src/components/combobox/pk-combobox.ts',\n    'components/autocomplete/autocomplete': 'src/components/autocomplete/pk-autocomplete.ts',\n    'components/image-browser/image-browser': 'src/components/image-browser/pk-image-browser.ts',\n    'components/time-picker/time-picker': 'src/components/time-picker/pk-time-picker.ts',\n    'components/copy-button/copy-button': 'src/components/copy-button/pk-copy-button.ts',\n    'components/connect/connect': 'src/components/connect/pk-connect.ts',\n    'components/connect/connect-oauth': 'src/components/connect/pk-connect-oauth.ts',\n    'components/editable-table/editable-table': 'src/components/editable-table/pk-editable-table.ts',\n};\n\n/** Loader-only shims → real element modules for the bundler dist graph. */\nconst BUNDLER_SRC_OVERRIDES: Record<string, string> = {\n    'src/components/icon/pk-icon-loader.ts': 'src/components/icon/pk-icon.ts',\n};\n\n/**\n * Vite `dist/` build entries for bundler cherry-picking.\n * Output paths mirror source layout, e.g. `dist/components/button/pk-button.js`.\n */\nexport const BUNDLER_COMPONENT_ENTRIES: Record<string, string> = Object.fromEntries(\n    Object.values(LOADER_COMPONENT_ENTRIES).map((srcRel) => {\n        const bundlerSrc = BUNDLER_SRC_OVERRIDES[srcRel] ?? srcRel;\n        const key = bundlerSrc.replace(/^src\\//, '').replace(/\\.ts$/, '');\n        return [key, bundlerSrc];\n    }),\n);\n\n/** Tag → bundler dist subpath (relative to package root, no `./` prefix). */\nexport const BUNDLER_TAG_IMPORT_PATHS: Record<string, string> = Object.fromEntries(\n    Object.keys(BUNDLER_COMPONENT_ENTRIES).map((key) => {\n        const tag = key.split('/').pop()!;\n        return [tag, `${key}.js`];\n    }),\n);\n\nexport type PkComponentTag = keyof typeof BUNDLER_TAG_IMPORT_PATHS;\n\n/**\n * Short consumer entries published as `@verbb/plugin-kit-web/components/{key}.js`.\n * Each module side-effect-registers its family (compound folders register every tag).\n *\n * TipTap stays split — importing one surface must not pull the other two.\n */\nexport const COMPONENT_FAMILY_ENTRIES: Record<string, string> = {\n    'button': 'src/components/button/index.ts',\n    'button-group': 'src/components/button-group/index.ts',\n    'calendar': 'src/components/calendar/index.ts',\n    'checkbox': 'src/components/checkbox/index.ts',\n    'checkbox-select': 'src/components/checkbox-select/index.ts',\n    'code-editor': 'src/components/code-editor/index.ts',\n    'color-input': 'src/components/color-input/index.ts',\n    'autocomplete': 'src/components/autocomplete/index.ts',\n    'combobox': 'src/components/combobox/index.ts',\n    'copy-button': 'src/components/copy-button/index.ts',\n    'connect': 'src/components/connect/index.ts',\n    'date-picker': 'src/components/date-picker/index.ts',\n    'dialog': 'src/components/dialog/index.ts',\n    'dropdown-menu': 'src/components/dropdown-menu/index.ts',\n    'editable-table': 'src/components/editable-table/index.ts',\n    'field': 'src/components/field/index.ts',\n    'icon': 'src/components/icon/index.ts',\n    'image-browser': 'src/components/image-browser/index.ts',\n    'input': 'src/components/input/index.ts',\n    'input-group': 'src/components/input-group/index.ts',\n    'lightswitch': 'src/components/lightswitch/index.ts',\n    'popover': 'src/components/popover/index.ts',\n    'popup': 'src/components/popup/index.ts',\n    'radio-group': 'src/components/radio-group/index.ts',\n    'scroll-area': 'src/components/scroll-area/index.ts',\n    'select': 'src/components/select/index.ts',\n    'separator': 'src/components/separator/index.ts',\n    'spinner': 'src/components/spinner/index.ts',\n    'status': 'src/components/status/index.ts',\n    'tabs': 'src/components/tabs/index.ts',\n    'textarea': 'src/components/textarea/index.ts',\n    'time-picker': 'src/components/time-picker/index.ts',\n    'tiptap-content': 'src/components/tiptap/pk-tiptap-content.ts',\n    'tiptap-editor': 'src/components/tiptap/pk-tiptap-editor.ts',\n    'tiptap-input': 'src/components/tiptap/pk-tiptap-input.ts',\n    'toggle': 'src/components/toggle/index.ts',\n    'toggle-group': 'src/components/toggle-group/index.ts',\n    'tooltip': 'src/components/tooltip/index.ts',\n};\n"],"mappings":";;;;;AAIA,IAAa,yBAAiD;CAC1D,cAAc;CACd,WAAW;CACX,aAAa;CACb,eAAe;CACf,sBAAsB;CACtB,kBAAkB;CAClB,kBAAkB;CAClB,YAAY;CACZ,kBAAkB;CAClB,wBAAwB;CACxB,yBAAyB;CACzB,wBAAwB;CACxB,uBAAuB;CACvB,2BAA2B;CAC3B,eAAe;CACf,oBAAoB;CACpB,mBAAmB;CACnB,qBAAqB;CACrB,YAAY;CACZ,gBAAgB;CAChB,aAAa;CACb,aAAa;CACb,mBAAmB;CACnB,kBAAkB;CAClB,mBAAmB;CACnB,6BAA6B;CAC7B,wBAAwB;CACxB,aAAa;CACb,YAAY;CACZ,qBAAqB;CACrB,oBAAoB;CACpB,yBAAyB;CACzB,oBAAoB;CACpB,cAAc;CACd,cAAc;CACd,YAAY;CACZ,kBAAkB;CAClB,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,WAAW;CACX,kBAAkB;CAClB,aAAa;CACb,mBAAmB;CACnB,aAAa;CACb,eAAe;CACf,kBAAkB;CAClB,eAAe;CACf,mBAAmB;CACnB,oBAAoB;CACpB,kBAAkB;CAClB,kBAAkB;CAClB,cAAc;CACd,oBAAoB;CACpB,qBAAqB;CACxB;;AASD,IAAa,2BAAmD;CAC5D,8BAA8B;CAE9B,wBAAwB;CACxB,4BAA4B;CAC5B,gCAAgC;CAChC,8CAA8C;CAC9C,sCAAsC;CACtC,sCAAsC;CACtC,0BAA0B;CAC1B,sCAAsC;CACtC,4CAA4C;CAC5C,6CAA6C;CAC7C,4CAA4C;CAC5C,2CAA2C;CAC3C,+CAA+C;CAC/C,gCAAgC;CAChC,mCAAmC;CACnC,kCAAkC;CAClC,oCAAoC;CACpC,0BAA0B;CAC1B,kCAAkC;CAClC,4BAA4B;CAC5B,4BAA4B;CAC5B,wCAAwC;CACxC,sCAAsC;CACtC,wCAAwC;CACxC,kDAAkD;CAClD,6CAA6C;CAC7C,4BAA4B;CAC5B,0BAA0B;CAC1B,2CAA2C;CAC3C,0CAA0C;CAC1C,+CAA+C;CAC/C,0CAA0C;CAC1C,8BAA8B;CAC9B,8BAA8B;CAC9B,gCAAgC;CAChC,sCAAsC;CACtC,uBAAuB;CACvB,+BAA+B;CAC/B,6BAA6B;CAC7B,wBAAwB;CACxB,sCAAsC;CACtC,4BAA4B;CAC5B,kCAAkC;CAClC,4BAA4B;CAC5B,gCAAgC;CAChC,sCAAsC;CACtC,gCAAgC;CAChC,wCAAwC;CACxC,0CAA0C;CAC1C,sCAAsC;CACtC,sCAAsC;CACtC,8BAA8B;CAC9B,oCAAoC;CACpC,4CAA4C;CAC/C;;AAGD,IAAM,wBAAgD,EAClD,yCAAyC,kCAC5C;;;;;AAMD,IAAa,4BAAoD,OAAO,YACpE,OAAO,OAAO,yBAAyB,CAAC,KAAK,WAAW;CACpD,MAAM,aAAa,sBAAsB,WAAW;AAEpD,QAAO,CADK,WAAW,QAAQ,UAAU,GAAG,CAAC,QAAQ,SAAS,GACtD,EAAK,WAAW;EAC1B,CACL;;AAGD,IAAa,2BAAmD,OAAO,YACnE,OAAO,KAAK,0BAA0B,CAAC,KAAK,QAAQ;AAEhD,QAAO,CADK,IAAI,MAAM,IAAI,CAAC,KACnB,EAAK,GAAG,IAAI,KAAK;EAC3B,CACL"}