@verbb/plugin-kit-web 2.0.22 → 2.0.23

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

@@ -1,12 +1,12 @@
 import { d as registerDismissible, f as unregisterDismissible, n as uniqueId, u as isTopDismissible } from "../../chunks/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 "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.js";
-import { r as buttonGroupCornerRoleStyles } from "../../chunks/button-group-item.styles-CsBQ3Cyh.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "../../chunks/overlay-lifecycle-C3tSQ3UR.js";
-import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "../../chunks/popup-placement-animation-WlEXnS85.js";
-import { t as popupContentAnimationStyles } from "../../chunks/popup-content-animation.styles-duCg9-CH.js";
-import { n as resolveElementById } from "../../chunks/pk-popup-CUuGs8r_.js";
-import { n as isPointerInsideOverlay } from "../../chunks/popup-pointer-Ck28WdVP.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 "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
+import { r as buttonGroupCornerRoleStyles } from "../../chunks/button-group-item.styles-CXLuiMeZ.js";
+import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "../../chunks/overlay-lifecycle-CSIBJZgQ.js";
+import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "../../chunks/popup-placement-animation-BQdKabXq.js";
+import { t as popupContentAnimationStyles } from "../../chunks/popup-content-animation.styles-CWR2mend.js";
+import { n as resolveElementById } from "../../chunks/pk-popup-BrLT_4kD.js";
+import { n as isPointerInsideOverlay } from "../../chunks/popup-pointer-BNwlPGKA.js";
 //#region src/components/popover/pk-popover.styles.ts
 var pkPopoverStyles = [
 	buttonGroupCornerRoleStyles(),

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

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

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

@@ -1,8 +1,8 @@
-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 "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-B2MqxErC.js";
-import { t as RequiredValidator } from "../../chunks/required-validator-0XwZtX9k.js";
-import { t as HasSlotController } from "../../chunks/has-slot-BGJeJdHr.js";
-import { n as readLegacyInstructions, t as hasInstructionContent } from "../../chunks/field-labels-D3lKQ2nq.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 "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-Om6X9ab5.js";
+import { t as HasSlotController } from "../../chunks/has-slot-BvdEcnpm.js";
+import { t as RequiredValidator } from "../../chunks/required-validator-DCTovZ6r.js";
+import { n as readLegacyInstructions, t as hasInstructionContent } from "../../chunks/field-labels-D7ccWdRn.js";
 //#region src/components/radio-group/pk-radio-group.styles.ts
 var pkRadioGroupStyles = i`
     @layer pk-component {

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

@@ -1,5 +1,5 @@
-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 "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.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 "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
 //#region src/components/radio-group/pk-radio.styles.ts
 var pkRadioStyles = i`
     @layer pk-component {

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

@@ -1,5 +1,5 @@
-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 "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.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 "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
 //#region src/components/scroll-area/pk-scroll-area.styles.ts
 var pkScrollAreaStyles = i`
     @layer pk-component {

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

@@ -1,6 +1,6 @@
 import { n as uniqueId } from "../../chunks/pk-a11y-CjB4-U-R.js";
-import { l as n, m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.js";
+import { c as customElement, m as i, p as b, s as n } from "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
 //#region src/components/select/pk-option-group.styles.ts
 var pkOptionGroupStyles = i`
     @layer pk-component {

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { l as n, m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.js";
+import { c as customElement, m as i, p as b, s as n } from "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
 //#region src/components/separator/pk-separator.styles.ts
 /**
 * Default block rhythm lives on the inner `.line`, not `:host` margin.

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

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

package/dist-loader/components/state-panel/state-panel.js

@@ -0,0 +1,2 @@
+import { t as PkStatePanel } from "../../chunks/pk-state-panel-DKf54EnJ.js";
+export { PkStatePanel };

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

@@ -1,2 +1,2 @@
-import { t as PkStatus } from "../../chunks/pk-status-B8UvjIp2.js";
+import { t as PkStatus } from "../../chunks/pk-status-Dat3_D-T.js";
 export { PkStatus };

package/dist-loader/components/tabs/tab-heading.js

@@ -1,5 +1,5 @@
-import { m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.js";
+import { c as customElement, m as i, p as b } from "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
 //#region src/components/tabs/pk-tab-heading.styles.ts
 var pkTabHeadingStyles = i`
     @layer pk-component {

package/dist-loader/components/tabs/tab-panel.js

@@ -1,5 +1,5 @@
-import { f as A, l as n, m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.js";
+import { c as customElement, f as A, m as i, p as b, s as n } from "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
 //#region src/components/tabs/pk-tab-panel-base.ts
 /** Shared tab panel behaviour for all tab variants. */
 var PkTabPanelBase = class extends PkElement {

package/dist-loader/components/tabs/tab.js

@@ -1,5 +1,5 @@
-import { f as A, l as n, m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.js";
+import { c as customElement, f as A, m as i, p as b, s as n } from "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
 //#region src/components/tabs/pk-tab-base.ts
 /** Shared tab trigger behaviour for all tab variants. */
 var PkTabBase = class extends PkElement {

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

@@ -1,6 +1,6 @@
 import { n as uniqueId } from "../../chunks/pk-a11y-CjB4-U-R.js";
-import { c as r, f as A, l as n, m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.js";
+import { c as customElement, f as A, m as i, o as r, p as b, s as n } from "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
 //#region src/components/tabs/pk-tabs.styles.ts
 /**
 * Variant tokens are defined on `pk-tabs` and inherited by slotted

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

@@ -1,2 +1,2 @@
-import { t as PkTextarea } from "../../chunks/pk-textarea-DeSuxufJ.js";
+import { t as PkTextarea } from "../../chunks/pk-textarea-DPb2R8gV.js";
 export { PkTextarea };

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

@@ -1,2 +1,2 @@
-import { t as PkTimePicker } from "../../chunks/pk-time-picker-DpJt8biN.js";
+import { t as PkTimePicker } from "../../chunks/pk-time-picker-CJiQTVuC.js";
 export { PkTimePicker };

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

@@ -1,7 +1,7 @@
-import { l as n, m as i, p as b, s as e, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.js";
-import { A as Editor } from "../../chunks/tiptap-CgXkiK8d.js";
-import { i as createVariableTagDomNodeView, j as createTiptapExtensions, k as valueToContent, t as tiptapContentProseMirrorStyles } from "../../chunks/tiptap.styles-C0E1NpSx.js";
+import { a as e, c as customElement, m as i, p as b, s as n } from "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
+import { A as Editor } from "../../chunks/tiptap-BhYH5Dva.js";
+import { i as createVariableTagDomNodeView, j as createTiptapExtensions, k as valueToContent, t as tiptapContentProseMirrorStyles } from "../../chunks/tiptap.styles-BckAim0_.js";
 //#region src/components/tiptap/pk-tiptap-content.styles.ts
 var pkTiptapContentStyles = i`
     @layer pk-component {

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

@@ -1,21 +1,21 @@
 import { n as uniqueId } from "../../chunks/pk-a11y-CjB4-U-R.js";
-import { a as o, c as r, f as A, l as n, m as i, p as b, s as e, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-B2MqxErC.js";
-import { A as heading, D as h4, E as h3, F as link, G as superscript, H as smallCaps, I as listOl, J as triangleExclamation, K as table, L as listUl, N as italic, O as h5, R as minus, T as h2, U as strikethrough, V as quoteRight, W as subscript, Y as underline, a as alignRight, c as arrowRotateRight, d as bold, f as bracketsCurly, h as chevronDown, i as alignLeft, j as highlighter, k as h6, n as alignCenter, q as textSlash, r as alignJustify, s as arrowRotateLeft, w as h1, x as fileDashedLine, y as code, z as paragraph } from "../../chunks/svg-Bz-bXZn7.js";
-import "../../chunks/pk-button-Dfm23jEC.js";
-import { t as MirrorValidator } from "../../chunks/mirror-validator-C5XrXPaq.js";
-import "../../chunks/pk-checkbox-BDoq3xg0.js";
-import "../../chunks/pk-input-DvBrD7Md.js";
-import { A as Editor, N as getMarkRange, P as posToDOMRect } from "../../chunks/tiptap-CgXkiK8d.js";
-import { A as resolveTiptapTextStyleToolbarConfig, D as getFatalTiptapContentError, N as getRegisteredTiptapToolbarControl, O as normalizeContentArray, S as openCraftElementLinkSelector, _ as getLinkOpenInNewTab, a as getToolbarGroupDefaultIcon, b as getCraftLinkOptions, c as isFormattingToolbarPreset, d as parseToolbarConfig, f as runToolbarButton, g as getLinkEditState, h as applyLinkToEditor, i as createVariableTagDomNodeView, j as createTiptapExtensions, k as valueToContent, l as isHeadingsOnlyToolbarPreset, m as isTiptapButtonActive, o as getToolbarGroupMenuItems, p as toolbarIncludesButton, r as tiptapProseMirrorStyles, s as getToolbarGroupTriggerState, u as isToolbarButtonActive, v as getSelectedText, x as getLinkOptionsElementSiteId, y as unsetLinkFromEditor } from "../../chunks/tiptap.styles-C0E1NpSx.js";
-import { n as renderIconHtml } from "../../chunks/render-Bnzcxfss.js";
-import "../../chunks/pk-field-BM0XD9Ij.js";
-import "../../chunks/pk-dialog-BtrH5Ke0.js";
-import "../../chunks/pk-dropdown-item-D8tfEU-k.js";
-import "../../chunks/pk-dropdown-label-TbLj4bHK.js";
-import "../../chunks/pk-dropdown-menu-C4GDW5pE.js";
+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 "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-Om6X9ab5.js";
+import { $ as triangleExclamation, A as h2, B as link, E as fileDashedLine, F as heading, H as listUl, I as highlighter, J as strikethrough, K as quoteRight, M as h4, N as h5, P as h6, Q as textSlash, R as italic, S as code, U as minus, V as listOl, W as paragraph, X as superscript, Y as subscript, Z as table, a as alignRight, c as arrowRotateRight, d as bold, et as underline, f as bracketsCurly, h as chevronDown, i as alignLeft, j as h3, k as h1, n as alignCenter, q as smallCaps, r as alignJustify, s as arrowRotateLeft } from "../../chunks/svg-C6YcJMk9.js";
+import { n as renderIconHtml } from "../../chunks/render-BuA2YeZN.js";
+import "../../chunks/pk-field-DzggayrX.js";
+import "../../chunks/pk-button-nSZxt8_B.js";
+import { t as MirrorValidator } from "../../chunks/mirror-validator-9X0wdFnh.js";
+import "../../chunks/pk-checkbox-CYUcOnco.js";
+import "../../chunks/pk-input-C1peOijH.js";
+import { A as Editor, N as getMarkRange, P as posToDOMRect } from "../../chunks/tiptap-BhYH5Dva.js";
+import { A as resolveTiptapTextStyleToolbarConfig, D as getFatalTiptapContentError, N as getRegisteredTiptapToolbarControl, O as normalizeContentArray, S as openCraftElementLinkSelector, _ as getLinkOpenInNewTab, a as getToolbarGroupDefaultIcon, b as getCraftLinkOptions, c as isFormattingToolbarPreset, d as parseToolbarConfig, f as runToolbarButton, g as getLinkEditState, h as applyLinkToEditor, i as createVariableTagDomNodeView, j as createTiptapExtensions, k as valueToContent, l as isHeadingsOnlyToolbarPreset, m as isTiptapButtonActive, o as getToolbarGroupMenuItems, p as toolbarIncludesButton, r as tiptapProseMirrorStyles, s as getToolbarGroupTriggerState, u as isToolbarButtonActive, v as getSelectedText, x as getLinkOptionsElementSiteId, y as unsetLinkFromEditor } from "../../chunks/tiptap.styles-BckAim0_.js";
+import "../../chunks/pk-dialog-BWo6iDnY.js";
+import "../../chunks/pk-dropdown-item-CbujjI8U.js";
+import "../../chunks/pk-dropdown-label-9X4ctyES.js";
+import "../../chunks/pk-dropdown-menu-D1KpGuqU.js";
 import "../dropdown-menu/dropdown-separator.js";
-import "../../chunks/pk-tooltip-DcF9J5GT.js";
+import "../../chunks/pk-tooltip-CqwQfOPV.js";
 //#region src/components/tiptap/tiptap-editor-host.ts
 function serializeTiptapDocumentContent(content) {
 	return JSON.stringify(normalizeContentArray(content));

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

@@ -1,8 +1,8 @@
-import { c as r, l as n, m as i, p as b, s as e, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-B2MqxErC.js";
-import { t as MirrorValidator } from "../../chunks/mirror-validator-C5XrXPaq.js";
-import { A as Editor } from "../../chunks/tiptap-CgXkiK8d.js";
-import { C as contentToValue, E as valueToContent, M as createTiptapInputExtensions, T as flattenVariableOptions, i as createVariableTagDomNodeView, n as tiptapInputProseMirrorStyles, w as dedupeVariableOptions } from "../../chunks/tiptap.styles-C0E1NpSx.js";
+import { a as e, c as customElement, m as i, o as r, p as b, s as n } from "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-Om6X9ab5.js";
+import { t as MirrorValidator } from "../../chunks/mirror-validator-9X0wdFnh.js";
+import { A as Editor } from "../../chunks/tiptap-BhYH5Dva.js";
+import { C as contentToValue, E as valueToContent, M as createTiptapInputExtensions, T as flattenVariableOptions, i as createVariableTagDomNodeView, n as tiptapInputProseMirrorStyles, w as dedupeVariableOptions } from "../../chunks/tiptap.styles-BckAim0_.js";
 //#region src/components/tiptap/pk-tiptap-input.styles.ts
 var pkTiptapInputStyles = i`
     @layer pk-component {

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

@@ -1,6 +1,6 @@
-import { f as A, l as n, m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.js";
-import { i as buttonGroupIndentStyles, n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "../../chunks/button-group-item.styles-CsBQ3Cyh.js";
+import { c as customElement, f as A, m as i, p as b, s as n } from "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
+import { i as buttonGroupIndentStyles, n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "../../chunks/button-group-item.styles-CXLuiMeZ.js";
 //#region src/components/toggle/pk-toggle.styles.ts
 var pkToggleStyles = [
 	buttonGroupCornerRoleStyles(),

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

@@ -1,5 +1,5 @@
-import { c as r, l as n, m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B2MqxErC.js";
+import { c as customElement, m as i, o as r, p as b, s as n } from "../../chunks/lit-s6aadvWG.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-Om6X9ab5.js";
 //#region src/components/toggle-group/pk-toggle-group.styles.ts
 var pkToggleGroupStyles = i`
     @layer pk-component {

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

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

package/dist-loader/plugin-kit.css

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

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

@@ -5,6 +5,8 @@ import { a as getScrollLockDepth, i as forceClearScrollLock, l as getDismissible
 * Module paths are relative to the directory that contains plugin-kit.loader.js.
 */
 var COMPONENT_MODULE_PATHS = {
+	"pk-alert": "components/alert/alert.js",
+	"pk-state-panel": "components/state-panel/state-panel.js",
 	"pk-spinner": "components/spinner/spinner.js",
 	"pk-icon": "components/icon/icon.js",
 	"pk-button": "components/button/button.js",
@@ -63,6 +65,8 @@ var COMPONENT_MODULE_PATHS = {
 };
 /** Vite loader-build entries: output key → source module. */
 var LOADER_COMPONENT_ENTRIES = {
+	"components/alert/alert": "src/components/alert/pk-alert.ts",
+	"components/state-panel/state-panel": "src/components/state-panel/pk-state-panel.ts",
 	"components/spinner/spinner": "src/components/spinner/pk-spinner.ts",
 	"components/icon/icon": "src/components/icon/pk-icon-loader.ts",
 	"components/button/button": "src/components/button/pk-button.ts",

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

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

package/dist-loader/utilities/fouce.css

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@verbb/plugin-kit-web",
-    "version": "2.0.22",
+    "version": "2.0.23",
     "repository": {
         "url": "git+https://github.com/verbb/plugin-kit.git"
     },
@@ -82,6 +82,16 @@
             "import": "./dist/icons/index.js"
         },
         "./package.json": "./package.json",
+        "./components/alert/pk-alert.js": {
+            "types": "./dist/components/alert/pk-alert.d.ts",
+            "import": "./dist/components/alert/pk-alert.js",
+            "default": "./dist/components/alert/pk-alert.js"
+        },
+        "./components/alert/pk-alert": {
+            "types": "./dist/components/alert/pk-alert.d.ts",
+            "import": "./dist/components/alert/pk-alert.js",
+            "default": "./dist/components/alert/pk-alert.js"
+        },
         "./components/autocomplete/pk-autocomplete.js": {
             "types": "./dist/components/autocomplete/pk-autocomplete.d.ts",
             "import": "./dist/components/autocomplete/pk-autocomplete.js",
@@ -502,6 +512,16 @@
             "import": "./dist/components/spinner/pk-spinner.js",
             "default": "./dist/components/spinner/pk-spinner.js"
         },
+        "./components/state-panel/pk-state-panel.js": {
+            "types": "./dist/components/state-panel/pk-state-panel.d.ts",
+            "import": "./dist/components/state-panel/pk-state-panel.js",
+            "default": "./dist/components/state-panel/pk-state-panel.js"
+        },
+        "./components/state-panel/pk-state-panel": {
+            "types": "./dist/components/state-panel/pk-state-panel.d.ts",
+            "import": "./dist/components/state-panel/pk-state-panel.js",
+            "default": "./dist/components/state-panel/pk-state-panel.js"
+        },
         "./components/status/pk-status.js": {
             "types": "./dist/components/status/pk-status.d.ts",
             "import": "./dist/components/status/pk-status.js",
@@ -632,6 +652,16 @@
             "import": "./dist/components/tooltip/pk-tooltip.js",
             "default": "./dist/components/tooltip/pk-tooltip.js"
         },
+        "./components/alert.js": {
+            "types": "./dist/components/alert.d.ts",
+            "import": "./dist/components/alert.js",
+            "default": "./dist/components/alert.js"
+        },
+        "./components/alert": {
+            "types": "./dist/components/alert.d.ts",
+            "import": "./dist/components/alert.js",
+            "default": "./dist/components/alert.js"
+        },
         "./components/autocomplete.js": {
             "types": "./dist/components/autocomplete.d.ts",
             "import": "./dist/components/autocomplete.js",
@@ -912,6 +942,16 @@
             "import": "./dist/components/spinner.js",
             "default": "./dist/components/spinner.js"
         },
+        "./components/state-panel.js": {
+            "types": "./dist/components/state-panel.d.ts",
+            "import": "./dist/components/state-panel.js",
+            "default": "./dist/components/state-panel.js"
+        },
+        "./components/state-panel": {
+            "types": "./dist/components/state-panel.d.ts",
+            "import": "./dist/components/state-panel.js",
+            "default": "./dist/components/state-panel.js"
+        },
         "./components/status.js": {
             "types": "./dist/components/status.d.ts",
             "import": "./dist/components/status.js",
@@ -1027,18 +1067,18 @@
     },
     "peerDependencies": {
         "@floating-ui/dom": "^1.7.3",
-        "@verbb/plugin-kit-core": "^2.0.22",
-        "@verbb/plugin-kit-icons": "^2.0.22",
+        "@verbb/plugin-kit-core": "^2.0.23",
+        "@verbb/plugin-kit-icons": "^2.0.23",
         "lit": "^3.3.0"
     },
     "license": "MIT",
     "dependencies": {
         "@floating-ui/dom": "^1.7.3",
         "@tiptap/core": "3.22.4",
-        "@verbb/plugin-kit-codemirror-core": "2.0.22",
-        "@verbb/plugin-kit-core": "^2.0.22",
-        "@verbb/plugin-kit-icons": "^2.0.22",
-        "@verbb/plugin-kit-tiptap-core": "^2.0.22",
+        "@verbb/plugin-kit-codemirror-core": "2.0.23",
+        "@verbb/plugin-kit-core": "^2.0.23",
+        "@verbb/plugin-kit-icons": "^2.0.23",
+        "@verbb/plugin-kit-tiptap-core": "^2.0.23",
         "composed-offset-position": "^0.0.6",
         "lit": "^3.3.0"
     },

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

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

package/dist/chunks/pk-copy-button-BVaOLtYG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-copy-button-BVaOLtYG.js","names":[],"sources":["../../src/events/pk-copy.ts","../../src/utils/copy-to-clipboard.ts","../../src/components/copy-button/pk-copy-button.styles.ts","../../src/components/copy-button/pk-copy-button.ts"],"sourcesContent":["/** Emitted when copy-button successfully copies text. */\nexport class PkCopyEvent extends Event {\n    readonly detail: { value: string };\n\n    constructor(value: string) {\n        super('pk-copy', { bubbles: true, cancelable: false, composed: true });\n        this.detail = { value };\n    }\n}\n\n/** Emitted when copy-button fails to copy text. */\nexport class PkCopyErrorEvent extends Event {\n    constructor() {\n        super('pk-copy-error', { bubbles: true, cancelable: false, composed: true });\n    }\n}\n\ndeclare global {\n    interface GlobalEventHandlersEventMap {\n        'pk-copy': PkCopyEvent;\n        'pk-copy-error': PkCopyErrorEvent;\n    }\n}\n","/** Writes text to the clipboard — requires a secure context in most browsers. */\nexport async function copyToClipboard(value: string): Promise<void> {\n    await navigator.clipboard.writeText(value);\n}\n\n/** Resolves the string to copy from a `from` selector (from selector). */\nexport function resolveCopyValue(\n    root: Document | ShadowRoot,\n    from: string,\n    fallbackValue: string,\n): string | null {\n    if (!from) {\n        return fallbackValue || null;\n    }\n\n    const isProperty = from.includes('.');\n    const isAttribute = from.includes('[') && from.includes(']');\n    let id = from;\n    let field = '';\n\n    if (isProperty) {\n        [id, field] = from.trim().split('.');\n    } else if (isAttribute) {\n        [id, field] = from.trim().replace(/\\]$/, '').split('[');\n    }\n\n    const target = 'getElementById' in root ? root.getElementById(id) : null;\n\n    if (!target) {\n        return null;\n    }\n\n    if (isAttribute) {\n        return target.getAttribute(field) ?? '';\n    }\n\n    if (isProperty) {\n        const record = target as unknown as Record<string, unknown>;\n        const propertyValue = record[field];\n        return propertyValue == null ? '' : String(propertyValue);\n    }\n\n    return target.textContent ?? '';\n}\n","import { css } from 'lit';\n\nexport const pkCopyButtonStyles = css`\n    @layer pk-component {\n        :host {\n            display: inline-block;\n        }\n\n        /* Match React CopyButton size=\"icon\" — square, no horizontal padding. */\n        pk-button::part(base) {\n            padding-inline: 0;\n            width: var(--pk-btn-height-default);\n            min-width: var(--pk-btn-height-default);\n        }\n\n        /*\n         * In-control trailing action (slot=end on pk-input, etc.): same family as\n         * combobox expand/clear and image-browser clear — flex-reserved hit box\n         * flush to the field edge, glyph sized via --pk-input-decoration-size.\n         */\n        :host([slot='end']) {\n            display: inline-flex;\n            align-self: stretch;\n            height: auto;\n            /* size=none buttons resolve --pk-btn-icon-size: 1em against this. */\n            font-size: var(--pk-input-decoration-size, 0.75rem);\n        }\n\n        :host([slot='end']) pk-button {\n            display: flex;\n            height: 100%;\n        }\n\n        :host([slot='end']) pk-button::part(base) {\n            box-sizing: border-box;\n            width: calc(\n                var(--pk-input-decoration-size, 0.75rem) + var(--pk-input-padding-inline, 8px)\n            );\n            min-width: calc(\n                var(--pk-input-decoration-size, 0.75rem) + var(--pk-input-padding-inline, 8px)\n            );\n            height: 100%;\n            min-height: 100%;\n            padding: 0;\n            border-width: 0;\n            border-radius: 0;\n            background: transparent;\n            color: var(--pk-color-gray-600);\n        }\n\n        :host([slot='end']) pk-button::part(base):hover:not(:disabled) {\n            color: var(--pk-color-gray-800);\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { customElement, property, state } from '../../decorators.js';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { PkCopyErrorEvent, PkCopyEvent } from '../../events/pk-copy.js';\nimport { check, renderIconHtml } from '../../icons/index.js';\nimport { copyToClipboard, resolveCopyValue } from '../../utils/copy-to-clipboard.js';\nimport type { PkButtonVariant } from '../button/pk-button.js';\nimport '../button/pk-button.js';\nimport { pkCopyButtonStyles } from './pk-copy-button.styles.js';\n\nconst SUCCESS_ICON = renderIconHtml(check).replace(\n    '<svg',\n    '<svg slot=\"start\" part=\"success-icon\"',\n);\n\nconst COPIED_RESET_MS = 2000;\n\n/**\n * Copy button — copies text to the clipboard and briefly shows a check icon.\n *\n * Place in `slot=\"end\"` on `<pk-input>` (or another control with an end adornment)\n * for an in-control treatment that matches combobox / image-browser trailing actions.\n *\n * @slot icon - Copy icon (SVG supplied by the consumer)\n *\n * @event pk-copy - Emitted when text is copied successfully\n * @event pk-copy-error - Emitted when copying fails\n *\n * @csspart button - Trigger button\n * @csspart success-icon - Success icon shown after copying\n */\n@customElement('pk-copy-button')\nexport class PkCopyButton extends PkElement {\n    static override styles = pkCopyButtonStyles;\n\n    @property()\n    value = '';\n\n    /**\n     * Element id to copy from — `from=\"el[attr]\"` or `from=\"el.value\"`.\n     * Takes precedence over `value` when set.\n     */\n    @property()\n    from = '';\n\n    @property({ type: Boolean, reflect: true })\n    disabled = false;\n\n    @property({ reflect: true })\n    variant: PkButtonVariant = 'transparent';\n\n    @state()\n    private copied = false;\n\n    private resetTimer?: number;\n\n    override disconnectedCallback(): void {\n        window.clearTimeout(this.resetTimer);\n        super.disconnectedCallback();\n    }\n\n    private resetCopied = (): void => {\n        this.copied = false;\n    };\n\n    private scheduleReset(): void {\n        window.clearTimeout(this.resetTimer);\n        this.resetTimer = window.setTimeout(this.resetCopied, COPIED_RESET_MS);\n    }\n\n    private async handleCopy(): Promise<void> {\n        if (this.disabled) {\n            return;\n        }\n\n        const root = this.getRootNode() as Document | ShadowRoot;\n        const valueToCopy = resolveCopyValue(root, this.from, this.value);\n\n        if (valueToCopy == null || valueToCopy === '') {\n            this.dispatchEvent(new PkCopyErrorEvent());\n            return;\n        }\n\n        try {\n            await copyToClipboard(valueToCopy);\n            this.copied = true;\n            this.scheduleReset();\n            this.dispatchEvent(new PkCopyEvent(valueToCopy));\n        } catch {\n            this.dispatchEvent(new PkCopyErrorEvent());\n        }\n    }\n\n    override render() {\n        // slot=end → in-control chrome (pk-input end adornment); padless glyph button.\n        const inControl = this.getAttribute('slot') === 'end';\n\n        return html`\n            <pk-button\n                part=\"button\"\n                variant=${inControl ? 'none' : this.variant}\n                size=${inControl ? 'none' : 'default'}\n                ?icon=${inControl}\n                aria-label=\"Copy\"\n                ?disabled=${this.disabled}\n                @click=${this.handleCopy}\n            >\n                ${this.copied\n                    ? unsafeHTML(SUCCESS_ICON)\n                    : html`<slot name=\"icon\" slot=\"start\"></slot>`}\n            </pk-button>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-copy-button': PkCopyButton;\n    }\n}\n"],"mappings":";;;;;;;;AACA,IAAa,cAAb,cAAiC,MAAM;CAGnC,YAAY,OAAe;AACvB,QAAM,WAAW;GAAE,SAAS;GAAM,YAAY;GAAO,UAAU;GAAM,CAAC;AACtE,OAAK,SAAS,EAAE,OAAO;;;;AAK/B,IAAa,mBAAb,cAAsC,MAAM;CACxC,cAAc;AACV,QAAM,iBAAiB;GAAE,SAAS;GAAM,YAAY;GAAO,UAAU;GAAM,CAAC;;;;;;ACZpF,eAAsB,gBAAgB,OAA8B;AAChE,OAAM,UAAU,UAAU,UAAU,MAAM;;;AAI9C,SAAgB,iBACZ,MACA,MACA,eACa;AACb,KAAI,CAAC,KACD,QAAO,iBAAiB;CAG5B,MAAM,aAAa,KAAK,SAAS,IAAI;CACrC,MAAM,cAAc,KAAK,SAAS,IAAI,IAAI,KAAK,SAAS,IAAI;CAC5D,IAAI,KAAK;CACT,IAAI,QAAQ;AAEZ,KAAI,WACA,EAAC,IAAI,SAAS,KAAK,MAAM,CAAC,MAAM,IAAI;UAC7B,YACP,EAAC,IAAI,SAAS,KAAK,MAAM,CAAC,QAAQ,OAAO,GAAG,CAAC,MAAM,IAAI;CAG3D,MAAM,SAAS,oBAAoB,OAAO,KAAK,eAAe,GAAG,GAAG;AAEpE,KAAI,CAAC,OACD,QAAO;AAGX,KAAI,YACA,QAAO,OAAO,aAAa,MAAM,IAAI;AAGzC,KAAI,YAAY;EAEZ,MAAM,gBAAgB,OAAO;AAC7B,SAAO,iBAAiB,OAAO,KAAK,OAAO,cAAc;;AAG7D,QAAO,OAAO,eAAe;;;;ACxCjC,IAAa,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACUrC,IAAM,eAAe,eAAe,cAAA,MAAM,CAAC,QACvC,QACA,4CACH;AAED,IAAM,kBAAkB;AAiBjB,IAAA,eAAA,MAAM,qBAAqB,UAAU;;;eAIhC;cAOD;kBAGI;iBAGgB;gBAGV;2BASiB;AAC9B,QAAK,SAAS;;;;gBA7BO;;CAuBzB,uBAAsC;AAClC,SAAO,aAAa,KAAK,WAAW;AACpC,QAAM,sBAAsB;;CAOhC,gBAA8B;AAC1B,SAAO,aAAa,KAAK,WAAW;AACpC,OAAK,aAAa,OAAO,WAAW,KAAK,aAAa,gBAAgB;;CAG1E,MAAc,aAA4B;AACtC,MAAI,KAAK,SACL;EAIJ,MAAM,cAAc,iBADP,KAAK,aACmB,EAAM,KAAK,MAAM,KAAK,MAAM;AAEjE,MAAI,eAAe,QAAQ,gBAAgB,IAAI;AAC3C,QAAK,cAAc,IAAI,kBAAkB,CAAC;AAC1C;;AAGJ,MAAI;AACA,SAAM,gBAAgB,YAAY;AAClC,QAAK,SAAS;AACd,QAAK,eAAe;AACpB,QAAK,cAAc,IAAI,YAAY,YAAY,CAAC;UAC5C;AACJ,QAAK,cAAc,IAAI,kBAAkB,CAAC;;;CAIlD,SAAkB;EAEd,MAAM,YAAY,KAAK,aAAa,OAAO,KAAK;AAEhD,SAAO,IAAI;;;0BAGO,YAAY,SAAS,KAAK,QAAQ;uBACrC,YAAY,SAAS,UAAU;wBAC9B,UAAU;;4BAEN,KAAK,SAAS;yBACjB,KAAK,WAAW;;kBAEvB,KAAK,SACD,WAAW,aAAa,GACxB,IAAI,yCAAyC;;;;;YA1E9D,UAAU,CAAA,EAAA,aAAA,WAAA,SAAA,KAAA,EAAA;YAOV,UAAU,CAAA,EAAA,aAAA,WAAA,QAAA,KAAA,EAAA;YAGV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,aAAA,WAAA,YAAA,KAAA,EAAA;YAG1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,aAAA,WAAA,WAAA,KAAA,EAAA;YAG3B,OAAO,CAAA,EAAA,aAAA,WAAA,UAAA,KAAA,EAAA;2BApBX,cAAc,iBAAiB,CAAA,EAAA,aAAA"}