@verbb/plugin-kit-web 2.0.22 → 2.0.23

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

@@ -1,9 +1,10 @@
 import { i as property, o as state, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
-import "../../chunks/pk-button-BrH4u4Qr.js";
-import "../../chunks/pk-status-BehQARDv.js";
-import "../../chunks/pk-dialog-VMQqLW1f.js";
+import "../../chunks/pk-button-DCtNLEPr.js";
 import "../icon/pk-icon.js";
-import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-BhW406jt.js";
+import "../../chunks/pk-state-panel-DPP7t-er.js";
+import "../../chunks/pk-status-CYcadu0Q.js";
+import "../../chunks/pk-dialog-CFU850OH.js";
+import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-ciqZMK3B.js";
 import { LitElement, html, nothing } from "lit";
 import { buildConnectPayload, escapeCpHtml, resolveConnectError, sendCpConnectRequest, serializeCpForm, watchCpFormDirty } from "@verbb/plugin-kit-core";
 //#region src/components/connect/pk-connect.ts
@@ -35,7 +36,6 @@ var PkConnect = class PkConnect extends LitElement {
 		this.labelClose = "Close";
 		this.isDirty = false;
 		this.loading = false;
-		this.showDetails = false;
 		this.unwatchDirty = null;
 		this.errorDialog = null;
 	}
@@ -103,7 +103,6 @@ var PkConnect = class PkConnect extends LitElement {
 	}
 	setModalOpen(open) {
 		this.fieldHost?.classList.toggle("pk-connect-field--modal-open", open);
-		if (!open) this.showDetails = false;
 	}
 	ensureErrorDialog() {
 		if (this.errorDialog) return this.errorDialog;
@@ -114,60 +113,39 @@ var PkConnect = class PkConnect extends LitElement {
 			`<pk-button slot="trigger" type="button" variant="none" size="none" icon class="pk-connect-dialog__close" data-dialog="close" aria-label="${escapeCpHtml(this.labelClose)}">`,
 			"<pk-icon icon=\"xmark\"></pk-icon>",
 			"</pk-button>",
-			"<div class=\"pk-connection-error\">",
-			"<div class=\"pk-connection-error__stack\">",
-			"<div class=\"pk-connection-error__icon\"><pk-icon icon=\"triangle-exclamation\"></pk-icon></div>",
-			"<h3 class=\"pk-connection-error__heading\"></h3>",
-			"<p class=\"pk-connection-error__message\"></p>",
-			"<div class=\"pk-connection-error__details hidden\">",
-			"<button type=\"button\" class=\"pk-connection-error__details-toggle\">",
-			"<pk-icon icon=\"chevron-right\"></pk-icon>",
-			`<span class="pk-connection-error__details-label">${escapeCpHtml(this.labelShowDetails)}</span>`,
-			"</button>",
-			"<div class=\"pk-connection-error__trace hidden\"></div>",
-			"</div>",
-			"</div>",
+			"<div class=\"pk-connect-dialog__content\">",
+			"<pk-state-panel class=\"pk-connect-dialog__state\" variant=\"error\" size=\"lg\" announce=\"assertive\">",
+			"<span class=\"pk-connect-dialog__message\"></span>",
+			"</pk-state-panel>",
 			"</div>"
 		].join("");
 		document.body.appendChild(dialog);
-		const detailsToggle = dialog.querySelector(".pk-connection-error__details-toggle");
-		const traceEl = dialog.querySelector(".pk-connection-error__trace");
-		const detailsLabel = dialog.querySelector(".pk-connection-error__details-label");
-		dialog.querySelector(".pk-connection-error__details");
-		const chevron = dialog.querySelector("pk-icon");
-		detailsToggle?.addEventListener("click", () => {
-			this.showDetails = !this.showDetails;
-			traceEl?.classList.toggle("hidden", !this.showDetails);
-			chevron?.classList.toggle("is-open", this.showDetails);
-			if (detailsLabel) detailsLabel.textContent = this.showDetails ? this.labelHideDetails : this.labelShowDetails;
-		});
 		dialog.addEventListener("pk-open-change", (event) => {
 			const open = Boolean(event.detail?.open);
 			this.setModalOpen(open);
-			if (!open) {
-				traceEl?.classList.add("hidden");
-				chevron?.classList.remove("is-open");
-				if (detailsLabel) detailsLabel.textContent = this.labelShowDetails;
-			}
 		});
 		this.errorDialog = dialog;
 		return dialog;
 	}
 	showErrorModal(error) {
 		const dialog = this.ensureErrorDialog();
-		const heading = dialog.querySelector(".pk-connection-error__heading");
-		const message = dialog.querySelector(".pk-connection-error__message");
-		const detailsWrap = dialog.querySelector(".pk-connection-error__details");
-		const traceEl = dialog.querySelector(".pk-connection-error__trace");
-		if (heading) heading.textContent = error.heading || this.labelErrorHeading;
+		const statePanel = dialog.querySelector("pk-state-panel");
+		const message = dialog.querySelector(".pk-connect-dialog__message");
 		if (message) message.textContent = error.text || this.labelGenericError;
-		const trace = error.traceAsString || error.trace || "";
-		if (trace && detailsWrap && traceEl) {
-			detailsWrap.classList.remove("hidden");
-			traceEl.innerHTML = trace;
-			traceEl.classList.add("hidden");
-		} else detailsWrap?.classList.add("hidden");
-		this.showDetails = false;
+		const trace = error.traceAsArray.length > 0 ? error.traceAsArray.join("\n") : (error.traceAsString || error.trace || "").replace(/<br\s*\/?>/gi, "\n");
+		dialog.querySelector("[slot=\"details\"]")?.remove();
+		if (statePanel) {
+			statePanel.heading = error.heading || this.labelErrorHeading;
+			statePanel.detailsLabel = this.labelShowDetails;
+			statePanel.detailsOpen = false;
+			statePanel.copyable = Boolean(trace);
+			if (trace) {
+				const details = document.createElement("pre");
+				details.slot = "details";
+				details.textContent = trace;
+				statePanel.appendChild(details);
+			}
+		}
 		dialog.open = true;
 		this.setModalOpen(true);
 	}
@@ -251,7 +229,6 @@ __decorate([property({ attribute: "label-hide-details" })], PkConnect.prototype,
 __decorate([property({ attribute: "label-close" })], PkConnect.prototype, "labelClose", void 0);
 __decorate([state()], PkConnect.prototype, "isDirty", void 0);
 __decorate([state()], PkConnect.prototype, "loading", void 0);
-__decorate([state()], PkConnect.prototype, "showDetails", void 0);
 PkConnect = __decorate([customElement("pk-connect")], PkConnect);
 //#endregion
 export { PkConnect };

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

@@ -1 +1 @@
-{"version":3,"file":"pk-connect.js","names":[],"sources":["../../../src/components/connect/pk-connect.ts"],"sourcesContent":["import {\n    buildConnectPayload,\n    escapeCpHtml,\n    resolveConnectError,\n    sendCpConnectRequest,\n    serializeCpForm,\n    watchCpFormDirty,\n    type ConnectLabels,\n    type ConnectStatus,\n    type ErrorContent,\n} from '@verbb/plugin-kit-core';\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from '../../decorators.js';\n\nimport '../button/pk-button.js';\nimport '../dialog/pk-dialog.js';\nimport '../icon/pk-icon.js';\nimport '../status/pk-status.js';\nimport type { PkStatusVariant } from '../status/pk-status.js';\nimport { pkConnectStyles } from './pk-connect.styles.js';\n\nconst pkStatusForState = (status: ConnectStatus): PkStatusVariant => {\n    if (status === 'connected') {\n        return 'on';\n    }\n\n    if (status === 'error') {\n        return 'off';\n    }\n\n    return 'disabled';\n};\n\n/**\n * Credentials / REST connect row for Craft CP source settings.\n *\n * **Light DOM** — mounts inside Craft `.field.lightswitch-field` and reuses CP\n * `.heading` / `.input` columns (see `pk-connect-oauth` for the same rationale).\n *\n * @fires pk-status-change - `detail.status` is the new {@link ConnectStatus}.\n */\n@customElement('pk-connect')\nexport class PkConnect extends LitElement {\n    static override styles = pkConnectStyles;\n\n    /** Craft controller action, e.g. `metrix/sources/check-connection`. */\n    @property({ reflect: true })\n    action = '';\n\n    @property({ reflect: true })\n    status: ConnectStatus = 'disconnected';\n\n    @property({ attribute: 'form-selector' })\n    formSelector = '#main-form';\n\n    @property({ attribute: 'source-id' })\n    sourceId: string | null = null;\n\n    /** POST key for the record id (`sourceId` default; Formie uses `id`). */\n    @property({ attribute: 'id-param' })\n    idParam = 'sourceId';\n\n    @property()\n    type = '';\n\n    @property({ attribute: 'label-connected' })\n    labelConnected = 'Connected';\n\n    @property({ attribute: 'label-not-connected' })\n    labelNotConnected = 'Not Connected';\n\n    @property({ attribute: 'label-connecting' })\n    labelConnecting = 'Connecting…';\n\n    @property({ attribute: 'label-error' })\n    labelError = 'Error';\n\n    @property({ attribute: 'label-connect' })\n    labelConnect = 'Connect';\n\n    @property({ attribute: 'label-refresh' })\n    labelRefresh = 'Refresh';\n\n    @property({ attribute: 'label-save-to-connect' })\n    labelSaveToConnect = 'Save to connect.';\n\n    @property({ attribute: 'label-error-heading' })\n    labelErrorHeading = 'Connection error';\n\n    @property({ attribute: 'label-generic-error' })\n    labelGenericError = 'Unable to connect to the provider.';\n\n    @property({ attribute: 'label-show-details' })\n    labelShowDetails = 'Show details';\n\n    @property({ attribute: 'label-hide-details' })\n    labelHideDetails = 'Hide details';\n\n    @property({ attribute: 'label-close' })\n    labelClose = 'Close';\n\n    @state()\n    private isDirty = false;\n\n    @state()\n    private loading = false;\n\n    @state()\n    private showDetails = false;\n\n    private unwatchDirty: (() => void) | null = null;\n    private errorDialog: HTMLElement | null = null;\n\n    override createRenderRoot(): HTMLElement | DocumentFragment {\n        // Light DOM — Craft field chrome and pk-* children share document tokens.\n        return this;\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.unwatchDirty = watchCpFormDirty({\n            formSelector: this.formSelector,\n            host: this,\n            onDirty: () => {\n                this.isDirty = true;\n            },\n        });\n    }\n\n    override disconnectedCallback(): void {\n        this.unwatchDirty?.();\n        this.unwatchDirty = null;\n        this.errorDialog?.remove();\n        this.errorDialog = null;\n        super.disconnectedCallback();\n    }\n\n    private get labels(): ConnectLabels {\n        return {\n            connected: this.labelConnected,\n            notConnected: this.labelNotConnected,\n            connecting: this.labelConnecting,\n            error: this.labelError,\n            connect: this.labelConnect,\n            refresh: this.labelRefresh,\n            saveToConnect: this.labelSaveToConnect,\n            errorHeading: this.labelErrorHeading,\n            genericError: this.labelGenericError,\n            showDetails: this.labelShowDetails,\n            hideDetails: this.labelHideDetails,\n        };\n    }\n\n    private get fieldHost(): HTMLElement | null {\n        return this.closest('.pk-connect-field');\n    }\n\n    private get statusLabel(): string {\n        switch (this.status) {\n            case 'connected':\n                return this.labelConnected;\n            case 'error':\n                return this.labelError;\n            case 'connecting':\n                return this.labelConnecting;\n            default:\n                return this.labelNotConnected;\n        }\n    }\n\n    private get statusLabelMuted(): boolean {\n        return this.status !== 'connected' && this.status !== 'error';\n    }\n\n    private get actionLabel(): string {\n        return this.status === 'connected' ? this.labelRefresh : this.labelConnect;\n    }\n\n    private setConnectStatus(status: ConnectStatus): void {\n        this.status = status;\n        this.dispatchEvent(\n            new CustomEvent<{ status: ConnectStatus }>('pk-status-change', {\n                detail: { status },\n                bubbles: true,\n            }),\n        );\n    }\n\n    private setModalOpen(open: boolean): void {\n        this.fieldHost?.classList.toggle('pk-connect-field--modal-open', open);\n\n        if (!open) {\n            this.showDetails = false;\n        }\n    }\n\n    private ensureErrorDialog(): HTMLElement {\n        if (this.errorDialog) {\n            return this.errorDialog;\n        }\n\n        const dialog = document.createElement('pk-dialog');\n        dialog.className = 'pk-connect-dialog';\n        dialog.setAttribute('without-header', '');\n        dialog.innerHTML = [\n            `<pk-button slot=\"trigger\" type=\"button\" variant=\"none\" size=\"none\" icon class=\"pk-connect-dialog__close\" data-dialog=\"close\" aria-label=\"${escapeCpHtml(this.labelClose)}\">`,\n            '<pk-icon icon=\"xmark\"></pk-icon>',\n            '</pk-button>',\n            '<div class=\"pk-connection-error\">',\n            '<div class=\"pk-connection-error__stack\">',\n            '<div class=\"pk-connection-error__icon\"><pk-icon icon=\"triangle-exclamation\"></pk-icon></div>',\n            '<h3 class=\"pk-connection-error__heading\"></h3>',\n            '<p class=\"pk-connection-error__message\"></p>',\n            '<div class=\"pk-connection-error__details hidden\">',\n            '<button type=\"button\" class=\"pk-connection-error__details-toggle\">',\n            '<pk-icon icon=\"chevron-right\"></pk-icon>',\n            `<span class=\"pk-connection-error__details-label\">${escapeCpHtml(this.labelShowDetails)}</span>`,\n            '</button>',\n            '<div class=\"pk-connection-error__trace hidden\"></div>',\n            '</div>',\n            '</div>',\n            '</div>',\n        ].join('');\n\n        document.body.appendChild(dialog);\n\n        const detailsToggle = dialog.querySelector<HTMLButtonElement>('.pk-connection-error__details-toggle');\n        const traceEl = dialog.querySelector('.pk-connection-error__trace');\n        const detailsLabel = dialog.querySelector('.pk-connection-error__details-label');\n        const detailsWrap = dialog.querySelector('.pk-connection-error__details');\n        const chevron = dialog.querySelector('pk-icon');\n\n        detailsToggle?.addEventListener('click', () => {\n            this.showDetails = !this.showDetails;\n            traceEl?.classList.toggle('hidden', !this.showDetails);\n            chevron?.classList.toggle('is-open', this.showDetails);\n\n            if (detailsLabel) {\n                detailsLabel.textContent = this.showDetails\n                    ? this.labelHideDetails\n                    : this.labelShowDetails;\n            }\n        });\n\n        dialog.addEventListener('pk-open-change', (event) => {\n            const open = Boolean((event as CustomEvent<{ open?: boolean }>).detail?.open);\n            this.setModalOpen(open);\n\n            if (!open) {\n                traceEl?.classList.add('hidden');\n                chevron?.classList.remove('is-open');\n\n                if (detailsLabel) {\n                    detailsLabel.textContent = this.labelShowDetails;\n                }\n            }\n        });\n\n        this.errorDialog = dialog;\n        return dialog;\n    }\n\n    private showErrorModal(error: ErrorContent): void {\n        const dialog = this.ensureErrorDialog() as HTMLElement & { open: boolean };\n        const heading = dialog.querySelector('.pk-connection-error__heading');\n        const message = dialog.querySelector('.pk-connection-error__message');\n        const detailsWrap = dialog.querySelector('.pk-connection-error__details');\n        const traceEl = dialog.querySelector('.pk-connection-error__trace');\n\n        if (heading) {\n            heading.textContent = error.heading || this.labelErrorHeading;\n        }\n\n        if (message) {\n            message.textContent = error.text || this.labelGenericError;\n        }\n\n        const trace = error.traceAsString || error.trace || '';\n\n        if (trace && detailsWrap && traceEl) {\n            detailsWrap.classList.remove('hidden');\n            traceEl.innerHTML = trace;\n            traceEl.classList.add('hidden');\n        } else {\n            detailsWrap?.classList.add('hidden');\n        }\n\n        this.showDetails = false;\n        dialog.open = true;\n        this.setModalOpen(true);\n    }\n\n    private async handleConnectClick(event: Event): Promise<void> {\n        event.preventDefault();\n\n        if (this.isDirty || this.loading || !this.action) {\n            return;\n        }\n\n        this.loading = true;\n        this.setConnectStatus('connecting');\n        this.setModalOpen(false);\n\n        const values = serializeCpForm(this.formSelector, this);\n        const payload = buildConnectPayload(values, {\n            idParam: this.idParam,\n            sourceId: this.sourceId,\n            type: this.type || values.type,\n        });\n\n        try {\n            const response = await sendCpConnectRequest(this.action, payload);\n            this.loading = false;\n\n            if (response?.data?.success) {\n                this.setConnectStatus('connected');\n                return;\n            }\n\n            if (response?.data?.message || response?.data?.success === false) {\n                this.setConnectStatus('error');\n                this.showErrorModal(\n                    resolveConnectError(response?.data?.message ?? null, this.labels),\n                );\n            }\n        } catch (error) {\n            this.loading = false;\n            this.setConnectStatus('error');\n            this.showErrorModal(resolveConnectError(error, this.labels));\n        }\n    }\n\n    override render() {\n        if (this.isDirty) {\n            return html`\n                <div class=\"heading\">\n                    <span class=\"warning with-icon\">${this.labelSaveToConnect}</span>\n                </div>\n            `;\n        }\n\n        return html`\n            <div class=\"heading\">\n                <pk-status\n                    status=${pkStatusForState(this.status)}\n                    class=\"pk-connect__status-icon\"\n                ></pk-status><span class=${this.statusLabelMuted ? 'light' : nothing}>${this.statusLabel}</span>\n            </div>\n\n            <div class=\"input ltr\">\n                <pk-button\n                    type=\"button\"\n                    size=\"xs\"\n                    variant=\"default\"\n                    class=\"pk-connect__action\"\n                    spinner-size=\"xs\"\n                    ?loading=${this.loading}\n                    ?disabled=${this.loading || this.isDirty}\n                    @click=${this.handleConnectClick}\n                >\n                    ${this.actionLabel}\n                </pk-button>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-connect': PkConnect;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"file":"pk-connect.js","names":[],"sources":["../../../src/components/connect/pk-connect.ts"],"sourcesContent":["import {\n    buildConnectPayload,\n    escapeCpHtml,\n    resolveConnectError,\n    sendCpConnectRequest,\n    serializeCpForm,\n    watchCpFormDirty,\n    type ConnectLabels,\n    type ConnectStatus,\n    type ErrorContent,\n} from '@verbb/plugin-kit-core';\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from '../../decorators.js';\n\nimport '../button/pk-button.js';\nimport '../dialog/pk-dialog.js';\nimport '../icon/pk-icon.js';\nimport type { PkStatePanel } from '../state-panel/pk-state-panel.js';\nimport '../state-panel/pk-state-panel.js';\nimport '../status/pk-status.js';\nimport type { PkStatusVariant } from '../status/pk-status.js';\nimport { pkConnectStyles } from './pk-connect.styles.js';\n\nconst pkStatusForState = (status: ConnectStatus): PkStatusVariant => {\n    if (status === 'connected') {\n        return 'on';\n    }\n\n    if (status === 'error') {\n        return 'off';\n    }\n\n    return 'disabled';\n};\n\n/**\n * Credentials / REST connect row for Craft CP source settings.\n *\n * **Light DOM** — mounts inside Craft `.field.lightswitch-field` and reuses CP\n * `.heading` / `.input` columns (see `pk-connect-oauth` for the same rationale).\n *\n * @fires pk-status-change - `detail.status` is the new {@link ConnectStatus}.\n */\n@customElement('pk-connect')\nexport class PkConnect extends LitElement {\n    static override styles = pkConnectStyles;\n\n    /** Craft controller action, e.g. `metrix/sources/check-connection`. */\n    @property({ reflect: true })\n    action = '';\n\n    @property({ reflect: true })\n    status: ConnectStatus = 'disconnected';\n\n    @property({ attribute: 'form-selector' })\n    formSelector = '#main-form';\n\n    @property({ attribute: 'source-id' })\n    sourceId: string | null = null;\n\n    /** POST key for the record id (`sourceId` default; Formie uses `id`). */\n    @property({ attribute: 'id-param' })\n    idParam = 'sourceId';\n\n    @property()\n    type = '';\n\n    @property({ attribute: 'label-connected' })\n    labelConnected = 'Connected';\n\n    @property({ attribute: 'label-not-connected' })\n    labelNotConnected = 'Not Connected';\n\n    @property({ attribute: 'label-connecting' })\n    labelConnecting = 'Connecting…';\n\n    @property({ attribute: 'label-error' })\n    labelError = 'Error';\n\n    @property({ attribute: 'label-connect' })\n    labelConnect = 'Connect';\n\n    @property({ attribute: 'label-refresh' })\n    labelRefresh = 'Refresh';\n\n    @property({ attribute: 'label-save-to-connect' })\n    labelSaveToConnect = 'Save to connect.';\n\n    @property({ attribute: 'label-error-heading' })\n    labelErrorHeading = 'Connection error';\n\n    @property({ attribute: 'label-generic-error' })\n    labelGenericError = 'Unable to connect to the provider.';\n\n    @property({ attribute: 'label-show-details' })\n    labelShowDetails = 'Show details';\n\n    @property({ attribute: 'label-hide-details' })\n    labelHideDetails = 'Hide details';\n\n    @property({ attribute: 'label-close' })\n    labelClose = 'Close';\n\n    @state()\n    private isDirty = false;\n\n    @state()\n    private loading = false;\n\n    private unwatchDirty: (() => void) | null = null;\n    private errorDialog: HTMLElement | null = null;\n\n    override createRenderRoot(): HTMLElement | DocumentFragment {\n        // Light DOM — Craft field chrome and pk-* children share document tokens.\n        return this;\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.unwatchDirty = watchCpFormDirty({\n            formSelector: this.formSelector,\n            host: this,\n            onDirty: () => {\n                this.isDirty = true;\n            },\n        });\n    }\n\n    override disconnectedCallback(): void {\n        this.unwatchDirty?.();\n        this.unwatchDirty = null;\n        this.errorDialog?.remove();\n        this.errorDialog = null;\n        super.disconnectedCallback();\n    }\n\n    private get labels(): ConnectLabels {\n        return {\n            connected: this.labelConnected,\n            notConnected: this.labelNotConnected,\n            connecting: this.labelConnecting,\n            error: this.labelError,\n            connect: this.labelConnect,\n            refresh: this.labelRefresh,\n            saveToConnect: this.labelSaveToConnect,\n            errorHeading: this.labelErrorHeading,\n            genericError: this.labelGenericError,\n            showDetails: this.labelShowDetails,\n            hideDetails: this.labelHideDetails,\n        };\n    }\n\n    private get fieldHost(): HTMLElement | null {\n        return this.closest('.pk-connect-field');\n    }\n\n    private get statusLabel(): string {\n        switch (this.status) {\n            case 'connected':\n                return this.labelConnected;\n            case 'error':\n                return this.labelError;\n            case 'connecting':\n                return this.labelConnecting;\n            default:\n                return this.labelNotConnected;\n        }\n    }\n\n    private get statusLabelMuted(): boolean {\n        return this.status !== 'connected' && this.status !== 'error';\n    }\n\n    private get actionLabel(): string {\n        return this.status === 'connected' ? this.labelRefresh : this.labelConnect;\n    }\n\n    private setConnectStatus(status: ConnectStatus): void {\n        this.status = status;\n        this.dispatchEvent(\n            new CustomEvent<{ status: ConnectStatus }>('pk-status-change', {\n                detail: { status },\n                bubbles: true,\n            }),\n        );\n    }\n\n    private setModalOpen(open: boolean): void {\n        this.fieldHost?.classList.toggle('pk-connect-field--modal-open', open);\n    }\n\n    private ensureErrorDialog(): HTMLElement {\n        if (this.errorDialog) {\n            return this.errorDialog;\n        }\n\n        const dialog = document.createElement('pk-dialog');\n        dialog.className = 'pk-connect-dialog';\n        dialog.setAttribute('without-header', '');\n        dialog.innerHTML = [\n            `<pk-button slot=\"trigger\" type=\"button\" variant=\"none\" size=\"none\" icon class=\"pk-connect-dialog__close\" data-dialog=\"close\" aria-label=\"${escapeCpHtml(this.labelClose)}\">`,\n            '<pk-icon icon=\"xmark\"></pk-icon>',\n            '</pk-button>',\n            '<div class=\"pk-connect-dialog__content\">',\n            '<pk-state-panel class=\"pk-connect-dialog__state\" variant=\"error\" size=\"lg\" announce=\"assertive\">',\n            '<span class=\"pk-connect-dialog__message\"></span>',\n            '</pk-state-panel>',\n            '</div>',\n        ].join('');\n\n        document.body.appendChild(dialog);\n\n        dialog.addEventListener('pk-open-change', (event) => {\n            const open = Boolean((event as CustomEvent<{ open?: boolean }>).detail?.open);\n            this.setModalOpen(open);\n        });\n\n        this.errorDialog = dialog;\n        return dialog;\n    }\n\n    private showErrorModal(error: ErrorContent): void {\n        const dialog = this.ensureErrorDialog() as HTMLElement & { open: boolean };\n        const statePanel = dialog.querySelector<PkStatePanel>('pk-state-panel');\n        const message = dialog.querySelector('.pk-connect-dialog__message');\n\n        if (message) {\n            message.textContent = error.text || this.labelGenericError;\n        }\n\n        const trace = error.traceAsArray.length > 0\n            ? error.traceAsArray.join('\\n')\n            : (error.traceAsString || error.trace || '').replace(/<br\\s*\\/?>/gi, '\\n');\n        dialog.querySelector('[slot=\"details\"]')?.remove();\n\n        if (statePanel) {\n            statePanel.heading = error.heading || this.labelErrorHeading;\n            statePanel.detailsLabel = this.labelShowDetails;\n            statePanel.detailsOpen = false;\n            statePanel.copyable = Boolean(trace);\n\n            if (trace) {\n                const details = document.createElement('pre');\n                details.slot = 'details';\n                details.textContent = trace;\n                statePanel.appendChild(details);\n            }\n        }\n\n        dialog.open = true;\n        this.setModalOpen(true);\n    }\n\n    private async handleConnectClick(event: Event): Promise<void> {\n        event.preventDefault();\n\n        if (this.isDirty || this.loading || !this.action) {\n            return;\n        }\n\n        this.loading = true;\n        this.setConnectStatus('connecting');\n        this.setModalOpen(false);\n\n        const values = serializeCpForm(this.formSelector, this);\n        const payload = buildConnectPayload(values, {\n            idParam: this.idParam,\n            sourceId: this.sourceId,\n            type: this.type || values.type,\n        });\n\n        try {\n            const response = await sendCpConnectRequest(this.action, payload);\n            this.loading = false;\n\n            if (response?.data?.success) {\n                this.setConnectStatus('connected');\n                return;\n            }\n\n            if (response?.data?.message || response?.data?.success === false) {\n                this.setConnectStatus('error');\n                this.showErrorModal(\n                    resolveConnectError(response?.data?.message ?? null, this.labels),\n                );\n            }\n        } catch (error) {\n            this.loading = false;\n            this.setConnectStatus('error');\n            this.showErrorModal(resolveConnectError(error, this.labels));\n        }\n    }\n\n    override render() {\n        if (this.isDirty) {\n            return html`\n                <div class=\"heading\">\n                    <span class=\"warning with-icon\">${this.labelSaveToConnect}</span>\n                </div>\n            `;\n        }\n\n        return html`\n            <div class=\"heading\">\n                <pk-status\n                    status=${pkStatusForState(this.status)}\n                    class=\"pk-connect__status-icon\"\n                ></pk-status><span class=${this.statusLabelMuted ? 'light' : nothing}>${this.statusLabel}</span>\n            </div>\n\n            <div class=\"input ltr\">\n                <pk-button\n                    type=\"button\"\n                    size=\"xs\"\n                    variant=\"default\"\n                    class=\"pk-connect__action\"\n                    spinner-size=\"xs\"\n                    ?loading=${this.loading}\n                    ?disabled=${this.loading || this.isDirty}\n                    @click=${this.handleConnectClick}\n                >\n                    ${this.actionLabel}\n                </pk-button>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-connect': PkConnect;\n    }\n}\n"],"mappings":"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"}

package/dist/components/copy-button/pk-copy-button.d.ts

@@ -6,16 +6,26 @@ import { PkButtonVariant } from '../button/pk-button.js';
  * Place in `slot="end"` on `<pk-input>` (or another control with an end adornment)
  * for an in-control treatment that matches combobox / image-browser trailing actions.
  *
- * @slot icon - Copy icon (SVG supplied by the consumer)
+ * @slot icon - Custom copy icon. The component supplies a copy icon by default.
  *
  * @event pk-copy - Emitted when text is copied successfully
  * @event pk-copy-error - Emitted when copying fails
  *
  * @csspart button - Trigger button
+ * @csspart copy-icon - Copy icon shown before copying
  * @csspart success-icon - Success icon shown after copying
+ *
+ * @cssproperty --pk-copy-button-background - Trigger background override.
+ * @cssproperty --pk-copy-button-border-color - Trigger border colour override.
+ * @cssproperty --pk-copy-button-color - Trigger foreground colour override.
+ * @cssproperty --pk-copy-button-hover-background - Trigger hover background override.
+ * @cssproperty --pk-copy-button-hover-border-color - Trigger hover border colour override.
+ * @cssproperty --pk-copy-button-hover-color - Trigger hover foreground colour override.
+ * @cssproperty --pk-copy-button-radius - Trigger corner radius override.
  */
 export declare class PkCopyButton extends PkElement {
     static styles: import('lit').CSSResult;
+    private readonly hasSlotController;
     value: string;
     /**
      * Element id to copy from — `from="el[attr]"` or `from="el.value"`.
@@ -24,12 +34,17 @@ export declare class PkCopyButton extends PkElement {
     from: string;
     disabled: boolean;
     variant: PkButtonVariant;
+    /** Accessible name shown while the copy action is available. */
+    ariaLabel: string;
+    /** Accessible name shown briefly after copying succeeds. */
+    copiedLabel: string;
     private copied;
     private resetTimer?;
     disconnectedCallback(): void;
     private resetCopied;
     private scheduleReset;
-    private handleCopy;
+    /** Copy the configured value and emit the corresponding result event. */
+    copy(): Promise<void>;
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {

package/dist/components/copy-button/pk-copy-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pk-copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/pk-copy-button.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,wBAAwB,CAAC;AAUhC;;;;;;;;;;;;;GAaG;AACH,qBACa,YAAa,SAAQ,SAAS;IACvC,OAAgB,MAAM,0BAAsB;IAG5C,KAAK,SAAM;IAEX;;;OAGG;IAEH,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,OAAO,EAAE,eAAe,CAAiB;IAGzC,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,UAAU,CAAC,CAAS;IAEnB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,aAAa;YAKP,UAAU;IAuBf,MAAM;CAoBlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,YAAY,CAAC;KAClC;CACJ"}
+{"version":3,"file":"pk-copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/pk-copy-button.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,wBAAwB,CAAC;AAchC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,YAAa,SAAQ,SAAS;IACvC,OAAgB,MAAM,0BAAsB;IAE5C,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAuC;IAGzE,KAAK,SAAM;IAEX;;;OAGG;IAEH,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,OAAO,EAAE,eAAe,CAAiB;IAEzC,gEAAgE;IAEhE,SAAS,SAAU;IAEnB,4DAA4D;IAE5D,WAAW,SAAY;IAGvB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,UAAU,CAAC,CAAS;IAEnB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,aAAa;IAKrB,yEAAyE;IACnE,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBlB,MAAM;CAsBlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,YAAY,CAAC;KAClC;CACJ"}

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

@@ -1,2 +1,2 @@
-import { t as PkCopyButton } from "../../chunks/pk-copy-button-BVaOLtYG.js";
+import { t as PkCopyButton } from "../../chunks/pk-copy-button-KegSx46o.js";
 export { PkCopyButton };

package/dist/components/copy-button/pk-copy-button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pk-copy-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/pk-copy-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAoD9B,CAAC"}
+{"version":3,"file":"pk-copy-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/pk-copy-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAiE9B,CAAC"}

package/dist/components/copy-button.js

@@ -1,2 +1,2 @@
-import { t as PkCopyButton } from "../chunks/pk-copy-button-BVaOLtYG.js";
+import { t as PkCopyButton } from "../chunks/pk-copy-button-KegSx46o.js";
 export { PkCopyButton };

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

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

package/dist/components/date-picker.js

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

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

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

package/dist/components/dialog.js

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

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

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

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

@@ -1,2 +1,2 @@
-import { t as PkDropdownLabel } from "../../chunks/pk-dropdown-label-CRNWMWQd.js";
+import { t as PkDropdownLabel } from "../../chunks/pk-dropdown-label-PqDxMkCI.js";
 export { PkDropdownLabel };

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

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

package/dist/components/dropdown-menu.js

@@ -1,5 +1,5 @@
-import { t as PkDropdownItem } from "../chunks/pk-dropdown-item-D9OaG5o-.js";
-import { t as PkDropdownMenu } from "../chunks/pk-dropdown-menu-DW1wI8xQ.js";
-import { t as PkDropdownLabel } from "../chunks/pk-dropdown-label-CRNWMWQd.js";
+import { t as PkDropdownItem } from "../chunks/pk-dropdown-item-A4P4zfVF.js";
+import { t as PkDropdownMenu } from "../chunks/pk-dropdown-menu-C_vasBoa.js";
+import { t as PkDropdownLabel } from "../chunks/pk-dropdown-label-PqDxMkCI.js";
 import { PkDropdownSeparator } from "./dropdown-menu/pk-dropdown-separator.js";
 export { PkDropdownItem, PkDropdownLabel, PkDropdownMenu, PkDropdownSeparator };

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

@@ -1,2 +1,2 @@
-import { a as nextRowId, i as isCustomColumn, r as getCustomCellSlotName, t as PkEditableTable } from "../../chunks/pk-editable-table-DDnu1I8Y.js";
+import { a as nextRowId, i as isCustomColumn, r as getCustomCellSlotName, t as PkEditableTable } from "../../chunks/pk-editable-table-B85NhFYY.js";
 export { PkEditableTable, getCustomCellSlotName, isCustomColumn, nextRowId };

package/dist/components/editable-table.js

@@ -1,2 +1,2 @@
-import { a as nextRowId, i as isCustomColumn, n as BUILTIN_COLUMN_TYPES, r as getCustomCellSlotName, t as PkEditableTable } from "../chunks/pk-editable-table-DDnu1I8Y.js";
+import { a as nextRowId, i as isCustomColumn, n as BUILTIN_COLUMN_TYPES, r as getCustomCellSlotName, t as PkEditableTable } from "../chunks/pk-editable-table-B85NhFYY.js";
 export { BUILTIN_COLUMN_TYPES, PkEditableTable, getCustomCellSlotName, isCustomColumn, nextRowId };

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

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

package/dist/components/field.js

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

package/dist/components/image-browser/pk-image-browser.js

@@ -1,2 +1,2 @@
-import { t as PkImageBrowser } from "../../chunks/pk-image-browser-Bj8LhWfk.js";
+import { t as PkImageBrowser } from "../../chunks/pk-image-browser-DLAQcjFt.js";
 export { PkImageBrowser };

package/dist/components/image-browser.js

@@ -1,2 +1,2 @@
-import { t as PkImageBrowser } from "../chunks/pk-image-browser-Bj8LhWfk.js";
+import { t as PkImageBrowser } from "../chunks/pk-image-browser-DLAQcjFt.js";
 export { PkImageBrowser };

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

@@ -1,2 +1,2 @@
-import { t as PkInput } from "../../chunks/pk-input-BywmK5n2.js";
+import { t as PkInput } from "../../chunks/pk-input-CiUNLTSW.js";
 export { PkInput };

package/dist/components/input-group/pk-input-group-addon.js

@@ -1,2 +1,2 @@
-import { t as PkInputGroupAddon } from "../../chunks/pk-input-group-addon-ClBkGmAw.js";
+import { t as PkInputGroupAddon } from "../../chunks/pk-input-group-addon-piOznzSS.js";
 export { PkInputGroupAddon };

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

@@ -1,2 +1,2 @@
-import { t as PkInputGroupButton } from "../../chunks/pk-input-group-button-CHQHsWd4.js";
+import { t as PkInputGroupButton } from "../../chunks/pk-input-group-button-Di2vEJLo.js";
 export { PkInputGroupButton };

package/dist/components/input-group/pk-input-group-input.js

@@ -1,2 +1,2 @@
-import { t as PkInputGroupInput } from "../../chunks/pk-input-group-input-oNnqMBGU.js";
+import { t as PkInputGroupInput } from "../../chunks/pk-input-group-input-CwaaEfr1.js";
 export { PkInputGroupInput };

package/dist/components/input-group/pk-input-group-text.js

@@ -1,2 +1,2 @@
-import { t as PkInputGroupText } from "../../chunks/pk-input-group-text-HUxlXROB.js";
+import { t as PkInputGroupText } from "../../chunks/pk-input-group-text-C0VAdy0J.js";
 export { PkInputGroupText };

package/dist/components/input-group/pk-input-group-textarea.js

@@ -1,2 +1,2 @@
-import { t as PkInputGroupTextarea } from "../../chunks/pk-input-group-textarea-Cl2FNuw-.js";
+import { t as PkInputGroupTextarea } from "../../chunks/pk-input-group-textarea-DOG1NIlE.js";
 export { PkInputGroupTextarea };

package/dist/components/input-group/pk-input-group.js

@@ -1,2 +1,2 @@
-import { t as PkInputGroup } from "../../chunks/pk-input-group-BLqKPnfc.js";
+import { t as PkInputGroup } from "../../chunks/pk-input-group-k7WV0pQI.js";
 export { PkInputGroup };

package/dist/components/input-group.js

@@ -1,7 +1,7 @@
-import { t as PkInputGroup } from "../chunks/pk-input-group-BLqKPnfc.js";
-import { t as PkInputGroupAddon } from "../chunks/pk-input-group-addon-ClBkGmAw.js";
-import { t as PkInputGroupButton } from "../chunks/pk-input-group-button-CHQHsWd4.js";
-import { t as PkInputGroupInput } from "../chunks/pk-input-group-input-oNnqMBGU.js";
-import { t as PkInputGroupText } from "../chunks/pk-input-group-text-HUxlXROB.js";
-import { t as PkInputGroupTextarea } from "../chunks/pk-input-group-textarea-Cl2FNuw-.js";
+import { t as PkInputGroup } from "../chunks/pk-input-group-k7WV0pQI.js";
+import { t as PkInputGroupAddon } from "../chunks/pk-input-group-addon-piOznzSS.js";
+import { t as PkInputGroupButton } from "../chunks/pk-input-group-button-Di2vEJLo.js";
+import { t as PkInputGroupInput } from "../chunks/pk-input-group-input-CwaaEfr1.js";
+import { t as PkInputGroupText } from "../chunks/pk-input-group-text-C0VAdy0J.js";
+import { t as PkInputGroupTextarea } from "../chunks/pk-input-group-textarea-DOG1NIlE.js";
 export { PkInputGroup, PkInputGroupAddon, PkInputGroupButton, PkInputGroupInput, PkInputGroupText, PkInputGroupTextarea };

package/dist/components/input.js

@@ -1,2 +1,2 @@
-import { t as PkInput } from "../chunks/pk-input-BywmK5n2.js";
+import { t as PkInput } from "../chunks/pk-input-CiUNLTSW.js";
 export { PkInput };

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

@@ -1,2 +1,2 @@
-import { t as PkLightswitch } from "../../chunks/pk-lightswitch-VHfJizBW.js";
+import { t as PkLightswitch } from "../../chunks/pk-lightswitch-FH5ZxMG2.js";
 export { PkLightswitch };

package/dist/components/lightswitch.js

@@ -1,2 +1,2 @@
-import { t as PkLightswitch } from "../chunks/pk-lightswitch-VHfJizBW.js";
+import { t as PkLightswitch } from "../chunks/pk-lightswitch-FH5ZxMG2.js";
 export { PkLightswitch };

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

@@ -1,2 +1,2 @@
-import { t as PkPopover } from "../../chunks/pk-popover-D3jkHfwB.js";
+import { t as PkPopover } from "../../chunks/pk-popover-209LdoPr.js";
 export { PkPopover };

package/dist/components/popover.js

@@ -1,2 +1,2 @@
-import { t as PkPopover } from "../chunks/pk-popover-D3jkHfwB.js";
+import { t as PkPopover } from "../chunks/pk-popover-209LdoPr.js";
 export { PkPopover };

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

@@ -1,2 +1,2 @@
-import { t as PkPopup } from "../../chunks/pk-popup-B65tZMQH.js";
+import { t as PkPopup } from "../../chunks/pk-popup-0EIt9X_W.js";
 export { PkPopup };

package/dist/components/popup.js

@@ -1,2 +1,2 @@
-import { t as PkPopup } from "../chunks/pk-popup-B65tZMQH.js";
+import { t as PkPopup } from "../chunks/pk-popup-0EIt9X_W.js";
 export { PkPopup };

package/dist/components/radio-group/pk-radio-group.js

@@ -1,2 +1,2 @@
-import { t as PkRadioGroup } from "../../chunks/pk-radio-group-Dzd-3HaQ.js";
+import { t as PkRadioGroup } from "../../chunks/pk-radio-group-CruMBeeF.js";
 export { PkRadioGroup };

package/dist/components/radio-group/pk-radio.js

@@ -1,2 +1,2 @@
-import { t as PkRadio } from "../../chunks/pk-radio-B5XkMHy3.js";
+import { t as PkRadio } from "../../chunks/pk-radio-jgj6A0Wy.js";
 export { PkRadio };

package/dist/components/radio-group.js

@@ -1,3 +1,3 @@
-import { t as PkRadio } from "../chunks/pk-radio-B5XkMHy3.js";
-import { t as PkRadioGroup } from "../chunks/pk-radio-group-Dzd-3HaQ.js";
+import { t as PkRadio } from "../chunks/pk-radio-jgj6A0Wy.js";
+import { t as PkRadioGroup } from "../chunks/pk-radio-group-CruMBeeF.js";
 export { PkRadio, PkRadioGroup };

package/dist/components/scroll-area/pk-scroll-area.js

@@ -1,2 +1,2 @@
-import { t as PkScrollArea } from "../../chunks/pk-scroll-area-CdfNxYz8.js";
+import { t as PkScrollArea } from "../../chunks/pk-scroll-area-BaqN798b.js";
 export { PkScrollArea };

package/dist/components/scroll-area.js

@@ -1,2 +1,2 @@
-import { t as PkScrollArea } from "../chunks/pk-scroll-area-CdfNxYz8.js";
+import { t as PkScrollArea } from "../chunks/pk-scroll-area-BaqN798b.js";
 export { PkScrollArea };

package/dist/components/select/pk-option-group.js

@@ -1,2 +1,2 @@
-import { t as PkOptionGroup } from "../../chunks/pk-option-group-CCzJkBFp.js";
+import { t as PkOptionGroup } from "../../chunks/pk-option-group-CYo9Ukue.js";
 export { PkOptionGroup };

package/dist/components/select/pk-option.js

@@ -1,2 +1,2 @@
-import { t as PkOption } from "../../chunks/pk-option-DQZHV9jL.js";
+import { t as PkOption } from "../../chunks/pk-option-Cx52kLmz.js";
 export { PkOption };

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

@@ -1,2 +1,2 @@
-import { t as PkSelect } from "../../chunks/pk-select-b5S5WKc-.js";
+import { t as PkSelect } from "../../chunks/pk-select-UUH7FE4H.js";
 export { PkSelect };

package/dist/components/select.js

@@ -1,4 +1,4 @@
-import { t as PkOption } from "../chunks/pk-option-DQZHV9jL.js";
-import { t as PkSelect } from "../chunks/pk-select-b5S5WKc-.js";
-import { t as PkOptionGroup } from "../chunks/pk-option-group-CCzJkBFp.js";
+import { t as PkOption } from "../chunks/pk-option-Cx52kLmz.js";
+import { t as PkSelect } from "../chunks/pk-select-UUH7FE4H.js";
+import { t as PkOptionGroup } from "../chunks/pk-option-group-CYo9Ukue.js";
 export { PkOption, PkOptionGroup, PkSelect };

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

@@ -1,2 +1,2 @@
-import { t as PkSeparator } from "../../chunks/pk-separator-N-VyjYE6.js";
+import { t as PkSeparator } from "../../chunks/pk-separator-Bcxg_GO2.js";
 export { PkSeparator };

package/dist/components/separator.js

@@ -1,2 +1,2 @@
-import { t as PkSeparator } from "../chunks/pk-separator-N-VyjYE6.js";
+import { t as PkSeparator } from "../chunks/pk-separator-Bcxg_GO2.js";
 export { PkSeparator };

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

@@ -1,2 +1,2 @@
-import { t as PkSpinner } from "../../chunks/pk-spinner-DweuYJ_Z.js";
+import { t as PkSpinner } from "../../chunks/pk-spinner-CN365srE.js";
 export { PkSpinner };

package/dist/components/spinner.js

@@ -1,3 +1,3 @@
-import { n as resolveSpinnerVariant, t as getButtonSpinnerSize } from "../chunks/spinner-utils-CDfHypTv.js";
-import { t as PkSpinner } from "../chunks/pk-spinner-DweuYJ_Z.js";
+import { n as resolveSpinnerVariant, t as getButtonSpinnerSize } from "../chunks/spinner-utils-Co_4X3ip.js";
+import { t as PkSpinner } from "../chunks/pk-spinner-CN365srE.js";
 export { PkSpinner, getButtonSpinnerSize, resolveSpinnerVariant };

package/dist/components/state-panel/index.d.ts

@@ -0,0 +1,2 @@
+export { PkStatePanel, type PkStatePanelAnnouncement, type PkStatePanelHeadingLevel, type PkStatePanelVariant, } from './pk-state-panel.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/state-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/state-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,GAC3B,MAAM,qBAAqB,CAAC"}