@verbb/plugin-kit-web 2.0.14 → 2.0.16

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

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

package/dist-loader/components/input-group/input-group-addon.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
 //#region src/components/input-group/pk-input-group-addon.styles.ts
 var pkInputGroupAddonStyles = i`
     @layer pk-component {

package/dist-loader/components/input-group/input-group-button.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
 //#region src/components/input-group/pk-input-group-button.styles.ts
 var pkInputGroupButtonStyles = i`
     @layer pk-component {

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

@@ -1,5 +1,5 @@
 import { f as A, l as n, m as i, p as b, r as o, s as e, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
 //#region src/components/input-group/pk-input-group-input.styles.ts
 var pkInputGroupInputStyles = i`
     @layer pk-component {

package/dist-loader/components/input-group/input-group-text.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
 //#region src/components/input-group/pk-input-group-text.styles.ts
 var pkInputGroupTextStyles = i`
     @layer pk-component {

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

@@ -1,5 +1,5 @@
 import { 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, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
 //#region src/components/input-group/pk-input-group-textarea.styles.ts
 var pkInputGroupTextareaStyles = i`
     @layer pk-component {

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

@@ -1,5 +1,5 @@
 import { m as i, p as b, s as e, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
-import { a as HostAriaMirror, c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
+import { a as HostAriaMirror, c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
 import { n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "../../chunks/button-group-item.styles-CsBQ3Cyh.js";
 //#region src/components/input-group/pk-input-group.styles.ts
 var pkInputGroupStyles = [

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

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

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

@@ -1,11 +1,11 @@
 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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.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-FDdBxb4k.js";
+import { n as resolveElementById } from "../../chunks/pk-popup-BooGjXgH.js";
 import { n as isPointerInsideOverlay } from "../../chunks/popup-pointer-caPc8kwB.js";
 //#region src/components/popover/pk-popover.styles.ts
 var pkPopoverStyles = [

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

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

package/dist-loader/components/radio-group/radio-group.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, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-B21zXxSo.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-CyzwylQ7.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";

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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.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-CunPIei0.js";
+import { t as PkOption } from "../../chunks/pk-option-Cc6QWw-0.js";
 export { PkOption };

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

@@ -1,2 +1,2 @@
-import { t as PkSelect } from "../../chunks/pk-select-CbAaQ7uE.js";
+import { t as PkSelect } from "../../chunks/pk-select-BG8qPsBd.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.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-CIbXjDnp.js";
+import { t as PkSpinner } from "../../chunks/pk-spinner-BKU9Rf2R.js";
 export { PkSpinner };

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

@@ -1,2 +1,2 @@
-import { t as PkStatus } from "../../chunks/pk-status-BRIVW7EH.js";
+import { t as PkStatus } from "../../chunks/pk-status-D3ArH2ui.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.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-C_rOUtFS.js";
+import { t as PkTextarea } from "../../chunks/pk-textarea-CC7rA5A7.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-Dr3uvbvc.js";
+import { t as PkTimePicker } from "../../chunks/pk-time-picker-CDVFNhN7.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
 import { k as Editor } from "../../chunks/tiptap-Db7MTUH1.js";
-import { A as createTiptapExtensions, i as createVariableTagDomNodeView, k as valueToContent, t as tiptapContentProseMirrorStyles } from "../../chunks/tiptap.styles-BIRIMP7I.js";
+import { A as createTiptapExtensions, i as createVariableTagDomNodeView, k as valueToContent, t as tiptapContentProseMirrorStyles } from "../../chunks/tiptap.styles-BFGP4eTV.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,20 +1,20 @@
 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-B21zXxSo.js";
-import { A as heading, D as h4, E as h3, F as link, G as table, H as strikethrough, I as listOl, J as underline, K as textSlash, L as listUl, N as italic, O as h5, R as minus, T as h2, U as subscript, V as quoteRight, W as superscript, 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 triangleExclamation, r as alignJustify, s as arrowRotateLeft, w as h1, x as fileDashedLine, y as code, z as paragraph } from "../../chunks/svg-_Mtb7CHx.js";
-import "../../chunks/pk-button-Dh4gjLHw.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-CyzwylQ7.js";
+import { A as heading, D as h4, E as h3, F as link, G as table, H as strikethrough, I as listOl, J as underline, K as textSlash, L as listUl, N as italic, O as h5, R as minus, T as h2, U as subscript, V as quoteRight, W as superscript, 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 triangleExclamation, r as alignJustify, s as arrowRotateLeft, w as h1, x as fileDashedLine, y as code, z as paragraph } from "../../chunks/svg-BiAlXtCn.js";
+import "../../chunks/pk-button-dngp-vOd.js";
 import { t as MirrorValidator } from "../../chunks/mirror-validator-C5XrXPaq.js";
-import "../../chunks/pk-checkbox-BrZQB816.js";
-import "../../chunks/pk-input-CEw3AdYt.js";
+import "../../chunks/pk-checkbox-B3d4nkBx.js";
+import "../../chunks/pk-input-BhU0PiCk.js";
 import { M as posToDOMRect, j as getMarkRange, k as Editor } from "../../chunks/tiptap-Db7MTUH1.js";
-import { A as createTiptapExtensions, D as getFatalTiptapContentError, 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, 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-BIRIMP7I.js";
-import { n as renderIconHtml } from "../../chunks/render-Niz5wYRa.js";
-import "../../chunks/pk-field-CJ09ll1S.js";
-import "../../chunks/pk-dialog-BpPRqFMm.js";
-import "../../chunks/pk-dropdown-item-CHkFNlA9.js";
-import "../../chunks/pk-dropdown-menu-BHVOMNV1.js";
+import { A as createTiptapExtensions, D as getFatalTiptapContentError, 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, 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-BFGP4eTV.js";
+import { n as renderIconHtml } from "../../chunks/render-BKfL_WRl.js";
+import "../../chunks/pk-field-D_SNOJpl.js";
+import "../../chunks/pk-dialog-B6lzsRur.js";
+import "../../chunks/pk-dropdown-item-DJ5TeF1r.js";
+import "../../chunks/pk-dropdown-menu-B87bsdlI.js";
 import "../dropdown-menu/dropdown-separator.js";
-import "../../chunks/pk-tooltip-HwZ0zRd2.js";
+import "../../chunks/pk-tooltip-BS2dNLOS.js";
 //#region src/components/tiptap/tiptap-editor-host.ts
 function serializeTiptapDocumentContent(content) {
 	return JSON.stringify(normalizeContentArray(content));
@@ -675,7 +675,7 @@ var PkTiptapEditor = class PkTiptapEditor extends PkFormAssociatedElement {
                 style=${`top:${this.linkBubbleTop}px;left:${this.linkBubbleLeft}px;transform:translate(-50%, -100%);`}
             >
                 <span class="link-bubble__arrow" aria-hidden="true"></span>
-                <span class="link-bubble__url" title=${this.linkBubbleHref}>${this.linkBubbleHref}</span>
+                <span class="link-bubble__url">${this.linkBubbleHref}</span>
                 <span class="link-bubble__divider" aria-hidden="true"></span>
                 <button
                     type="button"

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-B21zXxSo.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-CyzwylQ7.js";
 import { t as MirrorValidator } from "../../chunks/mirror-validator-C5XrXPaq.js";
 import { k as Editor } from "../../chunks/tiptap-Db7MTUH1.js";
-import { C as contentToValue, E as valueToContent, T as flattenVariableOptions, i as createVariableTagDomNodeView, j as createTiptapInputExtensions, n as tiptapInputProseMirrorStyles, w as dedupeVariableOptions } from "../../chunks/tiptap.styles-BIRIMP7I.js";
+import { C as contentToValue, E as valueToContent, T as flattenVariableOptions, i as createVariableTagDomNodeView, j as createTiptapInputExtensions, n as tiptapInputProseMirrorStyles, w as dedupeVariableOptions } from "../../chunks/tiptap.styles-BFGP4eTV.js";
 //#region src/components/tiptap/pk-tiptap-input.styles.ts
 var pkTiptapInputStyles = i`
     @layer pk-component {

package/dist-loader/components/toggle/toggle.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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.js";
 import { i as buttonGroupIndentStyles, n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "../../chunks/button-group-item.styles-CsBQ3Cyh.js";
 //#region src/components/toggle/pk-toggle.styles.ts
 var pkToggleStyles = [

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-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-CyzwylQ7.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-HwZ0zRd2.js";
+import { t as PkTooltip } from "../../chunks/pk-tooltip-BS2dNLOS.js";
 export { PkTooltip };

package/dist-loader/plugin-kit.css

@@ -458,6 +458,8 @@ html.pk-scroll-lock {
         pk-calendar,
         pk-date-picker,
         pk-combobox,
+        pk-autocomplete,
+        pk-image-browser,
         pk-time-picker,
         pk-copy-button,
         pk-connect,

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

@@ -53,6 +53,8 @@ var COMPONENT_MODULE_PATHS = {
 	"pk-calendar": "components/calendar/calendar.js",
 	"pk-date-picker": "components/date-picker/date-picker.js",
 	"pk-combobox": "components/combobox/combobox.js",
+	"pk-autocomplete": "components/autocomplete/autocomplete.js",
+	"pk-image-browser": "components/image-browser/image-browser.js",
 	"pk-time-picker": "components/time-picker/time-picker.js",
 	"pk-copy-button": "components/copy-button/copy-button.js",
 	"pk-connect": "components/connect/connect.js",
@@ -109,6 +111,8 @@ var LOADER_COMPONENT_ENTRIES = {
 	"components/calendar/calendar": "src/components/calendar/pk-calendar.ts",
 	"components/date-picker/date-picker": "src/components/date-picker/pk-date-picker.ts",
 	"components/combobox/combobox": "src/components/combobox/pk-combobox.ts",
+	"components/autocomplete/autocomplete": "src/components/autocomplete/pk-autocomplete.ts",
+	"components/image-browser/image-browser": "src/components/image-browser/pk-image-browser.ts",
 	"components/time-picker/time-picker": "src/components/time-picker/pk-time-picker.ts",
 	"components/copy-button/copy-button": "src/components/copy-button/pk-copy-button.ts",
 	"components/connect/connect": "src/components/connect/pk-connect.ts",

package/dist-loader/utilities/fouce.css

@@ -51,6 +51,8 @@
         pk-calendar,
         pk-date-picker,
         pk-combobox,
+        pk-autocomplete,
+        pk-image-browser,
         pk-time-picker,
         pk-copy-button,
         pk-connect,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@verbb/plugin-kit-web",
-    "version": "2.0.14",
+    "version": "2.0.16",
     "description": "Plugin Kit web components (shadow DOM, Craft design system)",
     "type": "module",
     "types": "dist/index.d.ts",
@@ -17,6 +17,7 @@
     "files": [
         "dist",
         "dist-loader",
+        "custom-elements.json",
         "LICENSE.md",
         "CHANGELOG.md"
     ],
@@ -78,6 +79,16 @@
             "import": "./dist/icons/index.js"
         },
         "./package.json": "./package.json",
+        "./components/autocomplete/pk-autocomplete.js": {
+            "types": "./dist/components/autocomplete/pk-autocomplete.d.ts",
+            "import": "./dist/components/autocomplete/pk-autocomplete.js",
+            "default": "./dist/components/autocomplete/pk-autocomplete.js"
+        },
+        "./components/autocomplete/pk-autocomplete": {
+            "types": "./dist/components/autocomplete/pk-autocomplete.d.ts",
+            "import": "./dist/components/autocomplete/pk-autocomplete.js",
+            "default": "./dist/components/autocomplete/pk-autocomplete.js"
+        },
         "./components/button-group/pk-button-group.js": {
             "types": "./dist/components/button-group/pk-button-group.d.ts",
             "import": "./dist/components/button-group/pk-button-group.js",
@@ -298,6 +309,16 @@
             "import": "./dist/components/icon/pk-icon.js",
             "default": "./dist/components/icon/pk-icon.js"
         },
+        "./components/image-browser/pk-image-browser.js": {
+            "types": "./dist/components/image-browser/pk-image-browser.d.ts",
+            "import": "./dist/components/image-browser/pk-image-browser.js",
+            "default": "./dist/components/image-browser/pk-image-browser.js"
+        },
+        "./components/image-browser/pk-image-browser": {
+            "types": "./dist/components/image-browser/pk-image-browser.d.ts",
+            "import": "./dist/components/image-browser/pk-image-browser.js",
+            "default": "./dist/components/image-browser/pk-image-browser.js"
+        },
         "./components/input-group/pk-input-group.js": {
             "types": "./dist/components/input-group/pk-input-group.d.ts",
             "import": "./dist/components/input-group/pk-input-group.js",
@@ -608,6 +629,16 @@
             "import": "./dist/components/tooltip/pk-tooltip.js",
             "default": "./dist/components/tooltip/pk-tooltip.js"
         },
+        "./components/autocomplete.js": {
+            "types": "./dist/components/autocomplete.d.ts",
+            "import": "./dist/components/autocomplete.js",
+            "default": "./dist/components/autocomplete.js"
+        },
+        "./components/autocomplete": {
+            "types": "./dist/components/autocomplete.d.ts",
+            "import": "./dist/components/autocomplete.js",
+            "default": "./dist/components/autocomplete.js"
+        },
         "./components/button.js": {
             "types": "./dist/components/button.d.ts",
             "import": "./dist/components/button.js",
@@ -768,6 +799,16 @@
             "import": "./dist/components/icon.js",
             "default": "./dist/components/icon.js"
         },
+        "./components/image-browser.js": {
+            "types": "./dist/components/image-browser.d.ts",
+            "import": "./dist/components/image-browser.js",
+            "default": "./dist/components/image-browser.js"
+        },
+        "./components/image-browser": {
+            "types": "./dist/components/image-browser.d.ts",
+            "import": "./dist/components/image-browser.js",
+            "default": "./dist/components/image-browser.js"
+        },
         "./components/input.js": {
             "types": "./dist/components/input.d.ts",
             "import": "./dist/components/input.js",
@@ -970,11 +1011,12 @@
         }
     },
     "scripts": {
-        "build": "npm run gen:exports && npm run gen:register-components && npm run gen:fouce && vite build && vite build --config vite.loader.config.ts",
+        "build": "npm run gen:exports && npm run gen:register-components && npm run gen:fouce && npm run gen:cem && vite build && vite build --config vite.loader.config.ts",
         "build:loader": "vite build --config vite.loader.config.ts",
         "gen:exports": "node --experimental-strip-types scripts/generate-exports.ts",
         "gen:register-components": "node --experimental-strip-types scripts/generate-register-components.ts",
         "gen:fouce": "node --experimental-strip-types scripts/generate-fouce-css.ts",
+        "gen:cem": "cem analyze",
         "predev": "npm run gen:register-components && npm run gen:fouce",
         "prepare": "npm run gen:register-components && npm run gen:fouce",
         "dev": "npm run dev --workspace @verbb/plugin-kit-playground",
@@ -982,27 +1024,29 @@
     },
     "peerDependencies": {
         "@floating-ui/dom": "^1.7.3",
-        "@verbb/plugin-kit-core": "^2.0.14",
-        "@verbb/plugin-kit-icons": "^2.0.14",
+        "@verbb/plugin-kit-core": "^2.0.16",
+        "@verbb/plugin-kit-icons": "^2.0.16",
         "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.14",
-        "@verbb/plugin-kit-core": "^2.0.14",
-        "@verbb/plugin-kit-icons": "^2.0.14",
-        "@verbb/plugin-kit-tiptap-core": "^2.0.14",
+        "@verbb/plugin-kit-codemirror-core": "2.0.16",
+        "@verbb/plugin-kit-core": "^2.0.16",
+        "@verbb/plugin-kit-icons": "^2.0.16",
+        "@verbb/plugin-kit-tiptap-core": "^2.0.16",
         "composed-offset-position": "^0.0.6",
         "lit": "^3.3.0"
     },
     "devDependencies": {
+        "@custom-elements-manifest/analyzer": "^0.11.0",
         "typescript": "^6.0.3",
         "vite": "^8.0.10",
         "vite-plugin-dts": "^4.5.4"
     },
     "engines": {
         "node": ">=20.0.0"
-    }
+    },
+    "customElements": "custom-elements.json"
 }

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

@@ -1 +0,0 @@
-{"version":3,"file":"component-registry-CNB8PbP_.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-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/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    '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    '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,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,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/decorate-W02hmVTt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"decorate-W02hmVTt.js","names":[],"sources":["../../src/base/styles.ts","../../src/base/shadow-reset.styles.ts","../../src/base/pk-element.ts"],"sourcesContent":["import { css, unsafeCSS, type CSSResultGroup } from 'lit';\n\nconst sharedStyleSheets = new Map<string, CSSStyleSheet>();\n\n/**\n * Share constructable stylesheets across component instances ( pattern).\n * Falls back to an injected `<style>` tag when adoptedStyleSheets aren't supported.\n */\nexport function adoptStyles(\n    shadowRoot: ShadowRoot,\n    styleResults: CSSResultGroup[],\n    cacheKey?: string,\n): void {\n    const cssText = styleResults\n        .flatMap((result) => (Array.isArray(result) ? result : [result]))\n        .map((result) => {\n            if ('cssText' in result && typeof result.cssText === 'string') {\n                return result.cssText;\n            }\n\n            return unsafeCSS(result).cssText;\n        })\n        .join('\\n');\n\n    if (!('adoptedStyleSheets' in Document.prototype) || typeof CSSStyleSheet === 'undefined') {\n        const styleKey = cacheKey ?? String(styleResults.length);\n\n        if (!shadowRoot.querySelector(`style[data-pk-adopted-styles=\"${styleKey}\"]`)) {\n            const style = document.createElement('style');\n            style.dataset.pkAdoptedStyles = styleKey;\n            style.textContent = cssText;\n            shadowRoot.prepend(style);\n        }\n\n        return;\n    }\n\n    const key = cacheKey ?? cssText;\n    let sheet = sharedStyleSheets.get(key);\n\n    if (!sheet) {\n        sheet = new CSSStyleSheet();\n        sheet.replaceSync(cssText);\n        sharedStyleSheets.set(key, sheet);\n    }\n\n    shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, sheet];\n}\n\nexport const hostDisplayInlineBlock = css`\n    @layer pk-component {\n        :host {\n            display: inline-block;\n            vertical-align: middle;\n        }\n    }\n`;\n\nexport const focusRing = css`\n    .pk-focus-ring:focus {\n        outline: none;\n    }\n\n    .pk-focus-ring:focus-visible {\n        box-shadow: var(--pk-shadow-focus);\n    }\n`;\n","import { css } from 'lit';\n\n/**\n * Shadow-root baseline — box model + inherited typography inside every pk-* component.\n * Applied via PkElement.createRenderRoot(); does not replace per-component styles.\n */\nexport const shadowResetStyles = css`\n    @layer pk-reset {\n        :host {\n            box-sizing: border-box;\n        }\n\n        :host *,\n        :host *::before,\n        :host *::after {\n            box-sizing: border-box;\n        }\n\n        :host(:not([hidden])) {\n            /* Prevent UA / CP margin on unstyled custom element hosts in light DOM. */\n            margin: 0;\n        }\n    }\n`;\n","import { LitElement } from 'lit';\n\nimport { adoptStyles } from './styles.js';\nimport { shadowResetStyles } from './shadow-reset.styles.js';\n\nexport type PkElementErrorDetail = {\n    tagName: string;\n    message: string;\n    stack?: string;\n};\n\ndeclare global {\n    interface GlobalEventHandlersEventMap {\n        'pk-error': CustomEvent<PkElementErrorDetail>;\n    }\n}\n\n/**\n * Base class for Plugin Kit web components.\n * Open shadow root; Lit adopts constructable stylesheets where supported.\n *\n * `performUpdate` is wrapped so a single control failure degrades inline instead of\n * taking down the whole CP surface (React error boundaries do not see Lit throws).\n */\nexport class PkElement extends LitElement {\n    static override shadowRootOptions: ShadowRootInit = {\n        mode: 'open',\n        delegatesFocus: true,\n    };\n\n    /** When set, subclasses should skip normal render — base shows a minimal error shell. */\n    protected pkRenderFailed = false;\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        // Host marker for document/shadow peers (e.g. Tailwind preflight). Must not set\n        // attributes in the constructor — CE rules forbid that on createElement().\n        if (!this.hasAttribute('data-pk')) {\n            this.setAttribute('data-pk', '');\n        }\n    }\n\n    override createRenderRoot(): HTMLElement | DocumentFragment {\n        const root = super.createRenderRoot();\n        adoptStyles(root as ShadowRoot, [shadowResetStyles], 'pk-shadow-reset');\n        return root;\n    }\n\n    override performUpdate(): void {\n        if (this.pkRenderFailed) {\n            return;\n        }\n\n        try {\n            const result = super.performUpdate();\n\n            // Lit deprecates returning a Promise from performUpdate — handle async render\n            // failures without making this override async (avoids dev-mode update-queue bugs).\n            // Lit may return void; keep a Promise guard for older async performUpdate paths.\n            if ((result as unknown) instanceof Promise) {\n                void (result as unknown as Promise<unknown>).catch((error: unknown) => {\n                    this.handleRenderFailure(error);\n                });\n            }\n        } catch (error) {\n            this.handleRenderFailure(error);\n        }\n    }\n\n    protected handleRenderFailure(error: unknown): void {\n        const err = error instanceof Error ? error : new Error(String(error));\n        this.pkRenderFailed = true;\n\n        this.dispatchEvent(\n            new CustomEvent<PkElementErrorDetail>('pk-error', {\n                detail: {\n                    tagName: this.localName || this.tagName.toLowerCase(),\n                    message: err.message,\n                    stack: err.stack,\n                },\n                bubbles: true,\n                composed: true,\n            }),\n        );\n\n        // Last-resort inline fallback — plain DOM so we do not recurse through Lit render().\n        try {\n            const root = this.renderRoot as ShadowRoot | HTMLElement | undefined;\n\n            if (root) {\n                root.textContent = '';\n                const shell = document.createElement('div');\n                shell.setAttribute('part', 'error');\n                shell.setAttribute('role', 'alert');\n                shell.textContent = 'This control failed to load.';\n                root.appendChild(shell);\n            }\n        } catch {\n            /* never throw from the error handler */\n        }\n    }\n}\n"],"mappings":";;AAEA,IAAM,oCAAoB,IAAI,KAA4B;;;;;AAM1D,SAAgB,YACZ,YACA,cACA,UACI;CACJ,MAAM,UAAU,aACX,SAAS,WAAY,MAAM,QAAQ,OAAO,GAAG,SAAS,CAAC,OAAO,CAAE,CAChE,KAAK,WAAW;AACb,MAAI,aAAa,UAAU,OAAO,OAAO,YAAY,SACjD,QAAO,OAAO;AAGlB,SAAO,UAAU,OAAO,CAAC;GAC3B,CACD,KAAK,KAAK;AAEf,KAAI,EAAE,wBAAwB,SAAS,cAAc,OAAO,kBAAkB,aAAa;EACvF,MAAM,WAAW,YAAY,OAAO,aAAa,OAAO;AAExD,MAAI,CAAC,WAAW,cAAc,iCAAiC,SAAS,IAAI,EAAE;GAC1E,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAC7C,SAAM,QAAQ,kBAAkB;AAChC,SAAM,cAAc;AACpB,cAAW,QAAQ,MAAM;;AAG7B;;CAGJ,MAAM,MAAM,YAAY;CACxB,IAAI,QAAQ,kBAAkB,IAAI,IAAI;AAEtC,KAAI,CAAC,OAAO;AACR,UAAQ,IAAI,eAAe;AAC3B,QAAM,YAAY,QAAQ;AAC1B,oBAAkB,IAAI,KAAK,MAAM;;AAGrC,YAAW,qBAAqB,CAAC,GAAG,WAAW,oBAAoB,MAAM;;AAG7E,IAAa,yBAAyB,GAAG;;;;;;;;AAShB,GAAG;;;;;;;;;;;;;;;ACpD5B,IAAa,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;ACkBpC,IAAa,YAAb,cAA+B,WAAW;;;wBAOX;;;2BANyB;GAChD,MAAM;GACN,gBAAgB;GACnB;;CAKD,oBAAmC;AAC/B,QAAM,mBAAmB;AAGzB,MAAI,CAAC,KAAK,aAAa,UAAU,CAC7B,MAAK,aAAa,WAAW,GAAG;;CAIxC,mBAA4D;EACxD,MAAM,OAAO,MAAM,kBAAkB;AACrC,cAAY,MAAoB,CAAC,kBAAkB,EAAE,kBAAkB;AACvE,SAAO;;CAGX,gBAA+B;AAC3B,MAAI,KAAK,eACL;AAGJ,MAAI;GACA,MAAM,SAAS,MAAM,eAAe;AAKpC,OAAK,kBAA8B,QACzB,QAAuC,OAAO,UAAmB;AACnE,SAAK,oBAAoB,MAAM;KACjC;WAED,OAAO;AACZ,QAAK,oBAAoB,MAAM;;;CAIvC,oBAA8B,OAAsB;EAChD,MAAM,MAAM,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,MAAM,CAAC;AACrE,OAAK,iBAAiB;AAEtB,OAAK,cACD,IAAI,YAAkC,YAAY;GAC9C,QAAQ;IACJ,SAAS,KAAK,aAAa,KAAK,QAAQ,aAAa;IACrD,SAAS,IAAI;IACb,OAAO,IAAI;IACd;GACD,SAAS;GACT,UAAU;GACb,CAAC,CACL;AAGD,MAAI;GACA,MAAM,OAAO,KAAK;AAElB,OAAI,MAAM;AACN,SAAK,cAAc;IACnB,MAAM,QAAQ,SAAS,cAAc,MAAM;AAC3C,UAAM,aAAa,QAAQ,QAAQ;AACnC,UAAM,aAAa,QAAQ,QAAQ;AACnC,UAAM,cAAc;AACpB,SAAK,YAAY,MAAM;;UAEvB"}

package/dist/chunks/pk-button-group-D9hqSfb_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-button-group-D9hqSfb_.js","names":[],"sources":["../../src/components/button-group/pk-button-group.styles.ts","../../src/components/button-group/pk-button-group.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkButtonGroupStyles = css`\n    @layer pk-component {\n        :host {\n            display: inline-flex;\n            width: fit-content;\n            vertical-align: middle;\n        }\n\n        .group {\n            display: flex;\n            position: relative;\n            isolation: isolate;\n            flex-wrap: nowrap;\n            gap: 0;\n            width: fit-content;\n            max-width: 100%;\n            align-items: stretch;\n        }\n\n        :host([orientation='horizontal']) .group {\n            flex-direction: row;\n        }\n\n        :host([orientation='vertical']) .group {\n            flex-direction: column;\n            align-items: stretch;\n        }\n\n        :host([orientation='vertical']) ::slotted(pk-button),\n        :host([orientation='vertical']) ::slotted(pk-toggle),\n        :host([orientation='vertical']) ::slotted(pk-input),\n        :host([orientation='vertical']) ::slotted(pk-input-group),\n        :host([orientation='vertical']) ::slotted(.button-group-text),\n        :host([orientation='vertical']) ::slotted(select.button-group-select) {\n            align-self: stretch;\n            width: 100%;\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n\n        @media (hover: hover) {\n            .group > :hover,\n            ::slotted(:hover) {\n                z-index: 1;\n            }\n        }\n\n        .group > :focus-visible,\n        ::slotted(:focus-visible),\n        ::slotted(:focus-within),\n        ::slotted([aria-checked='true']),\n        ::slotted([checked]) {\n            position: relative;\n            z-index: 2;\n        }\n\n        /* Flush join: filled controls sit edge-to-edge; outlined controls overlap 1px to collapse borders */\n        :host([orientation='horizontal']) {\n            --pk-bg-horizontal-indent: 0;\n            --pk-bg-horizontal-indent-outlined: -1px;\n            --pk-btn-group-gap: 1px;\n            --pk-btn-group-divider-color-outline: var(--pk-color-slate-400);\n            --pk-btn-group-divider-color-dashed: var(--pk-color-slate-500);\n        }\n\n        :host([orientation='vertical']) {\n            --pk-bg-vertical-indent: 0;\n            --pk-bg-vertical-indent-outlined: -1px;\n            --pk-btn-group-gap: 1px;\n            --pk-btn-group-divider-color-outline: var(--pk-color-slate-400);\n            --pk-btn-group-divider-color-dashed: var(--pk-color-slate-500);\n        }\n\n        :host([separators][orientation='horizontal']) {\n            --pk-bg-horizontal-indent: 0;\n        }\n\n        :host([separators][orientation='vertical']) {\n            --pk-bg-vertical-indent: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='horizontal']:not([data-pk-group-item-first]):not([data-pk-group-item-last])) {\n            --pk-bg-start-start-radius: 0;\n            --pk-bg-start-end-radius: 0;\n            --pk-bg-end-start-radius: 0;\n            --pk-bg-end-end-radius: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-item-first]:not([data-pk-group-item-last])) {\n            --pk-bg-start-end-radius: 0;\n            --pk-bg-end-end-radius: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-item-last]:not([data-pk-group-item-first])) {\n            --pk-bg-start-start-radius: 0;\n            --pk-bg-end-start-radius: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='vertical']:not([data-pk-group-item-first]):not([data-pk-group-item-last])) {\n            --pk-bg-start-start-radius: 0;\n            --pk-bg-start-end-radius: 0;\n            --pk-bg-end-start-radius: 0;\n            --pk-bg-end-end-radius: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='vertical'][data-pk-group-item-first]:not([data-pk-group-item-last])) {\n            --pk-bg-end-start-radius: 0;\n            --pk-bg-end-end-radius: 0;\n        }\n\n        ::slotted([data-pk-group-orientation='vertical'][data-pk-group-item-last]:not([data-pk-group-item-first])) {\n            --pk-bg-start-start-radius: 0;\n            --pk-bg-start-end-radius: 0;\n        }\n\n        :host([exclusive]) ::slotted(pk-button[aria-pressed='true']) {\n            --pk-btn-fill: var(--pk-color-gray-500);\n            --pk-btn-fill-hover: var(--pk-color-gray-550);\n            --pk-btn-fill-active: var(--pk-color-gray-600);\n            --pk-btn-on: var(--pk-color-white);\n        }\n\n        :host:has(::slotted(pk-button-group-separator)) {\n            --pk-btn-group-separator-color: transparent;\n        }\n\n        ::slotted(pk-input),\n        ::slotted(pk-input-group) {\n            width: auto;\n            flex: 0 1 auto;\n            align-self: stretch;\n        }\n\n        ::slotted(pk-popover),\n        ::slotted(pk-dropdown-menu) {\n            display: inline-flex;\n            align-self: auto;\n            flex: 0 0 auto;\n        }\n\n        ::slotted(.button-group-text) {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            min-height: var(--pk-btn-height-default);\n            padding: 0 0.625rem;\n            border-width: 1px;\n            border-style: solid;\n            border-color: var(--pk-color-slate-400);\n            background: var(--pk-color-gray-100);\n            color: var(--pk-color-gray-700);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-sm);\n            font-weight: 500;\n            line-height: var(--pk-line-height);\n            box-sizing: border-box;\n            white-space: nowrap;\n            border-top-left-radius: var(--pk-bg-start-start-radius, var(--pk-radius-lg));\n            border-top-right-radius: var(--pk-bg-start-end-radius, var(--pk-radius-lg));\n            border-bottom-left-radius: var(--pk-bg-end-start-radius, var(--pk-radius-lg));\n            border-bottom-right-radius: var(--pk-bg-end-end-radius, var(--pk-radius-lg));\n        }\n\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-join]:not([data-pk-group-divider]).button-group-text),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-join]:not([data-pk-group-divider])select.button-group-select),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-join]:not([data-pk-group-divider])pk-input-group) {\n            margin-inline-start: var(--pk-bg-horizontal-indent-outlined, 0);\n            border-left-width: 0;\n        }\n\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-join]:not([data-pk-group-divider]).button-group-text),\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-join]:not([data-pk-group-divider])select.button-group-select),\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-join]:not([data-pk-group-divider])pk-input-group) {\n            margin-block-start: var(--pk-bg-vertical-indent-outlined, 0);\n            border-top-width: 0;\n        }\n\n        ::slotted(select.button-group-select) {\n            display: block;\n            margin: 0;\n            padding: 0 10px;\n            border-width: 1px;\n            border-style: solid;\n            border-color: var(--pk-color-slate-400);\n            background: var(--pk-color-white);\n            color: var(--pk-color-gray-900);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: 1.4;\n            appearance: none;\n            box-sizing: border-box;\n            align-self: stretch;\n            min-height: var(--pk-btn-height-default);\n            height: var(--pk-btn-height-default);\n            border-top-left-radius: var(--pk-bg-start-start-radius, var(--pk-radius-lg));\n            border-top-right-radius: var(--pk-bg-start-end-radius, var(--pk-radius-lg));\n            border-bottom-left-radius: var(--pk-bg-end-start-radius, var(--pk-radius-lg));\n            border-bottom-right-radius: var(--pk-bg-end-end-radius, var(--pk-radius-lg));\n        }\n\n        ::slotted(pk-separator) {\n            align-self: stretch;\n        }\n\n        ::slotted(pk-separator[orientation='vertical']),\n        ::slotted(pk-button-group-separator) {\n            height: auto;\n            flex-shrink: 0;\n        }\n\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-divider][data-pk-group-join].button-group-text),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-divider][data-pk-group-join]select.button-group-select),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-orientation='horizontal'][data-pk-group-divider][data-pk-group-join]pk-input-group) {\n            margin-inline-start: var(--pk-bg-horizontal-indent-outlined, 0);\n        }\n\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-divider][data-pk-group-join].button-group-text),\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-divider][data-pk-group-join]select.button-group-select),\n        :host([orientation='vertical']) ::slotted([data-pk-group-orientation='vertical'][data-pk-group-divider][data-pk-group-join]pk-input-group) {\n            margin-block-start: var(--pk-bg-vertical-indent-outlined, 0);\n        }\n\n        :host([orientation='horizontal']) ::slotted(.button-group-text[data-pk-group-divider]),\n        :host([orientation='horizontal']) ::slotted(select.button-group-select[data-pk-group-divider]),\n        :host([orientation='horizontal']) ::slotted(pk-input-group[data-pk-group-divider]) {\n            border-left-width: 1px;\n            border-left-style: solid;\n            border-left-color: var(--pk-btn-group-divider-color-outline, var(--pk-color-slate-400));\n            box-shadow: none;\n        }\n\n        :host([orientation='vertical']) ::slotted(.button-group-text[data-pk-group-divider]),\n        :host([orientation='vertical']) ::slotted(select.button-group-select[data-pk-group-divider]),\n        :host([orientation='vertical']) ::slotted(pk-input-group[data-pk-group-divider]) {\n            border-top-width: 1px;\n            border-top-style: solid;\n            border-top-color: var(--pk-btn-group-divider-color-outline, var(--pk-color-slate-400));\n            box-shadow: none;\n        }\n\n        :host([orientation='horizontal']) ::slotted([data-pk-group-internal-trail].button-group-text),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-internal-trail].button-group-select),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-internal-trail]select.button-group-select),\n        :host([orientation='horizontal']) ::slotted([data-pk-group-internal-trail]pk-input-group) {\n            border-right-width: 0;\n        }\n\n        :host([orientation='vertical']) ::slotted([data-pk-group-internal-trail].button-group-text),\n        :host([orientation='vertical']) ::slotted([data-pk-group-internal-trail].button-group-select),\n        :host([orientation='vertical']) ::slotted([data-pk-group-internal-trail]select.button-group-select),\n        :host([orientation='vertical']) ::slotted([data-pk-group-internal-trail]pk-input-group) {\n            border-bottom-width: 0;\n        }\n    }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport type { PropertyValues } from 'lit';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { pkButtonGroupStyles } from './pk-button-group.styles.js';\n\nexport type PkButtonGroupOrientation = 'horizontal' | 'vertical';\n\nconst GROUP_JOIN_ATTR = 'data-pk-group-join';\nconst GROUP_DIVIDER_ATTR = 'data-pk-group-divider';\nconst GROUP_ITEM_FIRST = 'data-pk-group-item-first';\nconst GROUP_ITEM_LAST = 'data-pk-group-item-last';\nconst GROUP_INTERNAL_TRAIL = 'data-pk-group-internal-trail';\nconst GROUP_BTN_LAST = 'data-pk-group-btn-last';\nconst GROUP_ORIENTATION_ATTR = 'data-pk-group-orientation';\nconst GROUP_SEPARATOR_TAGS = new Set(['PK-SEPARATOR', 'PK-BUTTON-GROUP-SEPARATOR']);\nconst OVERLAY_WRAPPER_TAGS = new Set(['PK-POPOVER', 'PK-DROPDOWN-MENU']);\n\n/** Boolean attribute defaulting to true — absent means on; `separators=\"false\"` opts out. */\nconst separatorsConverter = {\n    fromAttribute(value: string | null): boolean {\n        if (value === null) {\n            return true;\n        }\n\n        return value !== 'false';\n    },\n    toAttribute(value: boolean): string | null {\n        if (value) {\n            return '';\n        }\n\n        return 'false';\n    },\n};\n\nfunction isGroupSeparator(element: Element): boolean {\n    return GROUP_SEPARATOR_TAGS.has(element.tagName);\n}\n\nfunction getLayoutTarget(element: Element): Element {\n    if (OVERLAY_WRAPPER_TAGS.has(element.tagName)) {\n        return element.querySelector('[slot=\"trigger\"]') ?? element;\n    }\n\n    return element;\n}\n\nfunction getLayoutTargets(element: Element): Element[] {\n    if (OVERLAY_WRAPPER_TAGS.has(element.tagName)) {\n        const trigger = getLayoutTarget(element);\n\n        return trigger === element ? [element] : [element, trigger];\n    }\n\n    return [element];\n}\n\nfunction getCornerTargets(element: Element, surface: Element): Element[] {\n    return element === surface ? [element] : [element, surface];\n}\n\nfunction collectSyncTargets(element: Element): Element[] {\n    const surface = getLayoutTarget(element);\n\n    return [...new Set([...getLayoutTargets(element), ...getCornerTargets(element, surface)])];\n}\n\nfunction clearLayoutAttrs(element: Element): void {\n    for (const target of collectSyncTargets(element)) {\n        target.removeAttribute(GROUP_JOIN_ATTR);\n        target.removeAttribute(GROUP_DIVIDER_ATTR);\n        target.removeAttribute(GROUP_ITEM_FIRST);\n        target.removeAttribute(GROUP_ITEM_LAST);\n        target.removeAttribute(GROUP_INTERNAL_TRAIL);\n        target.removeAttribute(GROUP_BTN_LAST);\n        target.removeAttribute(GROUP_ORIENTATION_ATTR);\n    }\n}\n\nfunction isGroupTrigger(element: Element): boolean {\n    const target = getLayoutTarget(element);\n\n    return target.hasAttribute('group-trigger')\n        || element.hasAttribute('group-trigger');\n}\n\nfunction splitSegments(items: Element[]): Element[][] {\n    const segments: Element[][] = [];\n    let current: Element[] = [];\n\n    for (const item of items) {\n        if (isGroupSeparator(item)) {\n            if (current.length) {\n                segments.push(current);\n            }\n\n            current = [];\n            continue;\n        }\n\n        current.push(item);\n    }\n\n    if (current.length) {\n        segments.push(current);\n    }\n\n    return segments;\n}\n\n/**\n * Visually groups related buttons —  `pk-button-group` pattern (CSS var join, no JS).\n *\n * @slot - Buttons, toolbars, and overlay triggers\n *\n * @csspart base - Group container\n */\n@customElement('pk-button-group')\nexport class PkButtonGroup extends PkElement {\n    static override styles = pkButtonGroupStyles;\n\n    @property({ reflect: true })\n    orientation: PkButtonGroupOrientation = 'horizontal';\n\n    /**\n     * Draw 1px dividers between adjacent controls (Craft default).\n     * Set `separators=\"false\"` for flush join. Explicit `pk-button-group-separator` elements always work for segment splits.\n     */\n    @property({ type: Boolean, reflect: true, converter: separatorsConverter })\n    separators = true;\n\n    /**\n     * Exclusive icon/text toggle styling — Craft `.btngroup--exclusive`.\n     * Use with `pk-toggle` items for view-mode pickers.\n     */\n    @property({ type: Boolean, reflect: true })\n    exclusive = false;\n\n    /** Accessible label for the group —  `pk-button-group.label`. */\n    @property()\n    label = '';\n\n    @query('slot:not([name])')\n    private defaultSlot!: HTMLSlotElement;\n\n    override firstUpdated(): void {\n        this.scheduleSyncGroupLayout();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('orientation')) {\n            this.setAttribute('aria-orientation', this.orientation);\n            this.scheduleSyncGroupLayout();\n        }\n\n        if (changed.has('label')) {\n            if (this.label) {\n                this.setAttribute('aria-label', this.label);\n            } else {\n                this.removeAttribute('aria-label');\n            }\n        }\n\n        if (changed.has('separators') || changed.has('exclusive')) {\n            this.scheduleSyncGroupLayout();\n        }\n    }\n\n    private scheduleSyncGroupLayout(): void {\n        this.syncGroupLayout();\n        queueMicrotask(() => this.syncGroupLayout());\n    }\n\n    private handleSlotChange(): void {\n        this.scheduleSyncGroupLayout();\n    }\n\n    /** Overlap-join adjacent items within each segment; 1px divider between joins when `separators` is on. */\n    private syncGroupLayout(): void {\n        const items = this.defaultSlot?.assignedElements({ flatten: true }) ?? [];\n        const segments = splitSegments(items);\n\n        for (const element of items) {\n            clearLayoutAttrs(element);\n        }\n\n        for (const element of items) {\n            for (const target of collectSyncTargets(element)) {\n                target.setAttribute(GROUP_ORIENTATION_ATTR, this.orientation);\n            }\n        }\n\n        for (let segmentIndex = 0; segmentIndex < segments.length; segmentIndex++) {\n            const segment = segments[segmentIndex];\n            const isFirstSegment = segmentIndex === 0;\n            const isLastSegment = segmentIndex === segments.length - 1;\n\n            for (let index = 0; index < segment.length; index++) {\n                const element = segment[index];\n                const surface = getLayoutTarget(element);\n                const cornerTargets = getCornerTargets(element, surface);\n                const isOnly = segment.length === 1;\n                const isFirst = index === 0;\n                const isLast = index === segment.length - 1;\n\n                for (const target of cornerTargets) {\n                    if (isOnly) {\n                        if (isFirstSegment) {\n                            target.setAttribute(GROUP_ITEM_FIRST, '');\n                        }\n\n                        if (isLastSegment) {\n                            target.setAttribute(GROUP_ITEM_LAST, '');\n                        }\n                    } else {\n                        if (isFirst) {\n                            target.setAttribute(GROUP_ITEM_FIRST, '');\n                        }\n\n                        if (isLast) {\n                            target.setAttribute(GROUP_ITEM_LAST, '');\n                        }\n                    }\n                }\n\n                if (isFirst) {\n                    if (this.separators && !isLast) {\n                        for (const target of getLayoutTargets(element)) {\n                            target.setAttribute(GROUP_INTERNAL_TRAIL, '');\n                        }\n                    }\n\n                    continue;\n                }\n\n                for (const target of getLayoutTargets(element)) {\n                    target.setAttribute(GROUP_JOIN_ATTR, '');\n\n                    if (this.separators) {\n                        target.setAttribute(GROUP_DIVIDER_ATTR, '');\n                    }\n                }\n\n                if (this.separators && !isLast) {\n                    for (const target of getLayoutTargets(element)) {\n                        target.setAttribute(GROUP_INTERNAL_TRAIL, '');\n                    }\n                }\n\n                if (isGroupTrigger(element)) {\n                    surface.setAttribute(GROUP_BTN_LAST, '');\n                }\n            }\n        }\n    }\n\n    override render() {\n        return html`\n            <div part=\"base\" class=\"group\" role=\"group\" aria-label=${this.label || nothing}>\n                <slot @slotchange=${this.handleSlotChange}></slot>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-button-group': PkButtonGroup;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-button-group-separator-DG0CYaqc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-button-group-separator-DG0CYaqc.js","names":[],"sources":["../../src/components/button-group/pk-button-group-separator.styles.ts","../../src/components/button-group/pk-button-group-separator.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkButtonGroupSeparatorStyles = css`\n    @layer pk-component {\n        :host {\n            display: inline-block;\n            align-self: stretch;\n            flex-shrink: 0;\n        }\n\n        .separator {\n            display: block;\n            width: 1px;\n            height: 100%;\n            margin-block: 1px;\n            background: var(--pk-btn-group-separator-color, transparent);\n        }\n\n        :host-context(pk-button-group[orientation='vertical']) {\n            display: block;\n            width: 100%;\n            height: auto;\n        }\n\n        :host-context(pk-button-group[orientation='vertical']) .separator {\n            width: 100%;\n            height: 1px;\n            margin-block: 1px;\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { pkButtonGroupSeparatorStyles } from './pk-button-group-separator.styles.js';\n\nexport type PkButtonGroupSeparatorOrientation = 'horizontal' | 'vertical';\n\n/**\n * Vertical separator for button groups.\n *\n * @csspart base - Separator element\n */\n@customElement('pk-button-group-separator')\nexport class PkButtonGroupSeparator extends PkElement {\n    static override styles = pkButtonGroupSeparatorStyles;\n\n    @property({ reflect: true })\n    orientation: PkButtonGroupSeparatorOrientation = 'vertical';\n\n    override render() {\n        return html`\n            <div\n                part=\"base\"\n                class=\"separator pk-btn-group__separator\"\n                role=\"separator\"\n                aria-orientation=${this.orientation}\n                data-orientation=${this.orientation}\n            ></div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-button-group-separator': PkButtonGroupSeparator;\n    }\n}\n"],"mappings":";;;;AAEA,IAAa,+BAA+B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACYxC,IAAA,yBAAA,MAAM,+BAA+B,UAAU;;;qBAID;;;gBAHxB;;CAKzB,SAAkB;AACd,SAAO,IAAI;;;;;mCAKgB,KAAK,YAAY;mCACjB,KAAK,YAAY;;;;;YAV/C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,eAAA,KAAA,EAAA;qCAJ/B,cAAc,4BAA4B,CAAA,EAAA,uBAAA"}