@verbb/plugin-kit-web 2.0.9 → 2.0.10

package/dist-loader/chunks/{pk-checkbox-CoDX2G3J.js → pk-checkbox-hJCj8In8.js}

@@ -1,7 +1,7 @@
 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 t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, r as checkboxControlStyles } from "./pk-base-BlxAYXJD.js";
-import { t as RequiredValidator } from "./required-validator-DXqqPVeW.js";
-import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
+import { t as RequiredValidator } from "./required-validator-0XwZtX9k.js";
+import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
 //#region src/icons/checkbox-indicators.ts
 /** Craft checkbox tick — matches plugin-kit-react Checkbox.tsx */
 function renderCheckboxCheckIcon() {

package/dist-loader/chunks/{pk-color-input-B73zaGYj.js → pk-color-input-B52sVacS.js}

@@ -1,7 +1,7 @@
 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 t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement } from "./pk-base-BlxAYXJD.js";
-import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
-import { t as RequiredValidator } from "./required-validator-DXqqPVeW.js";
+import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
+import { t as RequiredValidator } from "./required-validator-0XwZtX9k.js";
 //#region src/components/color-input/pk-color-input.styles.ts
 /**
 * Size scale matches pk-input (xs / sm / default / lg). Metrics are shifted so

package/dist-loader/chunks/{pk-combobox-BpGW0asd.js → pk-combobox-DumNw0gq.js}

@@ -2,16 +2,16 @@ import { d as registerDismissible, f as unregisterDismissible, n as uniqueId, s
 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 t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, s as iconStyles } from "./pk-base-BlxAYXJD.js";
 import { Y as xmark, h as chevronDown } from "./svg-_Mtb7CHx.js";
-import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
-import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
-import { t as PkClearEvent } from "./pk-clear-BRS8vkV-.js";
-import { n as renderIconHtml } from "./render-B_9MG170.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-BG4QMRLw.js";
-import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-BPjq650B.js";
-import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-C9ffC35f.js";
-import "./pk-popup-BYFbKaHH.js";
-import { n as isPointerInsideOverlay, t as isEventInsideOverlay } from "./popup-pointer-BTS3Y6LE.js";
-import { a as isListboxTypeToSelectKey, i as handleListboxKeyDown, n as LISTBOX_NAVIGATION_KEYS, t as syncListboxSeparators } from "./sync-listbox-separators-CT3oGzTf.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 { 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-S6CK-zPp.js";
+import "./pk-popup-Cfj3YNEC.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, t as syncListboxSeparators } from "./sync-listbox-separators-Dk_E_IVa.js";
 //#region src/events/pk-create.ts
 /** Fired before a combobox creates a new option — mirrors  `pk-create`. */
 var PkCreateEvent = class extends Event {

package/dist-loader/chunks/pk-connect.styles-C1ICg1bF.js

@@ -0,0 +1,260 @@
+import { m as i } from "./lit-Dnn7gEi2.js";
+//#region ../plugin-kit-core/dist/utils/forms.js
+var nl2br = (str) => {
+	return str.replace(/\n/g, "<br>");
+};
+var getErrorHeading = (error) => {
+	if (error.response?.statusText) return error.response.statusText;
+	if (error.message?.includes("Network Error")) return "Network Error";
+	if (error.message?.includes("timeout")) return "Request Timeout";
+	return "An error has occurred";
+};
+var getErrorText = (error) => {
+	if (error.response?.data?.message) return error.response.data.message;
+	if (error.response?.data?.error) return error.response.data.error;
+	if (error.message) return error.message;
+	return String(error);
+};
+var getErrorTrace = (error, maxTraceLines = 5) => {
+	const traces = [];
+	const file1 = error.response?.data?.file;
+	const line1 = error.response?.data?.line;
+	if (file1 && line1) traces.push(`${file1}:${line1}`);
+	const traceArray = error.response?.data?.trace || [];
+	for (let i = 0; i < Math.min(maxTraceLines, traceArray.length); i++) {
+		const traceItem = traceArray[i];
+		if (traceItem?.file && traceItem?.line) traces.push(`${traceItem.file}:${traceItem.line}`);
+	}
+	if (error.stack && traces.length === 0) traces.push(error.stack);
+	return {
+		traces,
+		traceAsString: traces.map(nl2br).join("<br>")
+	};
+};
+var getErrorMessage = function(error, maxTraceLines = 5) {
+	const { traces, traceAsString } = getErrorTrace(error, maxTraceLines);
+	return {
+		heading: getErrorHeading(error),
+		text: getErrorText(error),
+		trace: traceAsString,
+		traceAsString,
+		traceAsArray: traces
+	};
+};
+//#endregion
+//#region ../plugin-kit-core/dist/utils/connect.js
+var DEFAULT_FORM_SELECTOR = "#main-form";
+var resolveCpForm = ({ formSelector = DEFAULT_FORM_SELECTOR, host } = {}) => {
+	if (formSelector) {
+		const explicit = document.querySelector(formSelector);
+		if (explicit) return explicit;
+	}
+	const hostForm = host?.closest("form") ?? null;
+	if (hostForm) return hostForm;
+	return document.querySelector(DEFAULT_FORM_SELECTOR) ?? document.getElementById("main");
+};
+/** Escape text for CP dialog markup; prefers `Craft.escapeHtml` when available. */
+var escapeCpHtml = (value) => {
+	if (window.Craft?.escapeHtml) return window.Craft.escapeHtml(value);
+	return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+};
+/** POST a credentials connect/check controller action from the CP. */
+var sendCpConnectRequest = (action, data) => {
+	if (!window.Craft?.sendActionRequest) return Promise.reject(/* @__PURE__ */ new Error("Craft.sendActionRequest is unavailable."));
+	return window.Craft.sendActionRequest("POST", action, { data });
+};
+/**
+* Serialize named CP form controls into a flat key → value map.
+* Mirrors Video Picker / Formie connect payloads (name attribute only).
+*/
+var serializeCpForm = (formSelector = DEFAULT_FORM_SELECTOR, host) => {
+	const form = resolveCpForm({
+		formSelector,
+		host
+	});
+	if (!form) return {};
+	const values = {};
+	form.querySelectorAll("input, select, textarea").forEach((input) => {
+		const name = input.getAttribute("name");
+		if (name) values[name] = input.value;
+	});
+	return values;
+};
+/**
+* Build the POST body for check-connection controller actions from serialized form values.
+*/
+var buildConnectPayload = (values, options = {}) => {
+	const includeTypeNamespace = options.includeTypeNamespace !== false;
+	const type = values.type || options.type || "";
+	const idParam = options.idParam ?? "sourceId";
+	const payload = { type };
+	payload[idParam] = values[idParam] ?? values.sourceId ?? values.id ?? options.sourceId;
+	const csrfTokenName = typeof window !== "undefined" ? window.Craft?.csrfTokenName : void 0;
+	if (csrfTokenName && values[csrfTokenName]) payload[csrfTokenName] = values[csrfTokenName];
+	if (includeTypeNamespace && type) {
+		const prefix = `types[${type}]`;
+		Object.keys(values).forEach((key) => {
+			if (key.startsWith(prefix)) payload[key] = values[key];
+		});
+	}
+	(options.extraKeys ?? [
+		"name",
+		"handle",
+		"enabled"
+	]).forEach((key) => {
+		if (values[key] !== void 0) payload[key] = values[key];
+	});
+	return payload;
+};
+/**
+* Normalize Craft AJAX / logical failures into dialog-friendly error content.
+*/
+var resolveConnectError = (sourceError, labels) => {
+	if (sourceError == null || sourceError === "") return {
+		heading: labels.errorHeading,
+		text: labels.genericError,
+		trace: "",
+		traceAsString: "",
+		traceAsArray: []
+	};
+	if (typeof sourceError === "string") return {
+		heading: labels.errorHeading,
+		text: sourceError,
+		trace: "",
+		traceAsString: "",
+		traceAsArray: []
+	};
+	let normalized = sourceError;
+	if (typeof sourceError === "object" && sourceError !== null && "data" in sourceError && !("response" in sourceError)) normalized = { response: {
+		data: sourceError.data,
+		statusText: labels.errorHeading
+	} };
+	const parsed = getErrorMessage(normalized);
+	if (parsed.text) return parsed;
+	return {
+		heading: labels.errorHeading,
+		text: labels.genericError,
+		trace: "",
+		traceAsString: "",
+		traceAsArray: []
+	};
+};
+/**
+* Submit a Craft CP controller action via the edit form (or host's ancestor form).
+* Mirrors `.formsubmit` / `Craft.submitForm` without requiring a Craft-styled trigger.
+*/
+var submitCpFormAction = ({ formSelector = DEFAULT_FORM_SELECTOR, host, action, redirect, paramName, paramValue, confirm }) => {
+	const form = resolveCpForm({
+		formSelector,
+		host
+	});
+	const craft = window.Craft;
+	const $ = window.$;
+	if (!form || typeof craft?.submitForm !== "function" || !$) return;
+	const params = {};
+	if (paramName && paramValue) params[paramName] = paramValue;
+	craft.submitForm($(form), {
+		action,
+		redirect,
+		params,
+		confirm
+	});
+};
+/**
+* Watch the main CP edit form for unsaved changes.
+* Returns a cleanup function — use for OAuth rows or custom connect hosts.
+*/
+var watchCpFormDirty = ({ formSelector = DEFAULT_FORM_SELECTOR, host, onDirty, onClean }) => {
+	const form = resolveCpForm({
+		formSelector,
+		host
+	});
+	if (!form) return () => {};
+	const initialSnapshot = JSON.stringify(serializeCpForm(formSelector, host));
+	const handleChange = () => {
+		if (JSON.stringify(serializeCpForm(formSelector, host)) !== initialSnapshot) onDirty();
+		else onClean?.();
+	};
+	const inputs = form.querySelectorAll("input, select, textarea");
+	const lightswitches = form.querySelectorAll(".lightswitch");
+	inputs.forEach((input) => {
+		input.addEventListener("input", handleChange);
+	});
+	lightswitches.forEach((lightswitch) => {
+		lightswitch.addEventListener("change", handleChange);
+	});
+	return () => {
+		inputs.forEach((input) => {
+			input.removeEventListener("input", handleChange);
+		});
+		lightswitches.forEach((lightswitch) => {
+			lightswitch.removeEventListener("change", handleChange);
+		});
+	};
+};
+//#endregion
+//#region src/components/connect/pk-connect.styles.ts
+/**
+* Connect row layout on the custom-element host (light DOM).
+*
+* Mirrors `styles/connect/pk-connect.css` — document CSS is canonical for CP;
+* keep `:host` rules in sync as a bundled fallback when document CSS is present.
+*/
+var pkConnectStyles = i`
+    @layer pk-component {
+        :host {
+            display: flex;
+            flex-wrap: nowrap;
+            align-items: stretch;
+            justify-content: space-between;
+            box-sizing: border-box;
+            width: 100%;
+            flex: 1 1 100%;
+            min-width: 0;
+            min-height: 2.75rem;
+        }
+
+        :host .heading {
+            display: flex;
+            align-items: center;
+            gap: var(--pk-connect-status-gap, 15px);
+            margin: 0;
+            flex: 1 1 auto;
+            min-width: 0;
+            line-height: 1.125rem;
+            padding-block: 0.75rem;
+            padding-inline: var(--pk-connect-heading-padding-inline, var(--m, 1rem) var(--s, 0.75rem));
+            color: var(--pk-connect-heading-color, var(--gray-600, #515f6c));
+        }
+
+        :host .heading:only-child {
+            flex: 1 1 100%;
+        }
+
+        :host .input {
+            display: flex;
+            align-items: center;
+            flex: 0 0 auto;
+            padding-block: var(--pk-connect-input-padding-block, var(--s, 0.75rem));
+            padding-inline: var(--pk-connect-input-padding-inline, 10px var(--m, 1rem));
+        }
+
+        :host .heading .light {
+            color: var(--pk-connect-muted-color, var(--gray-500, #606d7b));
+        }
+
+        :host .heading pk-status.pk-connect__status-icon {
+            display: block;
+            flex-shrink: 0;
+            width: 0.75rem;
+            height: 0.75rem;
+            --pk-status-ring: var(--gray-500);
+        }
+
+        :host .heading .warning.with-icon::before {
+            margin-inline-end: 7px;
+        }
+    }
+`;
+//#endregion
+export { sendCpConnectRequest as a, watchCpFormDirty as c, resolveConnectError as i, buildConnectPayload as n, serializeCpForm as o, escapeCpHtml as r, submitCpFormAction as s, pkConnectStyles as t };

package/dist-loader/chunks/{pk-date-picker-DPg627Ad.js → pk-date-picker-Ds8nm8nk.js}

@@ -2,17 +2,17 @@ import { d as registerDismissible, f as unregisterDismissible, n as uniqueId, u
 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 t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, s as iconStyles } from "./pk-base-BlxAYXJD.js";
 import { Y as xmark, p as calendar } from "./svg-_Mtb7CHx.js";
-import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
-import { t as RequiredValidator } from "./required-validator-DXqqPVeW.js";
-import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
-import { t as PkClearEvent } from "./pk-clear-BRS8vkV-.js";
-import { n as readLegacyInstructions } from "./field-labels-Vo3wHq49.js";
-import { n as renderIconHtml } from "./render-B_9MG170.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-BG4QMRLw.js";
-import { i as waitForPopupReposition } from "./popup-placement-animation-BPjq650B.js";
-import "./pk-popup-BYFbKaHH.js";
-import { n as isPointerInsideOverlay } from "./popup-pointer-BTS3Y6LE.js";
-import { a as parseIsoDate, i as parseDateList, n as coerceToDate, o as parseRange, r as formatIsoDate } from "./pk-calendar-CtlUN6iw.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";
+import { t as PkClearEvent } from "./pk-clear-BMZUzwDt.js";
+import { n as readLegacyInstructions } from "./field-labels-D3lKQ2nq.js";
+import { n as renderIconHtml } from "./render-Niz5wYRa.js";
+import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
+import { i as waitForPopupReposition } from "./popup-placement-animation-WlEXnS85.js";
+import "./pk-popup-Cfj3YNEC.js";
+import { n as isPointerInsideOverlay } from "./popup-pointer-caPc8kwB.js";
+import { a as parseIsoDate, i as parseDateList, n as coerceToDate, o as parseRange, r as formatIsoDate } from "./pk-calendar-Bb6q8opO.js";
 //#region src/utils/host-date.ts
 function getCraft() {
 	return globalThis.Craft;

package/dist-loader/chunks/{pk-dialog-DPn2BXOq.js → pk-dialog-CyUKChc9.js}

@@ -2,9 +2,9 @@ import { c as unlockBodyScrolling, d as registerDismissible, f as unregisterDism
 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 t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
 import { Y as xmark } from "./svg-_Mtb7CHx.js";
-import { n as renderIconHtml } from "./render-B_9MG170.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-BG4QMRLw.js";
-import { t as animateWithClass } from "./animate-with-class-B2hHgK5M.js";
+import { n as renderIconHtml } from "./render-Niz5wYRa.js";
+import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
+import { t as animateWithClass } from "./animate-with-class-DT0jwaR_.js";
 //#region src/utils/craft-host-modal.ts
 /**
 * Craft CP Garnish modals (element selector, asset picker, …) live in normal

package/dist-loader/chunks/{pk-dropdown-item-CdBLgJoh.js → pk-dropdown-item-D2X2L4nu.js}

@@ -1,10 +1,10 @@
 import { a as o, c as r, f as A, l as n, m as i, p as b, s as e, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
 import { _ as chevronRight, m as check } from "./svg-_Mtb7CHx.js";
-import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
-import { n as renderIconHtml } from "./render-B_9MG170.js";
-import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-BPjq650B.js";
-import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-C9ffC35f.js";
+import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
+import { n as renderIconHtml } from "./render-Niz5wYRa.js";
+import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-WlEXnS85.js";
+import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-S6CK-zPp.js";
 //#region src/components/dropdown-menu/dropdown-menu-size.styles.ts
 var dropdownMenuSizeTokens = {
 	default: i`

package/dist-loader/chunks/{pk-dropdown-menu-BX4lGvGe.js → pk-dropdown-menu-yOOPMVOg.js}

@@ -1,12 +1,12 @@
 import { d as registerDismissible, f as unregisterDismissible, r as activeElements, u as isTopDismissible } from "./pk-a11y-CjB4-U-R.js";
 import { l as n, m as i, p as b, s as e, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
-import { r as buttonGroupCornerRoleStyles } from "./button-group-item.styles-BNc-ksl1.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-BG4QMRLw.js";
-import { t as animateWithClass } from "./animate-with-class-B2hHgK5M.js";
-import { i as waitForPopupReposition } from "./popup-placement-animation-BPjq650B.js";
-import { n as dropdownMenuHostSizeStyles, r as dropdownMenuPanelSizeStyles, t as PkDropdownItem } from "./pk-dropdown-item-CdBLgJoh.js";
-import { n as resolveElementById } from "./pk-popup-BYFbKaHH.js";
+import { r as buttonGroupCornerRoleStyles } from "./button-group-item.styles-Dwakbyx5.js";
+import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
+import { t as animateWithClass } from "./animate-with-class-DT0jwaR_.js";
+import { i as waitForPopupReposition } from "./popup-placement-animation-WlEXnS85.js";
+import { n as dropdownMenuHostSizeStyles, r as dropdownMenuPanelSizeStyles, t as PkDropdownItem } from "./pk-dropdown-item-D2X2L4nu.js";
+import { n as resolveElementById } from "./pk-popup-Cfj3YNEC.js";
 //#region src/components/dropdown-menu/pk-dropdown-menu.styles.ts
 /**
 * Dropdown panel motion —  `pk-dropdown` scale+fade, with transform

package/dist-loader/chunks/{pk-field-CmPZQ86w.js → pk-field-BU3DkBLi.js}

@@ -3,8 +3,8 @@ import { n as uniqueId } from "./pk-a11y-CjB4-U-R.js";
 import { f as A, i as e, l as n, m as i, o, p as b, s as e$1, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement, n as formControlStyles, t as inlineMarkdownStyles } from "./pk-base-BlxAYXJD.js";
 import { P as lightbulb, q as triangleExclamation, u as asterisk } from "./svg-_Mtb7CHx.js";
-import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
-import { t as createIconElement } from "./render-B_9MG170.js";
+import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
+import { t as createIconElement } from "./render-Niz5wYRa.js";
 //#region src/icons/translation-icon.ts
 var TRANSLATION_ICON_PATH = "M64 64C28.7 64 0 92.7 0 128L0 384c0 35.3 28.7 64 64 64l208 0 32 0 16 0 256 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L320 64l-16 0-32 0L64 64zm512 48c8.8 0 16 7.2 16 16l0 256c0 8.8-7.2 16-16 16l-256 0 0-288 256 0zM178.3 175.9l64 144c4.5 10.1-.1 21.9-10.2 26.4s-21.9-.1-26.4-10.2L196.8 316l-73.6 0-8.9 20.1c-4.5 10.1-16.3 14.6-26.4 10.2s-14.6-16.3-10.2-26.4l64-144c3.2-7.2 10.4-11.9 18.3-11.9s15.1 4.7 18.3 11.9zM179 276l-19-42.8L141 276l38 0zM456 164c-11 0-20 9-20 20l0 4-52 0c-11 0-20 9-20 20s9 20 20 20l72 0 35.1 0c-7.3 16.7-17.4 31.9-29.8 45l-.5-.5-14.6-14.6c-7.8-7.8-20.5-7.8-28.3 0s-7.8 20.5 0 28.3L430 298.3c-5.9 3.6-12.1 6.9-18.5 9.8l-3.6 1.6c-10.1 4.5-14.6 16.3-10.2 26.4s16.3 14.6 26.4 10.2l3.6-1.6c12-5.3 23.4-11.8 34-19.4c4.3 3 8.6 5.8 13.1 8.5l18.9 11.3c9.5 5.7 21.8 2.6 27.4-6.9s2.6-21.8-6.9-27.4l-18.9-11.3c-.9-.5-1.8-1.1-2.7-1.6c17.2-18.8 30.7-40.9 39.6-65.4L534 228l2 0c11 0 20-9 20-20s-9-20-20-20l-16 0-44 0 0-4c0-11-9-20-20-20z";
 var createTranslationIconElement = () => {

package/dist-loader/chunks/pk-icon-DAnw7wPF.js

@@ -0,0 +1,47 @@
+import { a as o, f as A, l as n, m as i, p as b, u as t } from "./lit-Dnn7gEi2.js";
+import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
+import { t as iconToSvg } from "./svg-_Mtb7CHx.js";
+import { t as getIcon } from "./registry-CmL0rH9r.js";
+//#region src/components/icon/pk-icon.ts
+var PkIcon = class PkIcon extends PkElement {
+	constructor(..._args) {
+		super(..._args);
+		this.icon = "";
+		this.name = "";
+	}
+	static {
+		this.styles = i`
+        :host {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            flex: none;
+            /* Square em box + slight baseline nudge for inline text. Flex
+             * parents (e.g. button slots) should zero vertical-align. */
+            width: 1em;
+            height: 1em;
+            line-height: 1;
+            vertical-align: -0.125em;
+        }
+
+        svg {
+            display: block;
+            width: 100%;
+            height: 100%;
+            fill: currentColor;
+            /* Allow intentional path overhang past the icon canvas. */
+            overflow: visible;
+        }
+    `;
+	}
+	render() {
+		const icon = getIcon(this.icon || this.name);
+		if (!icon) return A;
+		return b`${o(iconToSvg(icon, { title: this.label }))}`;
+	}
+};
+__decorate([n()], PkIcon.prototype, "icon", void 0);
+__decorate([n()], PkIcon.prototype, "name", void 0);
+__decorate([n()], PkIcon.prototype, "label", void 0);
+PkIcon = __decorate([t("pk-icon")], PkIcon);
+//#endregion

package/dist-loader/chunks/{pk-input-88DVgoVz.js → pk-input-BupRMhK1.js}

@@ -1,12 +1,12 @@
 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 t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-BlxAYXJD.js";
-import { n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "./button-group-item.styles-BNc-ksl1.js";
-import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
-import { t as RequiredValidator } from "./required-validator-DXqqPVeW.js";
-import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
-import { t as PkClearEvent } from "./pk-clear-BRS8vkV-.js";
-import { n as readLegacyInstructions, t as hasInstructionContent } from "./field-labels-Vo3wHq49.js";
+import { n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "./button-group-item.styles-Dwakbyx5.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";
+import { t as PkClearEvent } from "./pk-clear-BMZUzwDt.js";
+import { n as readLegacyInstructions, t as hasInstructionContent } from "./field-labels-D3lKQ2nq.js";
 //#region src/internal/implicit-form-submit.ts
 /**
 * Restore HTML “implicit submission” for FACE controls with a shadow native input.

package/dist-loader/chunks/{pk-lightswitch-BHEOy7aK.js → pk-lightswitch-C86ABIv3.js}

@@ -1,9 +1,9 @@
 import { f as A, l as n, m as i, p as b, s as e, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "./pk-base-BlxAYXJD.js";
-import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
-import { t as RequiredValidator } from "./required-validator-DXqqPVeW.js";
-import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
-import { n as readLegacyInstructions, t as hasInstructionContent } from "./field-labels-Vo3wHq49.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";
+import { n as readLegacyInstructions, t as hasInstructionContent } from "./field-labels-D3lKQ2nq.js";
 //#region src/components/lightswitch/pk-lightswitch.styles.ts
 var pkLightswitchStyles = i`
     @layer pk-component {

package/dist-loader/chunks/{pk-option-DL4rxbo2.js → pk-option-DN_AHNmh.js}

@@ -1,7 +1,7 @@
 import { a as o, f as A, l as n, m as i, p as b, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
 import { m as check } from "./svg-_Mtb7CHx.js";
-import { n as renderIconHtml } from "./render-B_9MG170.js";
+import { n as renderIconHtml } from "./render-Niz5wYRa.js";
 //#region src/utils/highlight-text.ts
 /** Split label text into matched/unmatched segments for typeahead highlighting. */
 function splitHighlightParts(text, search) {

package/dist-loader/chunks/{pk-popup-BYFbKaHH.js → pk-popup-Cfj3YNEC.js}

@@ -1,8 +1,8 @@
 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 t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
-import { t as computePopupTransformOrigin } from "./popup-placement-animation-BPjq650B.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-BTBNFWAR.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
 /** Resolve an element id from the same root as the host (shadow or document), then the document. */
 function resolveElementById(host, id) {

package/dist-loader/chunks/{pk-select-D0Ia0Mz3.js → pk-select-BzTTYknK.js}

@@ -2,16 +2,16 @@ import { d as registerDismissible, f as unregisterDismissible, n as uniqueId, s
 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 t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, s as iconStyles } from "./pk-base-BlxAYXJD.js";
 import { h as chevronDown } from "./svg-_Mtb7CHx.js";
-import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
-import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
-import { t as PkClearEvent } from "./pk-clear-BRS8vkV-.js";
-import { n as renderIconHtml } from "./render-B_9MG170.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-BG4QMRLw.js";
-import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-BPjq650B.js";
-import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-C9ffC35f.js";
-import "./pk-popup-BYFbKaHH.js";
-import { n as isPointerInsideOverlay, t as isEventInsideOverlay } from "./popup-pointer-BTS3Y6LE.js";
-import { a as isListboxTypeToSelectKey, i as handleListboxKeyDown, n as LISTBOX_NAVIGATION_KEYS, r as createTypeToSelectHandler, t as syncListboxSeparators } from "./sync-listbox-separators-CT3oGzTf.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 { 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-S6CK-zPp.js";
+import "./pk-popup-Cfj3YNEC.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
 var pkSelectStyles = [popupContentAnimationStyles, i`
     ${iconStyles}

package/dist-loader/chunks/pk-status-BFpjCym0.js

@@ -0,0 +1,89 @@
+import { f as A, l as n, m as i, p as b, u as t } from "./lit-Dnn7gEi2.js";
+import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
+//#region src/components/status/pk-status.styles.ts
+var pkStatusStyles = i`
+    @layer pk-component {
+        :host {
+            display: inline-block;
+            flex-shrink: 0;
+            width: 0.75rem;
+            height: 0.75rem;
+            border-radius: 9999px;
+            vertical-align: middle;
+        }
+
+        .status {
+            display: block;
+            width: 100%;
+            height: 100%;
+            border-radius: inherit;
+        }
+
+        :host([status='all']) .status { background: linear-gradient(60deg, #184cef, #e5422b); }
+        :host([status='on']) .status,
+        :host([status='live']) .status,
+        :host([status='active']) .status,
+        :host([status='enabled']) .status,
+        :host([status='teal']) .status,
+        :host([status='turquoise']) .status { background: var(--pk-color-teal-550); }
+        :host([status='off']) .status,
+        :host([status='suspended']) .status,
+        :host([status='expired']) .status,
+        :host([status='red']) .status { background: var(--pk-color-red-600); }
+        :host([status='warning']) .status { background: var(--pk-color-amber-100); }
+        :host([status='pending']) .status,
+        :host([status='orange']) .status { background: var(--pk-color-orange-400); }
+        :host([status='amber']) .status { background: var(--pk-color-amber-500); }
+        :host([status='yellow']) .status { background: var(--pk-color-yellow-500); }
+        :host([status='lime']) .status { background: var(--pk-color-lime-500); }
+        :host([status='green']) .status { background: var(--pk-color-green-600); }
+        :host([status='emerald']) .status { background: var(--pk-color-emerald-500); }
+        :host([status='cyan']) .status { background: var(--pk-color-cyan-500); }
+        :host([status='sky']) .status { background: var(--pk-color-sky-500); }
+        :host([status='blue']) .status { background: var(--pk-color-blue-600); }
+        :host([status='indigo']) .status { background: var(--pk-color-indigo-500); }
+        :host([status='violet']) .status { background: var(--pk-color-violet-500); }
+        :host([status='purple']) .status { background: var(--pk-color-purple-500); }
+        :host([status='fuchsia']) .status { background: var(--pk-color-fuchsia-500); }
+        :host([status='pink']) .status { background: var(--pk-color-pink-500); }
+        :host([status='rose']) .status { background: var(--pk-color-rose-500); }
+        :host([status='light']) .status { background: var(--pk-color-gray-100); }
+        :host([status='gray']) .status,
+        :host([status='grey']) .status { background: var(--pk-color-gray-300); }
+        :host([status='white']) .status { background: var(--pk-color-white); }
+        :host([status='black']) .status { background: var(--pk-color-gray-800); }
+        :host([status='disabled']) .status,
+        :host([status='inactive']) .status {
+            /* Ring color is overridable for inverted / selected surfaces. */
+            background: transparent;
+            box-shadow: inset 0 0 0 2px var(--pk-status-ring, var(--pk-color-gray-500));
+        }
+    }
+`;
+//#endregion
+//#region src/components/status/pk-status.ts
+var PkStatus = class PkStatus extends PkElement {
+	constructor(..._args) {
+		super(..._args);
+		this.status = "on";
+		this.ariaLabel = null;
+	}
+	static {
+		this.styles = pkStatusStyles;
+	}
+	render() {
+		return b`
+            <span
+                part="base"
+                class="status"
+                role="status"
+                aria-label=${this.ariaLabel ?? A}
+            ></span>
+        `;
+	}
+};
+__decorate([n({ reflect: true })], PkStatus.prototype, "status", void 0);
+__decorate([n({ attribute: "aria-label" })], PkStatus.prototype, "ariaLabel", void 0);
+PkStatus = __decorate([t("pk-status")], PkStatus);
+//#endregion
+export { PkStatus as t };

package/dist-loader/chunks/{pk-textarea-LC_CPUav.js → pk-textarea-BrRPLWsG.js}

@@ -1,10 +1,10 @@
 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 t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-BlxAYXJD.js";
-import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
-import { t as RequiredValidator } from "./required-validator-DXqqPVeW.js";
-import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
-import { n as readLegacyInstructions, t as hasInstructionContent } from "./field-labels-Vo3wHq49.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";
+import { n as readLegacyInstructions, t as hasInstructionContent } from "./field-labels-D3lKQ2nq.js";
 //#region src/components/textarea/pk-textarea.styles.ts
 var pkTextareaStyles = i`
     @layer pk-component {