@verbb/plugin-kit-web 2.0.22 → 2.0.24

package/dist-loader/chunks/pk-state-panel-BhdZGllL.js

@@ -0,0 +1,600 @@
+import { a as e, c as customElement, f as A, l as o, m as i, o as r, p as b, s as n } from "./lit-B6nFKgbW.js";
+import { c as __decorate, l as PkElement } from "./pk-base-BGegy7-X.js";
+import { i as PkCopyEvent, n as copyToClipboard, r as PkCopyErrorEvent } from "./pk-copy-button-D6tPuhJ3.js";
+import { $ as triangleExclamation, T as emptySet, b as circleInfo, v as circleCheck } from "./svg-BRgqS9vA.js";
+import { n as renderIconHtml } from "./render-D9G_a_c2.js";
+import { t as HasSlotController } from "./has-slot-DJv86HKx.js";
+import "./pk-icon-B7ywfPb6.js";
+//#region src/components/state-panel/pk-state-panel.styles.ts
+var pkStatePanelStyles = i`
+    @layer pk-component {
+        :host {
+            display: flex;
+            flex: 1 1 auto;
+            box-sizing: border-box;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            min-height: var(--pk-state-panel-min-height, var(--_pk-state-panel-min-height));
+            padding: var(--pk-state-panel-padding, var(--_pk-state-panel-padding));
+            color: var(--pk-state-panel-body-color, var(--pk-color-gray-500));
+            font-family: var(--pk-font-family);
+            font-size: var(--_pk-state-panel-font-size);
+            line-height: var(--pk-line-height);
+            text-align: center;
+            --pk-state-panel-accent: var(--pk-color-slate-500);
+            --pk-state-panel-icon-background: color-mix(
+                in srgb,
+                var(--pk-color-slate-200) 55%,
+                transparent
+            );
+            --_pk-state-panel-font-size: var(--pk-font-size-sm);
+            --_pk-state-panel-title-size: var(--pk-font-size-base);
+            --_pk-state-panel-content-width: 32rem;
+            --_pk-state-panel-min-height: 11rem;
+            --_pk-state-panel-padding: 2rem 0.875rem;
+            --_pk-state-panel-icon-shell-size: 2.125rem;
+            --_pk-state-panel-icon-size: 1.0625rem;
+            --_pk-state-panel-icon-radius: var(--pk-radius-lg);
+            --_pk-state-panel-icon-margin-bottom: 0.625rem;
+            --_pk-state-panel-body-margin-top: 0.375rem;
+            --_pk-state-panel-details-margin-top: 0.75rem;
+            --_pk-state-panel-details-font-size: 0.75rem;
+            --_pk-state-panel-details-content-margin-top: 0.625rem;
+            --_pk-state-panel-details-max-height: 14rem;
+            --_pk-state-panel-details-pre-padding: 0.625rem;
+            --_pk-state-panel-details-pre-radius: var(--pk-radius-md);
+            --_pk-state-panel-details-pre-font-size: 0.6875rem;
+            --_pk-state-panel-copy-button-size: var(--pk-btn-height-xs);
+            --_pk-state-panel-copy-icon-size: var(--pk-btn-icon-size-xs);
+            --_pk-state-panel-copy-inset: 0.375rem;
+            --_pk-state-panel-copy-radius: var(--pk-radius-md);
+            --_pk-state-panel-copy-status-size: 0.6875rem;
+            --_pk-state-panel-actions-gap: 0.4375rem;
+            --_pk-state-panel-actions-margin-top: 1rem;
+            --_pk-state-panel-action-height: var(--pk-btn-height-sm);
+            --_pk-state-panel-action-font: var(--pk-btn-font-sm);
+            --_pk-state-panel-action-padding-inline: var(--pk-btn-padding-inline-sm);
+            --_pk-state-panel-action-icon-size: var(--pk-btn-icon-size-sm);
+            --_pk-state-panel-action-icon-gap: var(--pk-btn-icon-gap-sm);
+            --_pk-state-panel-action-caret-size: var(--pk-btn-caret-size-sm);
+            --_pk-state-panel-action-radius: var(--pk-btn-radius-sm);
+        }
+
+        :host([size='sm']) {
+            --_pk-state-panel-font-size: var(--pk-btn-font-xs);
+            --_pk-state-panel-title-size: var(--pk-font-size-sm);
+            --_pk-state-panel-content-width: 28rem;
+            --_pk-state-panel-min-height: 8rem;
+            --_pk-state-panel-padding: 1.25rem 0.75rem;
+            --_pk-state-panel-icon-shell-size: 1.75rem;
+            --_pk-state-panel-icon-size: 0.875rem;
+            --_pk-state-panel-icon-radius: var(--pk-radius-md);
+            --_pk-state-panel-icon-margin-bottom: 0.5rem;
+            --_pk-state-panel-body-margin-top: 0.25rem;
+            --_pk-state-panel-details-margin-top: 0.625rem;
+            --_pk-state-panel-details-font-size: 0.6875rem;
+            --_pk-state-panel-details-content-margin-top: 0.5rem;
+            --_pk-state-panel-details-max-height: 10rem;
+            --_pk-state-panel-details-pre-padding: 0.5rem;
+            --_pk-state-panel-details-pre-radius: var(--pk-radius-sm);
+            --_pk-state-panel-details-pre-font-size: 0.6875rem;
+            --_pk-state-panel-copy-button-size: var(--pk-btn-height-xxs);
+            --_pk-state-panel-copy-icon-size: var(--pk-btn-icon-size-xxs);
+            --_pk-state-panel-copy-inset: 0.3125rem;
+            --_pk-state-panel-copy-radius: var(--pk-radius-sm);
+            --_pk-state-panel-copy-status-size: 0.6875rem;
+            --_pk-state-panel-actions-gap: 0.375rem;
+            --_pk-state-panel-actions-margin-top: 0.75rem;
+            --_pk-state-panel-action-height: var(--pk-btn-height-xs);
+            --_pk-state-panel-action-font: var(--pk-btn-font-xs);
+            --_pk-state-panel-action-padding-inline: var(--pk-btn-padding-inline-xs);
+            --_pk-state-panel-action-icon-size: var(--pk-btn-icon-size-xs);
+            --_pk-state-panel-action-icon-gap: var(--pk-btn-icon-gap-xs);
+            --_pk-state-panel-action-caret-size: var(--pk-btn-caret-size-xs);
+            --_pk-state-panel-action-radius: var(--pk-btn-radius-xs);
+        }
+
+        :host([size='lg']) {
+            --_pk-state-panel-font-size: var(--pk-font-size-base);
+            --_pk-state-panel-title-size: 1rem;
+            --_pk-state-panel-content-width: 35rem;
+            --_pk-state-panel-min-height: 14rem;
+            --_pk-state-panel-padding: 2.5rem 1rem;
+            --_pk-state-panel-icon-shell-size: 2.5rem;
+            --_pk-state-panel-icon-size: 1.25rem;
+            --_pk-state-panel-icon-radius: 0.625rem;
+            --_pk-state-panel-icon-margin-bottom: 0.75rem;
+            --_pk-state-panel-body-margin-top: 0.5rem;
+            --_pk-state-panel-details-margin-top: 1rem;
+            --_pk-state-panel-details-font-size: 0.8125rem;
+            --_pk-state-panel-details-content-margin-top: 0.75rem;
+            --_pk-state-panel-details-max-height: 18rem;
+            --_pk-state-panel-details-pre-padding: 0.75rem;
+            --_pk-state-panel-details-pre-radius: var(--pk-radius-lg);
+            --_pk-state-panel-details-pre-font-size: 0.75rem;
+            --_pk-state-panel-copy-button-size: var(--pk-btn-height-sm);
+            --_pk-state-panel-copy-icon-size: var(--pk-btn-icon-size-sm);
+            --_pk-state-panel-copy-inset: 0.5rem;
+            --_pk-state-panel-copy-radius: var(--pk-radius-lg);
+            --_pk-state-panel-copy-status-size: 0.75rem;
+            --_pk-state-panel-actions-gap: 0.5rem;
+            --_pk-state-panel-actions-margin-top: 1.25rem;
+            --_pk-state-panel-action-height: 2.125rem;
+            --_pk-state-panel-action-font: var(--pk-font-size-base);
+            --_pk-state-panel-action-padding-inline: 9px;
+            --_pk-state-panel-action-icon-size: 14px;
+            --_pk-state-panel-action-icon-gap: 6px;
+            --_pk-state-panel-action-caret-size: 12px;
+            --_pk-state-panel-action-radius: var(--pk-radius-lg);
+        }
+
+        :host([variant='info']) {
+            --pk-state-panel-accent: var(--pk-color-sky-600);
+            --pk-state-panel-icon-background: var(--pk-color-sky-50);
+        }
+
+        :host([variant='success']) {
+            --pk-state-panel-accent: var(--pk-color-teal-600);
+            --pk-state-panel-icon-background: var(--pk-color-teal-50);
+        }
+
+        :host([variant='warning']) {
+            --pk-state-panel-accent: var(--pk-color-amber-600);
+            --pk-state-panel-icon-background: var(--pk-color-amber-50);
+        }
+
+        :host([variant='error']) {
+            --pk-state-panel-accent: var(--pk-color-rose-600);
+            --pk-state-panel-icon-background: color-mix(
+                in srgb,
+                var(--pk-color-rose-500) 12%,
+                transparent
+            );
+        }
+
+        .panel {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            width: min(
+                100%,
+                var(--pk-state-panel-content-width, var(--_pk-state-panel-content-width))
+            );
+            min-width: 0;
+        }
+
+        .icon-shell {
+            display: inline-flex;
+            flex: 0 0 auto;
+            align-items: center;
+            justify-content: center;
+            width: var(--pk-state-panel-icon-shell-size, var(--_pk-state-panel-icon-shell-size));
+            height: var(--pk-state-panel-icon-shell-size, var(--_pk-state-panel-icon-shell-size));
+            margin-bottom: var(--_pk-state-panel-icon-margin-bottom);
+            border-radius: var(--pk-state-panel-icon-radius, var(--_pk-state-panel-icon-radius));
+            background: var(--pk-state-panel-icon-background);
+            color: var(--pk-state-panel-accent);
+        }
+
+        .icon {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            width: var(--pk-state-panel-icon-size, var(--_pk-state-panel-icon-size));
+            height: var(--pk-state-panel-icon-size, var(--_pk-state-panel-icon-size));
+            font-size: var(--pk-state-panel-icon-size, var(--_pk-state-panel-icon-size));
+        }
+
+        .icon svg,
+        .icon pk-icon,
+        .icon ::slotted(*) {
+            display: block;
+            width: 100%;
+            height: 100%;
+            fill: currentColor;
+        }
+
+        .title {
+            margin: 0;
+            color: var(--pk-state-panel-title-color, var(--pk-color-gray-900));
+            font-size: var(--pk-state-panel-title-size, var(--_pk-state-panel-title-size));
+            font-weight: 600;
+            line-height: 1.4;
+        }
+
+        .title ::slotted(*) {
+            margin: 0;
+            color: inherit;
+            font: inherit;
+        }
+
+        .body {
+            max-width: 100%;
+            margin-top: var(--_pk-state-panel-body-margin-top);
+        }
+
+        .body ::slotted(*) {
+            margin-block: 0;
+        }
+
+        .details {
+            width: 100%;
+            margin-top: var(--_pk-state-panel-details-margin-top);
+            color: var(--pk-state-panel-accent);
+            font-size: var(--_pk-state-panel-details-font-size);
+        }
+
+        summary {
+            width: fit-content;
+            margin-inline: auto;
+            border-radius: var(--pk-radius-sm);
+            cursor: pointer;
+        }
+
+        summary:focus-visible,
+        .copy:focus-visible {
+            outline: none;
+            box-shadow: var(--pk-shadow-focus);
+        }
+
+        .details-content {
+            position: relative;
+            margin-top: var(--_pk-state-panel-details-content-margin-top);
+            color: var(--pk-color-gray-800);
+            text-align: start;
+        }
+
+        .details-scroll {
+            min-width: 0;
+        }
+
+        .details-content ::slotted(pre) {
+            box-sizing: border-box;
+            max-height: var(
+                --pk-state-panel-details-max-height,
+                var(--_pk-state-panel-details-max-height)
+            );
+            margin: 0;
+            padding: var(--_pk-state-panel-details-pre-padding);
+            overflow: auto;
+            border: 1px solid var(--pk-color-gray-200);
+            border-radius: var(--_pk-state-panel-details-pre-radius);
+            background: var(--pk-color-white);
+            color: var(--pk-color-gray-800);
+            font:
+                var(--_pk-state-panel-details-pre-font-size)/1.5 ui-monospace,
+                SFMono-Regular,
+                Consolas,
+                'Liberation Mono',
+                monospace;
+            overflow-wrap: anywhere;
+            user-select: text;
+            white-space: pre-wrap;
+        }
+
+        :host([copyable]) .details-content ::slotted(pre) {
+            max-height: none;
+            padding-inline-end: calc(
+                var(--_pk-state-panel-details-pre-padding) +
+                    var(--_pk-state-panel-copy-button-size) +
+                    var(--_pk-state-panel-copy-inset)
+            );
+            overflow: visible;
+            border: 0;
+            border-radius: 0;
+            background: transparent;
+        }
+
+        :host([copyable]) .details-content {
+            overflow: hidden;
+            border: 1px solid var(--pk-color-gray-200);
+            border-radius: var(--_pk-state-panel-details-pre-radius);
+            background: var(--pk-color-white);
+        }
+
+        :host([copyable]) .details-scroll {
+            position: relative;
+            max-height: var(
+                --pk-state-panel-details-max-height,
+                var(--_pk-state-panel-details-max-height)
+            );
+            overflow: auto;
+        }
+
+        .copy-overlay {
+            position: sticky;
+            z-index: 1;
+            top: 0;
+            display: flex;
+            justify-content: flex-end;
+            height: 0;
+            pointer-events: none;
+        }
+
+        .copy {
+            flex: none;
+            margin-block-start: var(--_pk-state-panel-copy-inset);
+            margin-inline-end: var(--_pk-state-panel-copy-inset);
+            pointer-events: auto;
+            --pk-btn-height-default: var(--_pk-state-panel-copy-button-size);
+            --pk-btn-icon-size-default: var(--_pk-state-panel-copy-icon-size);
+            --pk-btn-radius-default: var(--_pk-state-panel-copy-radius);
+            --pk-copy-button-background: var(--pk-color-white);
+            --pk-copy-button-border-color: transparent;
+            --pk-copy-button-hover-border-color: transparent;
+            --pk-copy-button-color: var(--pk-color-gray-300);
+            --pk-copy-button-hover-color: var(--pk-color-gray-500);
+            --pk-copy-button-hover-background: color-mix(
+                in srgb,
+                var(--pk-color-gray-300) 6%,
+                var(--pk-color-white)
+            );
+        }
+
+        .copy-status {
+            display: block;
+            margin-top: 0.375rem;
+            color: var(--pk-color-red-700);
+            font-size: var(--_pk-state-panel-copy-status-size);
+            text-align: start;
+        }
+
+        .copy-status:not([data-error]) {
+            position: absolute;
+            width: 1px;
+            height: 1px;
+            margin: -1px;
+            padding: 0;
+            overflow: hidden;
+            clip: rect(0, 0, 0, 0);
+            white-space: nowrap;
+            border: 0;
+        }
+
+        .actions {
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
+            justify-content: center;
+            gap: var(--_pk-state-panel-actions-gap);
+            margin-top: var(--_pk-state-panel-actions-margin-top);
+        }
+
+        .actions slot::slotted(pk-button) {
+            --pk-btn-height-default: var(--_pk-state-panel-action-height);
+            --pk-btn-font-default: var(--_pk-state-panel-action-font);
+            --pk-btn-padding-inline-default: var(--_pk-state-panel-action-padding-inline);
+            --pk-btn-icon-size-default: var(--_pk-state-panel-action-icon-size);
+            --pk-btn-icon-gap-default: var(--_pk-state-panel-action-icon-gap);
+            --pk-btn-caret-size-default: var(--_pk-state-panel-action-caret-size);
+            --pk-btn-radius-default: var(--_pk-state-panel-action-radius);
+        }
+    }
+`;
+//#endregion
+//#region src/components/state-panel/pk-state-panel.ts
+var COPY_STATUS_RESET_MS = 3e3;
+var defaultIcons = {
+	empty: emptySet,
+	info: circleInfo,
+	success: circleCheck,
+	warning: triangleExclamation,
+	error: triangleExclamation
+};
+var PkStatePanel = class PkStatePanel extends PkElement {
+	constructor(..._args) {
+		super(..._args);
+		this.hasSlotController = new HasSlotController(this, "title", "icon", "details", "actions");
+		this.variant = "empty";
+		this.size = "default";
+		this.heading = "";
+		this.headingLevel = 2;
+		this.icon = "";
+		this.hideIcon = false;
+		this.announce = "off";
+		this.detailsLabel = "Details";
+		this.detailsOpen = false;
+		this.copyable = false;
+		this.copyLabel = "Copy details";
+		this.copiedLabel = "Details copied.";
+		this.copyErrorLabel = "Copy failed. Select the details and copy them manually.";
+		this.copyStatus = "";
+		this.copyFailed = false;
+	}
+	static {
+		this.styles = pkStatePanelStyles;
+	}
+	disconnectedCallback() {
+		window.clearTimeout(this.copyStatusResetTimer);
+		super.disconnectedCallback();
+	}
+	hasTitle() {
+		return Boolean(this.heading) || this.hasSlotController.test("title");
+	}
+	get detailsValue() {
+		return (this.detailsSlot?.assignedNodes({ flatten: true }) ?? []).map((node) => node.textContent ?? "").join("").trim();
+	}
+	resetCopyStatusLater() {
+		window.clearTimeout(this.copyStatusResetTimer);
+		this.copyStatusResetTimer = window.setTimeout(() => {
+			this.copyStatus = "";
+			this.copyFailed = false;
+		}, COPY_STATUS_RESET_MS);
+	}
+	showCopySuccess() {
+		this.copyFailed = false;
+		this.copyStatus = this.copiedLabel;
+		this.resetCopyStatusLater();
+	}
+	showCopyError() {
+		this.copyFailed = true;
+		this.copyStatus = this.copyErrorLabel;
+		this.resetCopyStatusLater();
+	}
+	handleCopySuccess() {
+		this.showCopySuccess();
+	}
+	handleCopyError() {
+		this.showCopyError();
+		this.selectDetails();
+	}
+	selectDetails() {
+		const nodes = this.detailsSlot?.assignedNodes({ flatten: true }) ?? [];
+		const first = nodes[0];
+		const last = nodes[nodes.length - 1];
+		if (!first || !last) return;
+		this.detailsOpen = true;
+		const range = document.createRange();
+		range.setStartBefore(first);
+		range.setEndAfter(last);
+		const selection = window.getSelection();
+		selection?.removeAllRanges();
+		selection?.addRange(range);
+	}
+	/** Copy the plain text assigned to the details slot. */
+	async copyDetails() {
+		const value = this.detailsValue;
+		if (!value) {
+			this.showCopyError();
+			this.dispatchEvent(new PkCopyErrorEvent());
+			return;
+		}
+		if (this.copyButton) {
+			this.copyButton.value = value;
+			await this.copyButton.copy();
+			return;
+		}
+		try {
+			await copyToClipboard(value);
+			this.showCopySuccess();
+			const copyEvent = new PkCopyEvent(value);
+			this.dispatchEvent(copyEvent);
+		} catch {
+			this.showCopyError();
+			this.selectDetails();
+			this.dispatchEvent(new PkCopyErrorEvent());
+		}
+	}
+	handleDetailsToggle(event) {
+		this.detailsOpen = event.currentTarget.open;
+	}
+	renderIcon() {
+		if (this.hideIcon) return A;
+		let icon;
+		if (this.hasSlotController.test("icon")) icon = b`<slot name="icon"></slot>`;
+		else if (this.icon) icon = b`<pk-icon .icon=${this.icon}></pk-icon>`;
+		else icon = o(renderIconHtml(defaultIcons[this.variant] ?? defaultIcons.empty));
+		return b`
+            <span part="icon-shell" class="icon-shell" aria-hidden="true">
+                <span part="icon" class="icon">${icon}</span>
+            </span>
+        `;
+	}
+	render() {
+		const role = this.announce === "assertive" ? "alert" : this.announce === "polite" ? "status" : A;
+		const live = this.announce === "off" ? A : this.announce;
+		const hasDetails = this.hasSlotController.test("details");
+		const hasActions = this.hasSlotController.test("actions");
+		return b`
+            <div
+                part="base"
+                class="panel"
+                role=${role}
+                aria-live=${live}
+                aria-atomic=${this.announce === "off" ? A : "true"}
+            >
+                ${this.renderIcon()}
+
+                ${this.hasTitle() ? b`
+                        <div
+                            part="title"
+                            class="title"
+                            role="heading"
+                            aria-level=${this.headingLevel}
+                        >
+                            ${this.hasSlotController.test("title") ? b`<slot name="title"></slot>` : this.heading}
+                        </div>
+                    ` : A}
+
+                <div part="body" class="body"><slot></slot></div>
+
+                ${hasDetails ? b`
+                        <details
+                            part="details"
+                            class="details"
+                            ?open=${this.detailsOpen}
+                            @toggle=${this.handleDetailsToggle}
+                        >
+                            <summary part="details-summary">${this.detailsLabel}</summary>
+                            <div part="details-content" class="details-content">
+                                <div class="details-scroll">
+                                    ${this.copyable ? b`
+                                            <div class="copy-overlay">
+                                                <pk-copy-button
+                                                    part="copy-button"
+                                                    class="copy"
+                                                    variant="transparent"
+                                                    aria-label=${this.copyLabel}
+                                                    .copiedLabel=${this.copiedLabel}
+                                                    .value=${this.detailsValue}
+                                                    @pk-copy=${this.handleCopySuccess}
+                                                    @pk-copy-error=${this.handleCopyError}
+                                                ></pk-copy-button>
+                                            </div>
+                                        ` : A}
+                                    <slot name="details"></slot>
+                                </div>
+                            </div>
+
+                            ${this.copyable ? b`
+                                    <span
+                                        part="copy-status"
+                                        class="copy-status"
+                                        data-error=${this.copyFailed ? "" : A}
+                                        role="status"
+                                        aria-live="polite"
+                                    >${this.copyStatus}</span>
+                                ` : A}
+                        </details>
+                    ` : A}
+
+                ${hasActions ? b`<div part="actions" class="actions"><slot name="actions"></slot></div>` : A}
+            </div>
+        `;
+	}
+};
+__decorate([n({ reflect: true })], PkStatePanel.prototype, "variant", void 0);
+__decorate([n({ reflect: true })], PkStatePanel.prototype, "size", void 0);
+__decorate([n()], PkStatePanel.prototype, "heading", void 0);
+__decorate([n({
+	type: Number,
+	attribute: "heading-level"
+})], PkStatePanel.prototype, "headingLevel", void 0);
+__decorate([n()], PkStatePanel.prototype, "icon", void 0);
+__decorate([n({
+	type: Boolean,
+	attribute: "hide-icon",
+	reflect: true
+})], PkStatePanel.prototype, "hideIcon", void 0);
+__decorate([n({ reflect: true })], PkStatePanel.prototype, "announce", void 0);
+__decorate([n({ attribute: "details-label" })], PkStatePanel.prototype, "detailsLabel", void 0);
+__decorate([n({
+	type: Boolean,
+	attribute: "details-open",
+	reflect: true
+})], PkStatePanel.prototype, "detailsOpen", void 0);
+__decorate([n({
+	type: Boolean,
+	reflect: true
+})], PkStatePanel.prototype, "copyable", void 0);
+__decorate([n({ attribute: "copy-label" })], PkStatePanel.prototype, "copyLabel", void 0);
+__decorate([n({ attribute: "copied-label" })], PkStatePanel.prototype, "copiedLabel", void 0);
+__decorate([n({ attribute: "copy-error-label" })], PkStatePanel.prototype, "copyErrorLabel", void 0);
+__decorate([e("slot[name=\"details\"]")], PkStatePanel.prototype, "detailsSlot", void 0);
+__decorate([e("pk-copy-button.copy")], PkStatePanel.prototype, "copyButton", void 0);
+__decorate([r()], PkStatePanel.prototype, "copyStatus", void 0);
+__decorate([r()], PkStatePanel.prototype, "copyFailed", void 0);
+PkStatePanel = __decorate([customElement("pk-state-panel")], PkStatePanel);
+//#endregion
+export { PkStatePanel as t };

package/dist-loader/chunks/{pk-status-B8UvjIp2.js → pk-status-D3qVwWlR.js}

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

package/dist-loader/chunks/{pk-textarea-DeSuxufJ.js → pk-textarea-KnpJMQX2.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 customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-B2MqxErC.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";
+import { n as uniqueId } from "./pk-a11y-mGj0G5AE.js";
+import { a as e, c as customElement, f as A, m as i, n as l, o as r, p as b, r as o, s as n } from "./lit-B6nFKgbW.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-BGegy7-X.js";
+import { t as HasSlotController } from "./has-slot-DJv86HKx.js";
+import { t as MirrorValidator } from "./mirror-validator-BkZlEv1Z.js";
+import { t as RequiredValidator } from "./required-validator-I58oJGZ3.js";
+import { n as readLegacyInstructions, t as hasInstructionContent } from "./field-labels-pY-gQDwQ.js";
 //#region src/components/textarea/pk-textarea.styles.ts
 var pkTextareaStyles = i`
     @layer pk-component {

package/dist-loader/chunks/{pk-time-picker-DpJt8biN.js → pk-time-picker-DCqZ5z7M.js}

@@ -1,9 +1,9 @@
-import { m as i, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate } from "./pk-base-B2MqxErC.js";
-import { v as clock } from "./svg-Bz-bXZn7.js";
-import { t as createIconElement } from "./render-Bnzcxfss.js";
-import "./pk-option-DATPm0Bo.js";
-import { n as pkSelectStyles, t as PkSelect } from "./pk-select-DpcvbzUL.js";
+import { c as customElement, m as i } from "./lit-B6nFKgbW.js";
+import { c as __decorate } from "./pk-base-BGegy7-X.js";
+import { x as clock } from "./svg-BRgqS9vA.js";
+import { t as createIconElement } from "./render-D9G_a_c2.js";
+import "./pk-option-B-MeLvZf.js";
+import { n as pkSelectStyles, t as PkSelect } from "./pk-select-JUx3mxRS.js";
 //#region src/utils/time-options.ts
 var timeOptionsCache = null;
 function resolveTimepickerOptions() {

package/dist-loader/chunks/{pk-tooltip-DcF9J5GT.js → pk-tooltip-DStkplzy.js}

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

package/dist-loader/chunks/{popup-content-animation.styles-duCg9-CH.js → popup-content-animation.styles-BtUVJg82.js}

@@ -1,4 +1,4 @@
-import { m as i } from "./lit-DpLik9Rf.js";
+import { m as i } from "./lit-B6nFKgbW.js";
 //#region src/styles/popup-content-animation.styles.ts
 /**
 * Placement-aware popup enter/exit motion — mirrors plugin-kit-react DropdownMenu

package/dist-loader/chunks/{render-Bnzcxfss.js → render-D9G_a_c2.js}

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