@verbb/plugin-kit-web 2.0.1 → 2.0.4

package/dist/register.js

@@ -1,6 +1,6 @@
 import { n as resolveSpinnerVariant, t as getButtonSpinnerSize } from "./chunks/spinner-utils-CDfHypTv.js";
 import { t as PkSpinner } from "./chunks/pk-spinner-Blxd3SIH.js";
-import { t as PkButton } from "./chunks/pk-button-Cilu5WAT.js";
+import { t as PkButton } from "./chunks/pk-button-QpDDlRbG.js";
 import "./components/button.js";
 import { t as PkButtonGroup } from "./chunks/pk-button-group-D9hqSfb_.js";
 import { t as PkButtonGroupSeparator } from "./chunks/pk-button-group-separator-DG0CYaqc.js";
@@ -8,11 +8,11 @@ import { t as PkButtonGroupText } from "./chunks/pk-button-group-text-C5z4P7ur.j
 import "./components/button-group.js";
 import { t as PkCheckbox } from "./chunks/pk-checkbox-Bavq3-9C.js";
 import "./components/checkbox.js";
-import { n as PkCheckboxSelect, t as ALL_VALUE } from "./chunks/pk-checkbox-select-ZEJ6WIQn.js";
+import { n as PkCheckboxSelect, t as ALL_VALUE } from "./chunks/pk-checkbox-select-9lqd9Rwz.js";
 import "./components/checkbox-select.js";
 import { t as PkCodeEditor } from "./chunks/pk-code-editor-DSG6AwLV.js";
 import "./components/code-editor.js";
-import { t as PkCombobox } from "./chunks/pk-combobox-Dd1ik0Ko.js";
+import { t as PkCombobox } from "./chunks/pk-combobox-DtkXaX67.js";
 import { t as PkPopup } from "./chunks/pk-popup-CgiXok-U.js";
 import { t as PkInput } from "./chunks/pk-input-naIRPWGC.js";
 import "./components/input.js";
@@ -35,26 +35,26 @@ import { t as PkToggleGroup } from "./chunks/pk-toggle-group-CWDwYlgR.js";
 import "./components/toggle-group.js";
 import { t as PkLightswitch } from "./chunks/pk-lightswitch-B-rLflNq.js";
 import "./components/lightswitch.js";
-import { t as PkCopyButton } from "./chunks/pk-copy-button-DPh5TOF9.js";
+import { t as PkCopyButton } from "./chunks/pk-copy-button-C17MLLYS.js";
 import "./components/copy-button.js";
 import { t as PkDialog } from "./chunks/pk-dialog-DZZd1Tzb.js";
 import "./components/dialog.js";
-import { t as PkDropdownItem } from "./chunks/pk-dropdown-item-BFyjtsL5.js";
-import { t as PkDropdownMenu } from "./chunks/pk-dropdown-menu-DWlxkDIs.js";
-import { t as PkDropdownLabel } from "./chunks/pk-dropdown-label-DfACId-K.js";
+import { t as PkDropdownItem } from "./chunks/pk-dropdown-item-P3LLojCI.js";
+import { t as PkDropdownMenu } from "./chunks/pk-dropdown-menu-CsX95MCP.js";
+import { t as PkDropdownLabel } from "./chunks/pk-dropdown-label-ibVrU6-U.js";
 import { PkDropdownSeparator } from "./components/dropdown-menu/pk-dropdown-separator.js";
 import "./components/dropdown-menu.js";
 import { t as PkColorInput } from "./chunks/pk-color-input-D4L0DE5S.js";
 import { t as PkCalendar } from "./chunks/pk-calendar-CcV-La-9.js";
-import { t as PkDatePicker } from "./chunks/pk-date-picker-CkwU4DzD.js";
-import { t as PkOption } from "./chunks/pk-option-C3Zqmu3z.js";
-import { t as PkSelect } from "./chunks/pk-select-B17rV6BR.js";
-import { t as PkTimePicker } from "./chunks/pk-time-picker-DbW_hMs2.js";
-import { t as PkEditableTable } from "./chunks/pk-editable-table-pBkD6izs.js";
+import { t as PkDatePicker } from "./chunks/pk-date-picker-DIoQlPI9.js";
+import { t as PkOption } from "./chunks/pk-option-C-cR-jOv.js";
+import { t as PkSelect } from "./chunks/pk-select-odSNU1tN.js";
+import { t as PkTimePicker } from "./chunks/pk-time-picker-DtX0LtID.js";
+import { t as PkEditableTable } from "./chunks/pk-editable-table-wtsSKfzS.js";
 import { t as PkField } from "./chunks/pk-field-Buy_AtYF.js";
 import "./components/field.js";
 import { PkIcon } from "./components/icon/pk-icon.js";
-import { t as PkPopover } from "./chunks/pk-popover-XZZdJ4WI.js";
+import { t as PkPopover } from "./chunks/pk-popover-CVvwXMld.js";
 import "./components/popover.js";
 import "./components/popup.js";
 import { t as PkTooltip } from "./chunks/pk-tooltip-fcUbVGli.js";
@@ -62,7 +62,7 @@ import "./components/tooltip.js";
 import { t as PkRadio } from "./chunks/pk-radio-Bg02ckzC.js";
 import { t as PkRadioGroup } from "./chunks/pk-radio-group-B5rps9G4.js";
 import "./components/radio-group.js";
-import { t as PkTab } from "./chunks/pk-tab-CzV7pOdp.js";
+import { t as PkTab } from "./chunks/pk-tab-BdoPiYfT.js";
 import { t as PkTabHeading } from "./chunks/pk-tab-heading-BWAB85ua.js";
 import { t as PkTabPanel } from "./chunks/pk-tab-panel-Q3Pqyq-f.js";
 import { t as PkTabs } from "./chunks/pk-tabs-Cip4nbb7.js";
@@ -77,70 +77,9 @@ import "./components/select.js";
 import "./components/time-picker.js";
 import "./components/spinner.js";
 import { t as PkTiptapContent } from "./chunks/pk-tiptap-content-DAtNbJYC.js";
-import { t as PkTiptapEditor } from "./chunks/pk-tiptap-editor-umIuEaXh.js";
+import { t as PkTiptapEditor } from "./chunks/pk-tiptap-editor-CdoutapZ.js";
 import { t as PkTiptapInput } from "./chunks/pk-tiptap-input-CXcYXbRa.js";
-import { t as BUNDLER_TAG_IMPORT_PATHS } from "./chunks/component-registry-CpZiIDh4.js";
-import { t as createRegisterComponents } from "./chunks/register-components-DNw6EYNo.js";
-import "@verbb/plugin-kit-icons/all.js";
-//#region src/register.ts
-var COMPONENTS = [
-	["pk-spinner", PkSpinner],
-	["pk-icon", PkIcon],
-	["pk-button", PkButton],
-	["pk-checkbox", PkCheckbox],
-	["pk-checkbox-select", PkCheckboxSelect],
-	["pk-color-input", PkColorInput],
-	["pk-code-editor", PkCodeEditor],
-	["pk-input", PkInput],
-	["pk-input-group", PkInputGroup],
-	["pk-input-group-addon", PkInputGroupAddon],
-	["pk-input-group-button", PkInputGroupButton],
-	["pk-input-group-input", PkInputGroupInput],
-	["pk-input-group-text", PkInputGroupText],
-	["pk-input-group-textarea", PkInputGroupTextarea],
-	["pk-textarea", PkTextarea],
-	["pk-tiptap-editor", PkTiptapEditor],
-	["pk-tiptap-input", PkTiptapInput],
-	["pk-tiptap-content", PkTiptapContent],
-	["pk-field", PkField],
-	["pk-separator", PkSeparator],
-	["pk-status", PkStatus],
-	["pk-toggle", PkToggle],
-	["pk-toggle-group", PkToggleGroup],
-	["pk-lightswitch", PkLightswitch],
-	["pk-button-group", PkButtonGroup],
-	["pk-button-group-separator", PkButtonGroupSeparator],
-	["pk-button-group-text", PkButtonGroupText],
-	["pk-dialog", PkDialog],
-	["pk-popup", PkPopup],
-	["pk-dropdown-label", PkDropdownLabel],
-	["pk-dropdown-item", PkDropdownItem],
-	["pk-dropdown-separator", PkDropdownSeparator],
-	["pk-dropdown-menu", PkDropdownMenu],
-	["pk-editable-table", PkEditableTable],
-	["pk-popover", PkPopover],
-	["pk-tooltip", PkTooltip],
-	["pk-radio", PkRadio],
-	["pk-radio-group", PkRadioGroup],
-	["pk-tab", PkTab],
-	["pk-tab-heading", PkTabHeading],
-	["pk-tab-panel", PkTabPanel],
-	["pk-tabs", PkTabs],
-	["pk-scroll-area", PkScrollArea],
-	["pk-option", PkOption],
-	["pk-option-group", PkOptionGroup],
-	["pk-select", PkSelect],
-	["pk-calendar", PkCalendar],
-	["pk-date-picker", PkDatePicker],
-	["pk-combobox", PkCombobox],
-	["pk-time-picker", PkTimePicker],
-	["pk-copy-button", PkCopyButton]
-];
-/** Side-effect registration for all Plugin Kit web components. */
-function registerAll() {
-	for (const [tag, ctor] of COMPONENTS) if (!customElements.get(tag)) customElements.define(tag, ctor);
-}
-//#endregion
+import { t as registerAll } from "./chunks/register-22v142C-.js";
+import { t as BUNDLER_TAG_IMPORT_PATHS } from "./chunks/component-registry-BOlxFlou.js";
+import { t as createRegisterComponents } from "./chunks/register-components-BG_6_v_T.js";
 export { ALL_VALUE, PkButton, PkButtonGroup, PkButtonGroupSeparator, PkButtonGroupText, PkCalendar, PkCheckbox, PkCheckboxSelect, PkCodeEditor, PkColorInput, PkCombobox, PkCopyButton, PkDatePicker, PkDialog, PkDropdownItem, PkDropdownLabel, PkDropdownMenu, PkDropdownSeparator, PkEditableTable, PkField, PkIcon, PkInput, PkInputGroup, PkInputGroupAddon, PkInputGroupButton, PkInputGroupInput, PkInputGroupText, PkInputGroupTextarea, PkLightswitch, PkOption, PkOptionGroup, PkPopover, PkPopup, PkRadio, PkRadioGroup, PkScrollArea, PkSelect, PkSeparator, PkSpinner, PkStatus, PkTab, PkTabHeading, PkTabPanel, PkTabs, PkTextarea, PkTimePicker, PkTiptapContent, PkTiptapEditor, PkTiptapInput, PkToggle, PkToggleGroup, PkTooltip, BUNDLER_TAG_IMPORT_PATHS as componentImportPaths, createRegisterComponents, getButtonSpinnerSize, registerAll, resolveSpinnerVariant };
-
-//# sourceMappingURL=register.js.map

package/dist/utils/popup-pointer.d.ts

@@ -1,5 +1,8 @@
 /**
  * Returns true when a pointer event occurred on pk-popup content.
+ *
+ * Intentionally matches *any* popup surface — callers that need overlay-scoped
+ * hit testing should use {@link isEventInsideOverlay} instead.
  */
 export declare function isPointerInPopupSurface(event: PointerEvent): boolean;
 export type PointerInsideOverlayOptions = {

package/dist/utils/popup-pointer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popup-pointer.d.ts","sourceRoot":"","sources":["../../src/utils/popup-pointer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CASpE;AAED,MAAM,MAAM,2BAA2B,GAAG;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;CACpD,CAAC;AAEF,yFAAyF;AACzF,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,KAAK,EACZ,OAAO,GAAE,2BAAgC,GAC1C,OAAO,CA0BT;AAED,+DAA+D;AAC/D,wBAAgB,sBAAsB,CAClC,KAAK,EAAE,YAAY,EACnB,OAAO,GAAE,2BAAgC,GAC1C,OAAO,CAET"}
+{"version":3,"file":"popup-pointer.d.ts","sourceRoot":"","sources":["../../src/utils/popup-pointer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CASpE;AAED,MAAM,MAAM,2BAA2B,GAAG;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;CACpD,CAAC;AA4BF,yFAAyF;AACzF,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,KAAK,EACZ,OAAO,GAAE,2BAAgC,GAC1C,OAAO,CAyCT;AAED,+DAA+D;AAC/D,wBAAgB,sBAAsB,CAClC,KAAK,EAAE,YAAY,EACnB,OAAO,GAAE,2BAAgC,GAC1C,OAAO,CAET"}

package/dist-loader/chunks/{pk-button-BlSs4e6V.js → pk-button-CK5FZiwP.js}

@@ -1,8 +1,8 @@
 import { a as o, c as r, f as A, i as e, l as n, m as i, p as b, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement, s as iconStyles, u as hostDisplayInlineBlock } from "./pk-base-BlxAYXJD.js";
-import { m as chevronDown } from "./icons-B1i-oRoD.js";
-import { t as iconToSvg } from "./svg-Boar0Kf1.js";
-import { i as buttonGroupIndentStyles, n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "./button-group-item.styles-Dwakbyx5.js";
+import "./pk-spinner-Di9O69-m.js";
+import { h as chevronDown, t as iconToSvg } from "./svg-BCGsRUz7.js";
+import { i as buttonGroupIndentStyles, n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "./button-group-item.styles-BNc-ksl1.js";
 //#region src/components/spinner/spinner-utils.ts
 function getButtonSpinnerSize(buttonSize = "default") {
 	if (buttonSize === "xxs" || buttonSize === "xs") return "xxs";
@@ -27,8 +27,6 @@ var pkButtonStyles = [
         @layer pk-component {
             :host {
                 font-family: var(--pk-font-family);
-                font-size: var(--pk-font-size-base);
-                line-height: var(--pk-line-height);
                 cursor: pointer;
                 --pk-btn-height: var(--pk-btn-height-default);
                 --pk-btn-font: var(--pk-btn-font-default);
@@ -37,6 +35,12 @@ var pkButtonStyles = [
                 --pk-btn-icon-gap: var(--pk-btn-icon-gap-default);
                 --pk-btn-caret-size: var(--pk-btn-caret-size-default);
                 --pk-btn-radius: var(--pk-btn-radius-default);
+                /*
+                 * Slotted labels inherit from the host — pin the size-token font
+                 * (and button line-height) so Craft CP / Tailwind hosts match.
+                 */
+                font-size: var(--pk-btn-font);
+                line-height: 1.2;
             }
 
             :host([disabled]) {

package/dist-loader/chunks/{pk-calendar-RXCDDhLI.js → pk-calendar-Ir5izQJH.js}

@@ -1,8 +1,8 @@
 import { a as o$1, c as r, f as A, i as e, l as n, m as i, o, p as b, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement, s as iconStyles } from "./pk-base-BlxAYXJD.js";
-import { g as chevronRight, h as chevronLeft } from "./icons-B1i-oRoD.js";
-import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
-import { n as renderIconHtml } from "./render-DApFfV9S.js";
+import { _ as chevronRight, g as chevronLeft } from "./svg-BCGsRUz7.js";
+import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
+import { n as renderIconHtml } from "./render-BCU9WDSk.js";
 //#region src/utils/date.ts
 /** ISO date helpers — ported from  `date-picker/internal/iso`. */
 var ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;

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

@@ -1,7 +1,7 @@
 import { c as r, f as A, i as e, l as n, m as i, p as b, s as e$1, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, r as checkboxControlStyles } from "./pk-base-BlxAYXJD.js";
-import { t as RequiredValidator } from "./required-validator-0XwZtX9k.js";
-import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
+import { t as RequiredValidator } from "./required-validator-DXqqPVeW.js";
+import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
 //#region src/icons/checkbox-indicators.ts
 /** Craft checkbox tick — matches plugin-kit-react Checkbox.tsx */
 function renderCheckboxCheckIcon() {

package/dist-loader/chunks/{pk-color-input-BfNtLznP.js → pk-color-input-BEmVZXSP.js}

@@ -1,7 +1,7 @@
 import { c as r, f as A, i as e, l as n, m as i, p as b, s as e$1, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement } from "./pk-base-BlxAYXJD.js";
-import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
-import { t as RequiredValidator } from "./required-validator-0XwZtX9k.js";
+import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
+import { t as RequiredValidator } from "./required-validator-DXqqPVeW.js";
 //#region src/components/color-input/pk-color-input.styles.ts
 /**
 * Size scale matches pk-input (xs / sm / default / lg). Metrics are shifted so

package/dist-loader/chunks/{pk-combobox-1PJBcIrV.js → pk-combobox-fXGaY4L0.js}

@@ -1,16 +1,17 @@
 import { d as registerDismissible, f as unregisterDismissible, n as uniqueId, s as scrollIntoView, t as LiveRegion, u as isTopDismissible } from "./pk-a11y-Cx5RZvhu.js";
 import { a as o, c as r, f as A, i as e, l as n, m as i, p as b, s as e$1, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, s as iconStyles } from "./pk-base-BlxAYXJD.js";
-import { m as chevronDown, q as xmark } from "./icons-B1i-oRoD.js";
-import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
-import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
-import { t as PkClearEvent } from "./pk-clear-BMZUzwDt.js";
-import { n as renderIconHtml } from "./render-DApFfV9S.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
-import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-WlEXnS85.js";
-import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-S6CK-zPp.js";
-import { n as isPointerInsideOverlay, t as isEventInsideOverlay } from "./popup-pointer-BC4n_sNb.js";
-import { a as isListboxTypeToSelectKey, i as handleListboxKeyDown, n as LISTBOX_NAVIGATION_KEYS, t as syncListboxSeparators } from "./sync-listbox-separators-Bcja51HC.js";
+import { J as xmark, h as chevronDown } from "./svg-BCGsRUz7.js";
+import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
+import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
+import { t as PkClearEvent } from "./pk-clear-BRS8vkV-.js";
+import { n as renderIconHtml } from "./render-BCU9WDSk.js";
+import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-BG4QMRLw.js";
+import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-BPjq650B.js";
+import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-C9ffC35f.js";
+import "./pk-popup-BYFbKaHH.js";
+import { n as isPointerInsideOverlay, t as isEventInsideOverlay } from "./popup-pointer-BTS3Y6LE.js";
+import { a as isListboxTypeToSelectKey, i as handleListboxKeyDown, n as LISTBOX_NAVIGATION_KEYS, t as syncListboxSeparators } from "./sync-listbox-separators-CT3oGzTf.js";
 //#region src/events/pk-create.ts
 /** Fired before a combobox creates a new option — mirrors  `pk-create`. */
 var PkCreateEvent = class extends Event {

package/dist-loader/chunks/{pk-date-picker-D4vCtbw-.js → pk-date-picker-B3eWgHtv.js}

@@ -1,17 +1,18 @@
 import { d as registerDismissible, f as unregisterDismissible, n as uniqueId, u as isTopDismissible } from "./pk-a11y-Cx5RZvhu.js";
 import { a as o, c as r, f as A, i as e, l as n, m as i, p as b, s as e$1, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, s as iconStyles } from "./pk-base-BlxAYXJD.js";
-import { f as calendar, q as xmark } from "./icons-B1i-oRoD.js";
-import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
-import { t as RequiredValidator } from "./required-validator-0XwZtX9k.js";
-import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
-import { t as PkClearEvent } from "./pk-clear-BMZUzwDt.js";
-import { n as readLegacyInstructions } from "./field-labels-D3lKQ2nq.js";
-import { n as renderIconHtml } from "./render-DApFfV9S.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
-import { i as waitForPopupReposition } from "./popup-placement-animation-WlEXnS85.js";
-import { n as isPointerInsideOverlay } from "./popup-pointer-BC4n_sNb.js";
-import { a as parseRange, i as parseIsoDate, n as coerceToDate, r as formatIsoDate } from "./pk-calendar-RXCDDhLI.js";
+import { J as xmark, p as calendar } from "./svg-BCGsRUz7.js";
+import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
+import { t as RequiredValidator } from "./required-validator-DXqqPVeW.js";
+import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
+import { t as PkClearEvent } from "./pk-clear-BRS8vkV-.js";
+import { n as readLegacyInstructions } from "./field-labels-Vo3wHq49.js";
+import { n as renderIconHtml } from "./render-BCU9WDSk.js";
+import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-BG4QMRLw.js";
+import { i as waitForPopupReposition } from "./popup-placement-animation-BPjq650B.js";
+import "./pk-popup-BYFbKaHH.js";
+import { n as isPointerInsideOverlay } from "./popup-pointer-BTS3Y6LE.js";
+import { a as parseRange, i as parseIsoDate, n as coerceToDate, r as formatIsoDate } from "./pk-calendar-Ir5izQJH.js";
 //#region src/utils/host-date.ts
 function getCraft() {
 	return globalThis.Craft;

package/dist-loader/chunks/{pk-dialog-D1RZjwQN.js → pk-dialog-CP1YT85H.js}

@@ -1,10 +1,10 @@
 import { c as unlockBodyScrolling, d as registerDismissible, f as unregisterDismissible, o as lockBodyScrolling, u as isTopDismissible } from "./pk-a11y-Cx5RZvhu.js";
 import { a as o, c as r, f as A, i as e, l as n, m as i, p as b, s as e$1, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
-import { q as xmark } from "./icons-B1i-oRoD.js";
-import { n as renderIconHtml } from "./render-DApFfV9S.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
-import { t as animateWithClass } from "./animate-with-class-DT0jwaR_.js";
+import { J as xmark } from "./svg-BCGsRUz7.js";
+import { n as renderIconHtml } from "./render-BCU9WDSk.js";
+import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-BG4QMRLw.js";
+import { t as animateWithClass } from "./animate-with-class-B2hHgK5M.js";
 //#region src/utils/craft-host-modal.ts
 /**
 * Craft CP Garnish modals (element selector, asset picker, …) live in normal

package/dist-loader/chunks/{pk-dropdown-item-BJIhQ0Mw.js → pk-dropdown-item-DkZRcPJ5.js}

@@ -1,10 +1,10 @@
 import { a as o, c as r, f as A, l as n, m as i, p as b, s as e, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
-import { g as chevronRight, p as check } from "./icons-B1i-oRoD.js";
-import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
-import { n as renderIconHtml } from "./render-DApFfV9S.js";
-import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-WlEXnS85.js";
-import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-S6CK-zPp.js";
+import { _ as chevronRight, m as check } from "./svg-BCGsRUz7.js";
+import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
+import { n as renderIconHtml } from "./render-BCU9WDSk.js";
+import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-BPjq650B.js";
+import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-C9ffC35f.js";
 //#region src/components/dropdown-menu/dropdown-menu-size.styles.ts
 var dropdownMenuSizeTokens = {
 	default: i`
@@ -12,6 +12,7 @@ var dropdownMenuSizeTokens = {
         --pk-dropdown-item-padding-inline: 12px;
         --pk-dropdown-item-gap: 0.625rem;
         --pk-dropdown-item-font-size: var(--pk-font-size-base);
+        --pk-dropdown-item-line-height: 1.5;
         --pk-dropdown-item-icon-size: 12px;
         --pk-dropdown-label-padding-inline: 12px;
         --pk-dropdown-label-font-size: 13px;
@@ -22,6 +23,7 @@ var dropdownMenuSizeTokens = {
         --pk-dropdown-item-padding-inline: 8px;
         --pk-dropdown-item-gap: 0.375rem;
         --pk-dropdown-item-font-size: 12px;
+        --pk-dropdown-item-line-height: 1.5;
         --pk-dropdown-item-icon-size: 10px;
         --pk-dropdown-label-padding-inline: 8px;
         --pk-dropdown-label-font-size: 11px;
@@ -32,6 +34,7 @@ var dropdownMenuSizeTokens = {
         --pk-dropdown-item-padding-inline: 10px;
         --pk-dropdown-item-gap: 0.4375rem;
         --pk-dropdown-item-font-size: 13px;
+        --pk-dropdown-item-line-height: 1.5;
         --pk-dropdown-item-icon-size: 12px;
         --pk-dropdown-label-padding-inline: 10px;
         --pk-dropdown-label-font-size: 11px;
@@ -42,6 +45,7 @@ var dropdownMenuSizeTokens = {
         --pk-dropdown-item-padding-inline: 14px;
         --pk-dropdown-item-gap: 0.75rem;
         --pk-dropdown-item-font-size: 16px;
+        --pk-dropdown-item-line-height: 1.5;
         --pk-dropdown-item-icon-size: 14px;
         --pk-dropdown-label-padding-inline: 14px;
         --pk-dropdown-label-font-size: 14px;
@@ -52,6 +56,7 @@ var dropdownMenuSizeTokens = {
         --pk-dropdown-item-padding-inline: 16px;
         --pk-dropdown-item-gap: 0.75rem;
         --pk-dropdown-item-font-size: 18px;
+        --pk-dropdown-item-line-height: 1.5;
         --pk-dropdown-item-icon-size: 16px;
         --pk-dropdown-label-padding-inline: 16px;
         --pk-dropdown-label-font-size: 15px;
@@ -129,6 +134,14 @@ var pkDropdownItemStyles = [
         :host {
             display: block;
             position: relative;
+            /*
+             * Slotted label text inherits from this host (light DOM), not from
+             * shadow .item — pin size-token metrics so Craft CP / Tailwind /
+             * bare hosts all get the same item rhythm.
+             */
+            font-size: var(--pk-dropdown-item-font-size, var(--pk-font-size-base));
+            line-height: var(--pk-dropdown-item-line-height, 1.5);
+            color: var(--text-color, var(--pk-color-gray-700));
         }
 
         .item {
@@ -143,6 +156,8 @@ var pkDropdownItemStyles = [
             color: inherit;
             font: inherit;
             font-size: var(--pk-dropdown-item-font-size, var(--pk-font-size-base));
+            /* Explicit — do not let font:inherit re-leak page line-height. */
+            line-height: var(--pk-dropdown-item-line-height, 1.5);
             font-weight: normal;
             text-align: left;
             white-space: nowrap;

package/dist-loader/chunks/{pk-dropdown-menu-I1s3TBiA.js → pk-dropdown-menu-CajQAobW.js}

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

package/dist-loader/chunks/{pk-field-BnKPT_Kk.js → pk-field-CIfymz5G.js}

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

package/dist-loader/chunks/{pk-input-Oarjv7Vc.js → pk-input-CXE7_rTQ.js}

@@ -1,12 +1,12 @@
 import { n as uniqueId } from "./pk-a11y-Cx5RZvhu.js";
 import { c as r, f as A, l as n, m as i, n as l, p as b, r as o, s as e, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-BlxAYXJD.js";
-import { n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "./button-group-item.styles-Dwakbyx5.js";
-import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
-import { t as RequiredValidator } from "./required-validator-0XwZtX9k.js";
-import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
-import { t as PkClearEvent } from "./pk-clear-BMZUzwDt.js";
-import { n as readLegacyInstructions, t as hasInstructionContent } from "./field-labels-D3lKQ2nq.js";
+import { n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "./button-group-item.styles-BNc-ksl1.js";
+import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
+import { t as RequiredValidator } from "./required-validator-DXqqPVeW.js";
+import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
+import { t as PkClearEvent } from "./pk-clear-BRS8vkV-.js";
+import { n as readLegacyInstructions, t as hasInstructionContent } from "./field-labels-Vo3wHq49.js";
 //#region src/internal/implicit-form-submit.ts
 /**
 * Restore HTML “implicit submission” for FACE controls with a shadow native input.

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

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

package/dist-loader/chunks/{pk-option-CCZebfif.js → pk-option-vh8UvSAI.js}

@@ -1,7 +1,7 @@
 import { a as o, f as A, l as n, m as i, p as b, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
-import { p as check } from "./icons-B1i-oRoD.js";
-import { n as renderIconHtml } from "./render-DApFfV9S.js";
+import { m as check } from "./svg-BCGsRUz7.js";
+import { n as renderIconHtml } from "./render-BCU9WDSk.js";
 //#region src/utils/highlight-text.ts
 /** Split label text into matched/unmatched segments for typeahead highlighting. */
 function splitHighlightParts(text, search) {
@@ -43,6 +43,15 @@ var pkOptionStyles = i`
     @layer pk-component {
         :host {
             display: block;
+            /*
+             * Slotted option labels inherit type metrics from this host (same
+             * Craft-vs-Tailwind trap as pk-dropdown-item). Size tokens arrive via
+             * pk-select ::slotted(pk-option) custom properties.
+             */
+            font-family: var(--pk-font-family);
+            font-size: var(--pk-select-item-font-size, var(--pk-font-size-base));
+            line-height: var(--pk-select-item-line-height, 1.4);
+            color: var(--pk-color-gray-700);
         }
 
         .option {
@@ -58,8 +67,7 @@ var pkOptionStyles = i`
             padding-inline-end: var(--pk-select-item-padding-inline-end, 2rem);
             border: var(--pk-select-trigger-border-width, 1px) solid transparent;
             background: transparent;
-            /* Craft CP body text (~gray-700), not gray-900. */
-            color: var(--pk-color-gray-700);
+            color: inherit;
             font: inherit;
             font-family: var(--pk-font-family);
             font-size: var(--pk-select-item-font-size, var(--pk-font-size-base));

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

@@ -1,8 +1,8 @@
 import { t as SUPPORTS_POPOVER } from "./supports-popover-COjbi2RP.js";
 import { f as A, i as e$1, l as n, m as i$1, p as b, s as e$2, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
-import { t as computePopupTransformOrigin } from "./popup-placement-animation-WlEXnS85.js";
-import { a as offset, c as size, i as flip, l as getOverflowAncestors, n as autoUpdate, o as platform, r as computePosition, s as shift, t as arrow, u as isContainingBlock } from "./floating-ui-87vslRWW.js";
+import { t as computePopupTransformOrigin } from "./popup-placement-animation-BPjq650B.js";
+import { a as offset, c as size, i as flip, l as getOverflowAncestors, n as autoUpdate, o as platform, r as computePosition, s as shift, t as arrow, u as isContainingBlock } from "./floating-ui-BTBNFWAR.js";
 //#region src/internal/resolve-element-by-id.ts
 /** Resolve an element id from the same root as the host (shadow or document), then the document. */
 function resolveElementById(host, id) {

package/dist-loader/chunks/{pk-select-BcbtjIoP.js → pk-select-CbmPJCx8.js}

@@ -1,16 +1,17 @@
 import { d as registerDismissible, f as unregisterDismissible, n as uniqueId, s as scrollIntoView, u as isTopDismissible } from "./pk-a11y-Cx5RZvhu.js";
 import { a as o, c as r, f as A, i as e, l as n, m as i, p as b, s as e$1, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, s as iconStyles } from "./pk-base-BlxAYXJD.js";
-import { m as chevronDown } from "./icons-B1i-oRoD.js";
-import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
-import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
-import { t as PkClearEvent } from "./pk-clear-BMZUzwDt.js";
-import { n as renderIconHtml } from "./render-DApFfV9S.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
-import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-WlEXnS85.js";
-import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-S6CK-zPp.js";
-import { n as isPointerInsideOverlay, t as isEventInsideOverlay } from "./popup-pointer-BC4n_sNb.js";
-import { a as isListboxTypeToSelectKey, i as handleListboxKeyDown, n as LISTBOX_NAVIGATION_KEYS, r as createTypeToSelectHandler, t as syncListboxSeparators } from "./sync-listbox-separators-Bcja51HC.js";
+import { h as chevronDown } from "./svg-BCGsRUz7.js";
+import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
+import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
+import { t as PkClearEvent } from "./pk-clear-BRS8vkV-.js";
+import { n as renderIconHtml } from "./render-BCU9WDSk.js";
+import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-BG4QMRLw.js";
+import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-BPjq650B.js";
+import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-C9ffC35f.js";
+import "./pk-popup-BYFbKaHH.js";
+import { n as isPointerInsideOverlay, t as isEventInsideOverlay } from "./popup-pointer-BTS3Y6LE.js";
+import { a as isListboxTypeToSelectKey, i as handleListboxKeyDown, n as LISTBOX_NAVIGATION_KEYS, r as createTypeToSelectHandler, t as syncListboxSeparators } from "./sync-listbox-separators-CT3oGzTf.js";
 //#region src/components/select/pk-select.styles.ts
 var pkSelectStyles = [popupContentAnimationStyles, i`
     ${iconStyles}

package/dist-loader/chunks/{pk-textarea-CC6WXpIu.js → pk-textarea-Ch8JpP83.js}

@@ -1,10 +1,10 @@
 import { n as uniqueId } from "./pk-a11y-Cx5RZvhu.js";
 import { c as r, f as A, l as n, m as i, n as l, p as b, r as o, s as e, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-BlxAYXJD.js";
-import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
-import { t as RequiredValidator } from "./required-validator-0XwZtX9k.js";
-import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
-import { n as readLegacyInstructions, t as hasInstructionContent } from "./field-labels-D3lKQ2nq.js";
+import { t as MirrorValidator } from "./mirror-validator-DEz3BsbN.js";
+import { t as RequiredValidator } from "./required-validator-DXqqPVeW.js";
+import { t as HasSlotController } from "./has-slot-BZDcCpf9.js";
+import { n as readLegacyInstructions, t as hasInstructionContent } from "./field-labels-Vo3wHq49.js";
 //#region src/components/textarea/pk-textarea.styles.ts
 var pkTextareaStyles = i`
     @layer pk-component {

package/dist-loader/chunks/{pk-time-picker-BtGXo-KJ.js → pk-time-picker-DZljwJn9.js}

@@ -1,8 +1,9 @@
 import { m as i, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate } from "./pk-base-BlxAYXJD.js";
-import { _ as clock } from "./icons-B1i-oRoD.js";
-import { t as createIconElement } from "./render-DApFfV9S.js";
-import { n as pkSelectStyles, t as PkSelect } from "./pk-select-BcbtjIoP.js";
+import { v as clock } from "./svg-BCGsRUz7.js";
+import { t as createIconElement } from "./render-BCU9WDSk.js";
+import "./pk-option-vh8UvSAI.js";
+import { n as pkSelectStyles, t as PkSelect } from "./pk-select-CbmPJCx8.js";
 //#region src/utils/time-options.ts
 var timeOptionsCache = null;
 function resolveTimepickerOptions() {

package/dist-loader/chunks/{pk-tooltip-JJRxVXYD.js → pk-tooltip-DHiCn33o.js}

@@ -1,9 +1,9 @@
 import { n as uniqueId } from "./pk-a11y-Cx5RZvhu.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 t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
-import { i as waitForPopupReposition, n as getPopupSide, r as syncPopupPlacementAnimation } from "./popup-placement-animation-WlEXnS85.js";
-import { n as resolveElementById } from "./pk-popup-BNRyCsVX.js";
+import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-BG4QMRLw.js";
+import { i as waitForPopupReposition, n as getPopupSide, r as syncPopupPlacementAnimation } from "./popup-placement-animation-BPjq650B.js";
+import { n as resolveElementById } from "./pk-popup-BYFbKaHH.js";
 var pkTooltipStyles = [i`
     @layer pk-component {
         .content.pk-popup-content {