@verbb/plugin-kit-web 2.0.0

package/dist/chunks/popup-placement-animation-WlEXnS85.js

@@ -0,0 +1,60 @@
+//#region src/utils/popup-placement-animation.ts
+/** Maps Floating UI placement to a physical side for motion CSS. */
+function getPopupSide(placement) {
+	const side = placement.split("-")[0];
+	if (side === "inline-start") return "left";
+	if (side === "inline-end") return "right";
+	if (side === "top" || side === "bottom" || side === "left" || side === "right") return side;
+	return "bottom";
+}
+/**
+* Transform origin at the anchor center on the connecting edge — matches Base UI
+* (`@base-ui/react` useAnchorPositioning transformOrigin middleware), which
+* plugin-kit-react relies on via `--transform-origin`.
+*/
+function computePopupTransformOrigin(placement, referenceRect, floatingRect, sideOffset, shift) {
+	const side = getPopupSide(placement);
+	const transformX = referenceRect.x + referenceRect.width / 2 - floatingRect.x;
+	const transformY = referenceRect.y + referenceRect.height / 2 - floatingRect.y;
+	if (Math.abs(shift?.y ?? 0) > sideOffset && (side === "top" || side === "bottom")) return `${transformX}px ${referenceRect.y + referenceRect.height / 2 - floatingRect.y}px`;
+	return {
+		top: `${transformX}px calc(100% + ${sideOffset}px)`,
+		bottom: `${transformX}px ${-sideOffset}px`,
+		left: `calc(100% + ${sideOffset}px) ${transformY}px`,
+		right: `${-sideOffset}px ${transformY}px`
+	}[side];
+}
+/** Applies `data-side` for placement-aware slide/zoom CSS. */
+function syncPopupPlacementAnimation(element, placement) {
+	if (!placement) {
+		element.removeAttribute("data-side");
+		return;
+	}
+	element.setAttribute("data-side", getPopupSide(placement));
+}
+/** Waits for the first `pk-reposition` on a popup. */
+function waitForPopupReposition(popup, fallbackPlacement, timeoutMs = 100, options) {
+	const readPlacement = () => {
+		return popup.getAttribute("data-current-placement") ?? fallbackPlacement;
+	};
+	if (!options?.requireEvent && popup.hasAttribute("data-current-placement")) return Promise.resolve(readPlacement());
+	return new Promise((resolve) => {
+		let settled = false;
+		const finish = () => {
+			if (settled) return;
+			settled = true;
+			resolve(readPlacement());
+		};
+		popup.addEventListener("pk-reposition", finish, { once: true });
+		if (!options?.requireEvent) requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				if (popup.hasAttribute("data-current-placement")) finish();
+			});
+		});
+		window.setTimeout(finish, timeoutMs);
+	});
+}
+//#endregion
+export { waitForPopupReposition as i, getPopupSide as n, syncPopupPlacementAnimation as r, computePopupTransformOrigin as t };
+
+//# sourceMappingURL=popup-placement-animation-WlEXnS85.js.map

package/dist/chunks/popup-placement-animation-WlEXnS85.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-placement-animation-WlEXnS85.js","names":[],"sources":["../../src/utils/popup-placement-animation.ts"],"sourcesContent":["type PopupSide = 'top' | 'bottom' | 'left' | 'right';\n\ntype RectLike = {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n};\n\n/** Maps Floating UI placement to a physical side for motion CSS. */\nexport function getPopupSide(placement: string): PopupSide {\n    const side = placement.split('-')[0];\n\n    if (side === 'inline-start') {\n        return 'left';\n    }\n\n    if (side === 'inline-end') {\n        return 'right';\n    }\n\n    if (side === 'top' || side === 'bottom' || side === 'left' || side === 'right') {\n        return side;\n    }\n\n    return 'bottom';\n}\n\n/**\n * Transform origin at the anchor center on the connecting edge — matches Base UI\n * (`@base-ui/react` useAnchorPositioning transformOrigin middleware), which\n * plugin-kit-react relies on via `--transform-origin`.\n */\nexport function computePopupTransformOrigin(\n    placement: string,\n    referenceRect: RectLike,\n    floatingRect: RectLike,\n    sideOffset: number,\n    shift?: { x?: number; y?: number },\n): string {\n    const side = getPopupSide(placement);\n    const transformX = referenceRect.x + referenceRect.width / 2 - floatingRect.x;\n    const transformY = referenceRect.y + referenceRect.height / 2 - floatingRect.y;\n    const shiftY = Math.abs(shift?.y ?? 0);\n    const isOverlappingAnchor = shiftY > sideOffset;\n\n    if (isOverlappingAnchor && (side === 'top' || side === 'bottom')) {\n        return `${transformX}px ${referenceRect.y + referenceRect.height / 2 - floatingRect.y}px`;\n    }\n\n    const adjacentTransformOrigin: Record<PopupSide, string> = {\n        top: `${transformX}px calc(100% + ${sideOffset}px)`,\n        bottom: `${transformX}px ${-sideOffset}px`,\n        left: `calc(100% + ${sideOffset}px) ${transformY}px`,\n        right: `${-sideOffset}px ${transformY}px`,\n    };\n\n    return adjacentTransformOrigin[side];\n}\n\n/** Applies `data-side` for placement-aware slide/zoom CSS. */\nexport function syncPopupPlacementAnimation(element: HTMLElement, placement: string | null | undefined): void {\n    if (!placement) {\n        element.removeAttribute('data-side');\n        return;\n    }\n\n    element.setAttribute('data-side', getPopupSide(placement));\n}\n\n/** Waits for the first `pk-reposition` on a popup. */\nexport function waitForPopupReposition(\n    popup: HTMLElement,\n    fallbackPlacement: string,\n    timeoutMs = 100,\n    options?: { requireEvent?: boolean },\n): Promise<string> {\n    const readPlacement = (): string => {\n        return popup.getAttribute('data-current-placement') ?? fallbackPlacement;\n    };\n\n    if (!options?.requireEvent && popup.hasAttribute('data-current-placement')) {\n        return Promise.resolve(readPlacement());\n    }\n\n    return new Promise((resolve) => {\n        let settled = false;\n\n        const finish = (): void => {\n            if (settled) {\n                return;\n            }\n\n            settled = true;\n            resolve(readPlacement());\n        };\n\n        popup.addEventListener('pk-reposition', finish, { once: true });\n\n        // Attribute-only poll races settleInitialPosition: data-current-placement is\n        // written before .positioned (visibility:hidden clears). Skip when the caller\n        // needs the post-reveal pk-reposition (focus / enter animation).\n        if (!options?.requireEvent) {\n            requestAnimationFrame(() => {\n                requestAnimationFrame(() => {\n                    if (popup.hasAttribute('data-current-placement')) {\n                        finish();\n                    }\n                });\n            });\n        }\n\n        window.setTimeout(finish, timeoutMs);\n    });\n}\n"],"mappings":";;AAUA,SAAgB,aAAa,WAA8B;CACvD,MAAM,OAAO,UAAU,MAAM,IAAI,CAAC;AAElC,KAAI,SAAS,eACT,QAAO;AAGX,KAAI,SAAS,aACT,QAAO;AAGX,KAAI,SAAS,SAAS,SAAS,YAAY,SAAS,UAAU,SAAS,QACnE,QAAO;AAGX,QAAO;;;;;;;AAQX,SAAgB,4BACZ,WACA,eACA,cACA,YACA,OACM;CACN,MAAM,OAAO,aAAa,UAAU;CACpC,MAAM,aAAa,cAAc,IAAI,cAAc,QAAQ,IAAI,aAAa;CAC5E,MAAM,aAAa,cAAc,IAAI,cAAc,SAAS,IAAI,aAAa;AAI7E,KAHe,KAAK,IAAI,OAAO,KAAK,EACR,GAAS,eAET,SAAS,SAAS,SAAS,UACnD,QAAO,GAAG,WAAW,KAAK,cAAc,IAAI,cAAc,SAAS,IAAI,aAAa,EAAE;AAU1F,QAAO;EANH,KAAK,GAAG,WAAW,iBAAiB,WAAW;EAC/C,QAAQ,GAAG,WAAW,KAAK,CAAC,WAAW;EACvC,MAAM,eAAe,WAAW,MAAM,WAAW;EACjD,OAAO,GAAG,CAAC,WAAW,KAAK,WAAW;EAGnC,CAAwB;;;AAInC,SAAgB,4BAA4B,SAAsB,WAA4C;AAC1G,KAAI,CAAC,WAAW;AACZ,UAAQ,gBAAgB,YAAY;AACpC;;AAGJ,SAAQ,aAAa,aAAa,aAAa,UAAU,CAAC;;;AAI9D,SAAgB,uBACZ,OACA,mBACA,YAAY,KACZ,SACe;CACf,MAAM,sBAA8B;AAChC,SAAO,MAAM,aAAa,yBAAyB,IAAI;;AAG3D,KAAI,CAAC,SAAS,gBAAgB,MAAM,aAAa,yBAAyB,CACtE,QAAO,QAAQ,QAAQ,eAAe,CAAC;AAG3C,QAAO,IAAI,SAAS,YAAY;EAC5B,IAAI,UAAU;EAEd,MAAM,eAAqB;AACvB,OAAI,QACA;AAGJ,aAAU;AACV,WAAQ,eAAe,CAAC;;AAG5B,QAAM,iBAAiB,iBAAiB,QAAQ,EAAE,MAAM,MAAM,CAAC;AAK/D,MAAI,CAAC,SAAS,aACV,6BAA4B;AACxB,+BAA4B;AACxB,QAAI,MAAM,aAAa,yBAAyB,CAC5C,SAAQ;KAEd;IACJ;AAGN,SAAO,WAAW,QAAQ,UAAU;GACtC"}

package/dist/chunks/popup-pointer-C8lypj8V.js

@@ -0,0 +1,21 @@
+//#region src/utils/popup-pointer.ts
+/** Shared hit/focus-path testing for pk-popup consumers (pointer or keyboard events). */
+function isEventInsideOverlay(event, options = {}) {
+	const path = event.composedPath();
+	if (options.host && path.includes(options.host)) return true;
+	if (options.anchor && path.includes(options.anchor)) return true;
+	if (options.panel && path.includes(options.panel)) return true;
+	return path.some((node) => {
+		if (!(node instanceof HTMLElement)) return false;
+		if (node.classList.contains("popup") || node.localName === "pk-popup") return true;
+		return options.extraMatches?.(node) ?? false;
+	});
+}
+/** Shared light-dismiss hit testing for pk-popup consumers. */
+function isPointerInsideOverlay(event, options = {}) {
+	return isEventInsideOverlay(event, options);
+}
+//#endregion
+export { isPointerInsideOverlay as n, isEventInsideOverlay as t };
+
+//# sourceMappingURL=popup-pointer-C8lypj8V.js.map

package/dist/chunks/popup-pointer-C8lypj8V.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-pointer-C8lypj8V.js","names":[],"sources":["../../src/utils/popup-pointer.ts"],"sourcesContent":["/**\n * Returns true when a pointer event occurred on pk-popup content.\n */\nexport function isPointerInPopupSurface(event: PointerEvent): boolean {\n    return event.composedPath().some((node) => {\n        if (!(node instanceof HTMLElement)) {\n            return false;\n        }\n\n        return node.classList.contains('popup')\n            || node.localName === 'pk-popup';\n    });\n}\n\nexport type PointerInsideOverlayOptions = {\n    host?: HTMLElement;\n    anchor?: Element | null;\n    panel?: Element | null;\n    extraMatches?: (element: HTMLElement) => boolean;\n};\n\n/** Shared hit/focus-path testing for pk-popup consumers (pointer or keyboard events). */\nexport function isEventInsideOverlay(\n    event: Event,\n    options: PointerInsideOverlayOptions = {},\n): boolean {\n    const path = event.composedPath();\n\n    if (options.host && path.includes(options.host)) {\n        return true;\n    }\n\n    if (options.anchor && path.includes(options.anchor)) {\n        return true;\n    }\n\n    if (options.panel && path.includes(options.panel)) {\n        return true;\n    }\n\n    return path.some((node) => {\n        if (!(node instanceof HTMLElement)) {\n            return false;\n        }\n\n        if (node.classList.contains('popup') || node.localName === 'pk-popup') {\n            return true;\n        }\n\n        return options.extraMatches?.(node) ?? false;\n    });\n}\n\n/** Shared light-dismiss hit testing for pk-popup consumers. */\nexport function isPointerInsideOverlay(\n    event: PointerEvent,\n    options: PointerInsideOverlayOptions = {},\n): boolean {\n    return isEventInsideOverlay(event, options);\n}\n"],"mappings":";;AAsBA,SAAgB,qBACZ,OACA,UAAuC,EAAE,EAClC;CACP,MAAM,OAAO,MAAM,cAAc;AAEjC,KAAI,QAAQ,QAAQ,KAAK,SAAS,QAAQ,KAAK,CAC3C,QAAO;AAGX,KAAI,QAAQ,UAAU,KAAK,SAAS,QAAQ,OAAO,CAC/C,QAAO;AAGX,KAAI,QAAQ,SAAS,KAAK,SAAS,QAAQ,MAAM,CAC7C,QAAO;AAGX,QAAO,KAAK,MAAM,SAAS;AACvB,MAAI,EAAE,gBAAgB,aAClB,QAAO;AAGX,MAAI,KAAK,UAAU,SAAS,QAAQ,IAAI,KAAK,cAAc,WACvD,QAAO;AAGX,SAAO,QAAQ,eAAe,KAAK,IAAI;GACzC;;;AAIN,SAAgB,uBACZ,OACA,UAAuC,EAAE,EAClC;AACP,QAAO,qBAAqB,OAAO,QAAQ"}

package/dist/chunks/register-components-DNw6EYNo.js

@@ -0,0 +1,15 @@
+//#region src/create-register-components.ts
+/**
+* Tiny helper for building a local async registrar from an explicit loader map.
+* Prefer short family side-effect imports for Craft CP bundles:
+* `import '@verbb/plugin-kit-web/components/button.js'`.
+*/
+function createRegisterComponents(loaders) {
+	return async (tags) => {
+		await Promise.all(tags.map((tag) => loaders[tag]()));
+	};
+}
+//#endregion
+export { createRegisterComponents as t };
+
+//# sourceMappingURL=register-components-DNw6EYNo.js.map

package/dist/chunks/register-components-DNw6EYNo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register-components-DNw6EYNo.js","names":[],"sources":["../../src/create-register-components.ts"],"sourcesContent":["/**\n * Tiny helper for building a local async registrar from an explicit loader map.\n * Prefer short family side-effect imports for Craft CP bundles:\n * `import '@verbb/plugin-kit-web/components/button.js'`.\n */\nexport function createRegisterComponents<T extends string>(\n    loaders: Record<T, () => Promise<unknown>>,\n): (tags: readonly T[]) => Promise<void> {\n    return async (tags) => {\n        await Promise.all(tags.map((tag) => loaders[tag]()));\n    };\n}\n"],"mappings":";;;;;;AAKA,SAAgB,yBACZ,SACqC;AACrC,QAAO,OAAO,SAAS;AACnB,QAAM,QAAQ,IAAI,KAAK,KAAK,QAAQ,QAAQ,MAAM,CAAC,CAAC"}

package/dist/chunks/render-Dvc3MHQR.js

@@ -0,0 +1,16 @@
+import { iconToSvg } from "@verbb/plugin-kit-icons";
+//#region src/icons/render.ts
+var renderIconHtml = (icon, options = {}) => {
+	return iconToSvg(icon, { title: options.title });
+};
+var createIconElement = (icon, options = {}) => {
+	const template = document.createElement("template");
+	template.innerHTML = renderIconHtml(icon, options);
+	const element = template.content.firstElementChild;
+	if (!(element instanceof SVGSVGElement)) throw new Error("Icon render did not produce an SVG element.");
+	return element;
+};
+//#endregion
+export { renderIconHtml as n, createIconElement as t };
+
+//# sourceMappingURL=render-Dvc3MHQR.js.map

package/dist/chunks/render-Dvc3MHQR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-Dvc3MHQR.js","names":[],"sources":["../../src/icons/render.ts"],"sourcesContent":["import { iconToSvg, type PkIcon } from '@verbb/plugin-kit-icons';\n\nexport type RenderIconOptions = {\n    title?: string;\n};\n\nexport const renderIconHtml = (\n    icon: PkIcon,\n    options: RenderIconOptions = {},\n): string => {\n    return iconToSvg(icon, { title: options.title });\n};\n\nexport const createIconElement = (\n    icon: PkIcon,\n    options: RenderIconOptions = {},\n): SVGSVGElement => {\n    const template = document.createElement('template');\n    template.innerHTML = renderIconHtml(icon, options);\n\n    const element = template.content.firstElementChild;\n\n    if (!(element instanceof SVGSVGElement)) {\n        throw new Error('Icon render did not produce an SVG element.');\n    }\n\n    return element;\n};\n"],"mappings":";;AAMA,IAAa,kBACT,MACA,UAA6B,EAAE,KACtB;AACT,QAAO,UAAU,MAAM,EAAE,OAAO,QAAQ,OAAO,CAAC;;AAGpD,IAAa,qBACT,MACA,UAA6B,EAAE,KACf;CAChB,MAAM,WAAW,SAAS,cAAc,WAAW;AACnD,UAAS,YAAY,eAAe,MAAM,QAAQ;CAElD,MAAM,UAAU,SAAS,QAAQ;AAEjC,KAAI,EAAE,mBAAmB,eACrB,OAAM,IAAI,MAAM,8CAA8C;AAGlE,QAAO"}

package/dist/chunks/required-validator-CEg8dvjS.js

@@ -0,0 +1,29 @@
+//#region src/validators/required-validator.ts
+function RequiredValidator(options = {}) {
+	let { validationElement, validationProperty } = options;
+	if (!validationElement && typeof document !== "undefined") validationElement = Object.assign(document.createElement("input"), { required: true });
+	if (!validationProperty) validationProperty = "value";
+	const validator = {
+		observedAttributes: ["required"],
+		message: validationElement?.validationMessage ?? "Please fill out this field.",
+		checkValidity(element) {
+			const result = {
+				message: "",
+				isValid: true,
+				invalidKeys: []
+			};
+			if (!element.required) return result;
+			const value = element[validationProperty];
+			if (!(value === null || value === void 0 || value === false || value === "")) return result;
+			result.isValid = false;
+			result.message = typeof validator.message === "function" ? validator.message(element) : validator.message ?? "";
+			result.invalidKeys.push("valueMissing");
+			return result;
+		}
+	};
+	return validator;
+}
+//#endregion
+export { RequiredValidator as t };
+
+//# sourceMappingURL=required-validator-CEg8dvjS.js.map

package/dist/chunks/required-validator-CEg8dvjS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"required-validator-CEg8dvjS.js","names":[],"sources":["../../src/validators/required-validator.ts"],"sourcesContent":["import type { PkFormAssociatedElement } from '../base/pk-form-associated-element.js';\nimport type { PkValidator } from './types.js';\n\nexport type RequiredValidatorOptions = {\n    validationElement?: HTMLInputElement | HTMLSelectElement;\n    validationProperty?: string;\n};\n\nexport function RequiredValidator(options: RequiredValidatorOptions = {}): PkValidator {\n    let { validationElement, validationProperty } = options;\n\n    if (!validationElement && typeof document !== 'undefined') {\n        validationElement = Object.assign(document.createElement('input'), { required: true });\n    }\n\n    if (!validationProperty) {\n        validationProperty = 'value';\n    }\n\n    const validator: PkValidator = {\n        observedAttributes: ['required'],\n        message: validationElement?.validationMessage ?? 'Please fill out this field.',\n        checkValidity(element: PkFormAssociatedElement) {\n            const result = {\n                message: '',\n                isValid: true,\n                invalidKeys: [] as ReturnType<PkValidator['checkValidity']>['invalidKeys'],\n            };\n\n            if (!element.required) {\n                return result;\n            }\n\n            const value = (element as unknown as Record<string, unknown>)[validationProperty!];\n            const isEmpty = value === null || value === undefined || value === false || value === '';\n\n            if (!isEmpty) {\n                return result;\n            }\n\n            result.isValid = false;\n            result.message = typeof validator.message === 'function'\n                ? validator.message(element)\n                : validator.message ?? '';\n            result.invalidKeys.push('valueMissing');\n\n            return result;\n        },\n    };\n\n    return validator;\n}\n"],"mappings":";AAQA,SAAgB,kBAAkB,UAAoC,EAAE,EAAe;CACnF,IAAI,EAAE,mBAAmB,uBAAuB;AAEhD,KAAI,CAAC,qBAAqB,OAAO,aAAa,YAC1C,qBAAoB,OAAO,OAAO,SAAS,cAAc,QAAQ,EAAE,EAAE,UAAU,MAAM,CAAC;AAG1F,KAAI,CAAC,mBACD,sBAAqB;CAGzB,MAAM,YAAyB;EAC3B,oBAAoB,CAAC,WAAW;EAChC,SAAS,mBAAmB,qBAAqB;EACjD,cAAc,SAAkC;GAC5C,MAAM,SAAS;IACX,SAAS;IACT,SAAS;IACT,aAAa,EAAE;IAClB;AAED,OAAI,CAAC,QAAQ,SACT,QAAO;GAGX,MAAM,QAAS,QAA+C;AAG9D,OAAI,EAFY,UAAU,QAAQ,UAAU,KAAA,KAAa,UAAU,SAAS,UAAU,IAGlF,QAAO;AAGX,UAAO,UAAU;AACjB,UAAO,UAAU,OAAO,UAAU,YAAY,aACxC,UAAU,QAAQ,QAAQ,GAC1B,UAAU,WAAW;AAC3B,UAAO,YAAY,KAAK,eAAe;AAEvC,UAAO;;EAEd;AAED,QAAO"}

package/dist/chunks/scroll-lock-B4o9vdzJ.js

@@ -0,0 +1,193 @@
+//#region src/a11y/offset.ts
+/**
+* Element offset relative to a parent — adapted from  internal/offset.ts.
+* Works around shadow-DOM offsetParent quirks in Chromium.
+*/
+function getOffset(element, parent) {
+	return {
+		top: Math.round(element.getBoundingClientRect().top - parent.getBoundingClientRect().top),
+		left: Math.round(element.getBoundingClientRect().left - parent.getBoundingClientRect().left)
+	};
+}
+//#endregion
+//#region src/a11y/scroll-lock.ts
+/**
+* Document scroll lock for overlays (dialog, etc.).
+*
+* Ref-counted so nested overlays unlock only when all close.
+*
+* Avoids the classic “fixed chrome jumps” bug from `padding-right` compensation:
+* Craft CP / playground fixed sidebars & tip bars do not inherit body padding, so
+* `body { padding-right: scrollbar }` shifts them when the scrollbar goes
+* away. v1 (Base UI) did not jump — follow that model instead:
+*
+* 1. Prefer a real `scrollbar-gutter: stable` lock (width unchanged under overflow:hidden).
+* 2. Otherwise keep `overflow-y: scroll` on `<html>` so the gutter stays painted, and
+*    constrain `<body>` so the page cannot scroll.
+*/
+var locks = /* @__PURE__ */ new Set();
+/** Undo for the currently applied lock (only while locks.size > 0). */
+var restoreLock = null;
+function isOverflowScrollContainer(element) {
+	const overflowY = getComputedStyle(element).overflowY;
+	return overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay";
+}
+/** True when setting gutter + toggling overflow does not change layout width. */
+function supportsStableScrollbarGutterLock() {
+	if (typeof CSS === "undefined" || !CSS.supports?.("scrollbar-gutter", "stable")) return false;
+	const html = document.documentElement;
+	const body = document.body;
+	const scrollContainer = isOverflowScrollContainer(html) ? html : body;
+	const prevOverflowY = scrollContainer.style.overflowY;
+	const prevGutter = html.style.scrollbarGutter;
+	html.style.scrollbarGutter = "stable";
+	scrollContainer.style.overflowY = "scroll";
+	const before = scrollContainer.offsetWidth;
+	scrollContainer.style.overflowY = "hidden";
+	const after = scrollContainer.offsetWidth;
+	scrollContainer.style.overflowY = prevOverflowY;
+	html.style.scrollbarGutter = prevGutter;
+	return before === after;
+}
+function getInsetScrollbarWidth() {
+	return Math.max(0, window.innerWidth - document.documentElement.clientWidth);
+}
+/**
+* Apply a lock that does not use body padding-right (fixed elements stay put).
+* Returns a restore function.
+*/
+function applyScrollLock() {
+	const html = document.documentElement;
+	const body = document.body;
+	const htmlStyles = getComputedStyle(html);
+	const bodyStyles = getComputedStyle(body);
+	if (getInsetScrollbarWidth() < 2) {
+		const prevHtmlOverflow = html.style.overflow;
+		const prevBodyOverflow = body.style.overflow;
+		html.style.overflow = "hidden";
+		body.style.overflow = "hidden";
+		return () => {
+			html.style.overflow = prevHtmlOverflow;
+			body.style.overflow = prevBodyOverflow;
+		};
+	}
+	const elementToLock = isOverflowScrollContainer(html) ? html : body;
+	if (supportsStableScrollbarGutterLock()) {
+		const prevGutter = html.style.scrollbarGutter;
+		const prevOverflowY = elementToLock.style.overflowY;
+		const prevOverflowX = elementToLock.style.overflowX;
+		html.style.scrollbarGutter = htmlStyles.scrollbarGutter?.includes("both-edges") ? "stable both-edges" : "stable";
+		elementToLock.style.overflowY = "hidden";
+		elementToLock.style.overflowX = "hidden";
+		return () => {
+			html.style.scrollbarGutter = prevGutter;
+			elementToLock.style.overflowY = prevOverflowY;
+			elementToLock.style.overflowX = prevOverflowX;
+		};
+	}
+	const scrollTop = html.scrollTop;
+	const scrollLeft = html.scrollLeft;
+	const scrollbarWidth = Math.max(0, window.innerWidth - body.clientWidth);
+	const scrollbarHeight = Math.max(0, window.innerHeight - body.clientHeight);
+	const marginY = parseFloat(bodyStyles.marginTop) + parseFloat(bodyStyles.marginBottom);
+	const marginX = parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight);
+	const prevHtml = {
+		scrollbarGutter: html.style.scrollbarGutter,
+		overflowY: html.style.overflowY,
+		overflowX: html.style.overflowX,
+		scrollBehavior: html.style.scrollBehavior
+	};
+	const prevBody = {
+		position: body.style.position,
+		height: body.style.height,
+		width: body.style.width,
+		boxSizing: body.style.boxSizing,
+		overflow: body.style.overflow,
+		overflowY: body.style.overflowY,
+		overflowX: body.style.overflowX,
+		scrollBehavior: body.style.scrollBehavior
+	};
+	html.style.scrollbarGutter = "stable";
+	html.style.overflowY = "scroll";
+	html.style.overflowX = "hidden";
+	html.style.scrollBehavior = "unset";
+	body.style.position = "relative";
+	body.style.boxSizing = "border-box";
+	body.style.overflow = "hidden";
+	body.style.scrollBehavior = "unset";
+	body.style.width = marginX || scrollbarWidth ? `calc(100vw - ${marginX + scrollbarWidth}px)` : "100vw";
+	body.style.height = marginY || scrollbarHeight ? `calc(100dvh - ${marginY + scrollbarHeight}px)` : "100dvh";
+	body.scrollTop = scrollTop;
+	body.scrollLeft = scrollLeft;
+	return () => {
+		Object.assign(html.style, prevHtml);
+		Object.assign(body.style, prevBody);
+		html.scrollTop = scrollTop;
+		html.scrollLeft = scrollLeft;
+	};
+}
+function lockBodyScrolling(lockingEl) {
+	locks.add(lockingEl);
+	if (locks.size === 1) {
+		document.documentElement.classList.add("pk-scroll-lock");
+		document.documentElement.style.setProperty("--pk-scroll-lock-size", "0px");
+		restoreLock = applyScrollLock();
+	}
+}
+function unlockBodyScrolling(lockingEl) {
+	locks.delete(lockingEl);
+	if (locks.size === 0) {
+		restoreLock?.();
+		restoreLock = null;
+		document.documentElement.classList.remove("pk-scroll-lock");
+		document.documentElement.style.removeProperty("--pk-scroll-lock-size");
+		document.documentElement.style.removeProperty("--pk-scroll-lock-gutter");
+	}
+}
+/** Dev/diagnostic — how many overlay hosts currently hold the scroll lock. */
+function getScrollLockDepth() {
+	return locks.size;
+}
+/** Emergency clear when lock ref-count and html class drift out of sync. */
+function forceClearScrollLock() {
+	locks.clear();
+	restoreLock?.();
+	restoreLock = null;
+	document.documentElement.classList.remove("pk-scroll-lock");
+	document.documentElement.style.removeProperty("--pk-scroll-lock-size");
+	document.documentElement.style.removeProperty("--pk-scroll-lock-gutter");
+}
+/** Scroll an element into view of its scroll container if needed. */
+function scrollIntoView(element, container, direction = "vertical", behavior = "smooth") {
+	const offset = getOffset(element, container);
+	const offsetTop = offset.top + container.scrollTop;
+	const offsetLeft = offset.left + container.scrollLeft;
+	const minX = container.scrollLeft;
+	const maxX = container.scrollLeft + container.offsetWidth;
+	const minY = container.scrollTop;
+	const maxY = container.scrollTop + container.offsetHeight;
+	if (direction === "horizontal" || direction === "both") {
+		if (offsetLeft < minX) container.scrollTo({
+			left: offsetLeft,
+			behavior
+		});
+		else if (offsetLeft + element.clientWidth > maxX) container.scrollTo({
+			left: offsetLeft - container.offsetWidth + element.clientWidth,
+			behavior
+		});
+	}
+	if (direction === "vertical" || direction === "both") {
+		if (offsetTop < minY) container.scrollTo({
+			top: offsetTop,
+			behavior
+		});
+		else if (offsetTop + element.clientHeight > maxY) container.scrollTo({
+			top: offsetTop - container.offsetHeight + element.clientHeight,
+			behavior
+		});
+	}
+}
+//#endregion
+export { unlockBodyScrolling as a, scrollIntoView as i, getScrollLockDepth as n, getOffset as o, lockBodyScrolling as r, forceClearScrollLock as t };
+
+//# sourceMappingURL=scroll-lock-B4o9vdzJ.js.map

package/dist/chunks/scroll-lock-B4o9vdzJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-lock-B4o9vdzJ.js","names":[],"sources":["../../src/a11y/offset.ts","../../src/a11y/scroll-lock.ts"],"sourcesContent":["/**\n * Element offset relative to a parent — adapted from  internal/offset.ts.\n * Works around shadow-DOM offsetParent quirks in Chromium.\n */\nexport function getOffset(element: HTMLElement, parent: HTMLElement): { top: number; left: number } {\n    return {\n        top: Math.round(element.getBoundingClientRect().top - parent.getBoundingClientRect().top),\n        left: Math.round(element.getBoundingClientRect().left - parent.getBoundingClientRect().left),\n    };\n}\n","/**\n * Document scroll lock for overlays (dialog, etc.).\n *\n * Ref-counted so nested overlays unlock only when all close.\n *\n * Avoids the classic “fixed chrome jumps” bug from `padding-right` compensation:\n * Craft CP / playground fixed sidebars & tip bars do not inherit body padding, so\n * `body { padding-right: scrollbar }` shifts them when the scrollbar goes\n * away. v1 (Base UI) did not jump — follow that model instead:\n *\n * 1. Prefer a real `scrollbar-gutter: stable` lock (width unchanged under overflow:hidden).\n * 2. Otherwise keep `overflow-y: scroll` on `<html>` so the gutter stays painted, and\n *    constrain `<body>` so the page cannot scroll.\n */\n\nimport { getOffset } from './offset.js';\n\nconst locks = new Set<HTMLElement>();\n\n/** Undo for the currently applied lock (only while locks.size > 0). */\nlet restoreLock: (() => void) | null = null;\n\nfunction isOverflowScrollContainer(element: Element): boolean {\n    const style = getComputedStyle(element);\n    const overflowY = style.overflowY;\n\n    return overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay';\n}\n\n/** True when setting gutter + toggling overflow does not change layout width. */\nfunction supportsStableScrollbarGutterLock(): boolean {\n    if (typeof CSS === 'undefined' || !CSS.supports?.('scrollbar-gutter', 'stable')) {\n        return false;\n    }\n\n    const html = document.documentElement;\n    const body = document.body;\n    const scrollContainer = isOverflowScrollContainer(html) ? html : body;\n    const prevOverflowY = scrollContainer.style.overflowY;\n    const prevGutter = html.style.scrollbarGutter;\n\n    html.style.scrollbarGutter = 'stable';\n    scrollContainer.style.overflowY = 'scroll';\n    const before = scrollContainer.offsetWidth;\n    scrollContainer.style.overflowY = 'hidden';\n    const after = scrollContainer.offsetWidth;\n\n    scrollContainer.style.overflowY = prevOverflowY;\n    html.style.scrollbarGutter = prevGutter;\n\n    return before === after;\n}\n\nfunction getInsetScrollbarWidth(): number {\n    return Math.max(0, window.innerWidth - document.documentElement.clientWidth);\n}\n\n/**\n * Apply a lock that does not use body padding-right (fixed elements stay put).\n * Returns a restore function.\n */\nfunction applyScrollLock(): () => void {\n    const html = document.documentElement;\n    const body = document.body;\n    const htmlStyles = getComputedStyle(html);\n    const bodyStyles = getComputedStyle(body);\n\n    // Overlay / floating scrollbars (macOS “show when scrolling”): hiding overflow\n    // does not change layout width — nothing to compensate.\n    if (getInsetScrollbarWidth() < 2) {\n        const prevHtmlOverflow = html.style.overflow;\n        const prevBodyOverflow = body.style.overflow;\n        html.style.overflow = 'hidden';\n        body.style.overflow = 'hidden';\n        return () => {\n            html.style.overflow = prevHtmlOverflow;\n            body.style.overflow = prevBodyOverflow;\n        };\n    }\n\n    const elementToLock = isOverflowScrollContainer(html) ? html : body;\n\n    // Path A — gutter stays stable under overflow:hidden (Firefox; some Chrome builds).\n    if (supportsStableScrollbarGutterLock()) {\n        const prevGutter = html.style.scrollbarGutter;\n        const prevOverflowY = elementToLock.style.overflowY;\n        const prevOverflowX = elementToLock.style.overflowX;\n\n        html.style.scrollbarGutter = htmlStyles.scrollbarGutter?.includes('both-edges')\n            ? 'stable both-edges'\n            : 'stable';\n        elementToLock.style.overflowY = 'hidden';\n        elementToLock.style.overflowX = 'hidden';\n\n        return () => {\n            html.style.scrollbarGutter = prevGutter;\n            elementToLock.style.overflowY = prevOverflowY;\n            elementToLock.style.overflowX = prevOverflowX;\n        };\n    }\n\n    // Path B — keep the inset scrollbar painted (`overflow-y: scroll`) so layout\n    // width never changes, then freeze body scrolling. Matches Base UI inset lock.\n    const scrollTop = html.scrollTop;\n    const scrollLeft = html.scrollLeft;\n    const scrollbarWidth = Math.max(0, window.innerWidth - body.clientWidth);\n    const scrollbarHeight = Math.max(0, window.innerHeight - body.clientHeight);\n    const marginY = parseFloat(bodyStyles.marginTop) + parseFloat(bodyStyles.marginBottom);\n    const marginX = parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight);\n\n    const prevHtml = {\n        scrollbarGutter: html.style.scrollbarGutter,\n        overflowY: html.style.overflowY,\n        overflowX: html.style.overflowX,\n        scrollBehavior: html.style.scrollBehavior,\n    };\n    const prevBody = {\n        position: body.style.position,\n        height: body.style.height,\n        width: body.style.width,\n        boxSizing: body.style.boxSizing,\n        overflow: body.style.overflow,\n        overflowY: body.style.overflowY,\n        overflowX: body.style.overflowX,\n        scrollBehavior: body.style.scrollBehavior,\n    };\n\n    html.style.scrollbarGutter = 'stable';\n    html.style.overflowY = 'scroll';\n    html.style.overflowX = 'hidden';\n    html.style.scrollBehavior = 'unset';\n\n    body.style.position = 'relative';\n    body.style.boxSizing = 'border-box';\n    body.style.overflow = 'hidden';\n    body.style.scrollBehavior = 'unset';\n    body.style.width = marginX || scrollbarWidth\n        ? `calc(100vw - ${marginX + scrollbarWidth}px)`\n        : '100vw';\n    body.style.height = marginY || scrollbarHeight\n        ? `calc(100dvh - ${marginY + scrollbarHeight}px)`\n        : '100dvh';\n\n    body.scrollTop = scrollTop;\n    body.scrollLeft = scrollLeft;\n\n    return () => {\n        Object.assign(html.style, prevHtml);\n        Object.assign(body.style, prevBody);\n        html.scrollTop = scrollTop;\n        html.scrollLeft = scrollLeft;\n    };\n}\n\nexport function lockBodyScrolling(lockingEl: HTMLElement): void {\n    locks.add(lockingEl);\n\n    if (locks.size === 1) {\n        document.documentElement.classList.add('pk-scroll-lock');\n        // Keep the CSS variable for any consumer that opts in; always 0 now that we\n        // no longer pad the body (fixed chrome must not shift).\n        document.documentElement.style.setProperty('--pk-scroll-lock-size', '0px');\n        restoreLock = applyScrollLock();\n    }\n}\n\nexport function unlockBodyScrolling(lockingEl: HTMLElement): void {\n    locks.delete(lockingEl);\n\n    if (locks.size === 0) {\n        restoreLock?.();\n        restoreLock = null;\n        document.documentElement.classList.remove('pk-scroll-lock');\n        document.documentElement.style.removeProperty('--pk-scroll-lock-size');\n        document.documentElement.style.removeProperty('--pk-scroll-lock-gutter');\n    }\n}\n\n/** Dev/diagnostic — how many overlay hosts currently hold the scroll lock. */\nexport function getScrollLockDepth(): number {\n    return locks.size;\n}\n\n/** Emergency clear when lock ref-count and html class drift out of sync. */\nexport function forceClearScrollLock(): void {\n    locks.clear();\n    restoreLock?.();\n    restoreLock = null;\n    document.documentElement.classList.remove('pk-scroll-lock');\n    document.documentElement.style.removeProperty('--pk-scroll-lock-size');\n    document.documentElement.style.removeProperty('--pk-scroll-lock-gutter');\n}\n\n/** Scroll an element into view of its scroll container if needed. */\nexport function scrollIntoView(\n    element: HTMLElement,\n    container: HTMLElement,\n    direction: 'horizontal' | 'vertical' | 'both' = 'vertical',\n    behavior: ScrollBehavior = 'smooth',\n): void {\n    const offset = getOffset(element, container);\n    const offsetTop = offset.top + container.scrollTop;\n    const offsetLeft = offset.left + container.scrollLeft;\n    const minX = container.scrollLeft;\n    const maxX = container.scrollLeft + container.offsetWidth;\n    const minY = container.scrollTop;\n    const maxY = container.scrollTop + container.offsetHeight;\n\n    if (direction === 'horizontal' || direction === 'both') {\n        if (offsetLeft < minX) {\n            container.scrollTo({ left: offsetLeft, behavior });\n        } else if (offsetLeft + element.clientWidth > maxX) {\n            container.scrollTo({\n                left: offsetLeft - container.offsetWidth + element.clientWidth,\n                behavior,\n            });\n        }\n    }\n\n    if (direction === 'vertical' || direction === 'both') {\n        if (offsetTop < minY) {\n            container.scrollTo({ top: offsetTop, behavior });\n        } else if (offsetTop + element.clientHeight > maxY) {\n            container.scrollTo({\n                top: offsetTop - container.offsetHeight + element.clientHeight,\n                behavior,\n            });\n        }\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/spinner-utils-CDfHypTv.js

@@ -0,0 +1,15 @@
+//#region src/components/spinner/spinner-utils.ts
+function getButtonSpinnerSize(buttonSize = "default") {
+	if (buttonSize === "xxs" || buttonSize === "xs") return "xxs";
+	if (buttonSize === "lg" || buttonSize === "xl") return "sm";
+	return "xs";
+}
+function resolveSpinnerVariant(buttonVariant = "default", override) {
+	if (override) return override;
+	if (buttonVariant === "primary" || buttonVariant === "secondary" || buttonVariant === "dashed" || buttonVariant === "outline" || buttonVariant === "transparent") return buttonVariant;
+	return "default";
+}
+//#endregion
+export { resolveSpinnerVariant as n, getButtonSpinnerSize as t };
+
+//# sourceMappingURL=spinner-utils-CDfHypTv.js.map

package/dist/chunks/spinner-utils-CDfHypTv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-utils-CDfHypTv.js","names":[],"sources":["../../src/components/spinner/spinner-utils.ts"],"sourcesContent":["import type { PkSpinnerSize, PkSpinnerVariant } from './pk-spinner.js';\n\ntype ButtonSize = 'default' | 'xxs' | 'xs' | 'sm' | 'lg' | 'xl' | 'none';\ntype ButtonVariant =\n    | 'default'\n    | 'primary'\n    | 'secondary'\n    | 'outline'\n    | 'transparent'\n    | 'link'\n    | 'dashed'\n    | 'none';\n\nexport function getButtonSpinnerSize(buttonSize: ButtonSize = 'default'): PkSpinnerSize {\n    if (buttonSize === 'xxs' || buttonSize === 'xs') {\n        return 'xxs';\n    }\n\n    if (buttonSize === 'lg' || buttonSize === 'xl') {\n        return 'sm';\n    }\n\n    return 'xs';\n}\n\nexport function resolveSpinnerVariant(\n    buttonVariant: ButtonVariant = 'default',\n    override?: PkSpinnerVariant,\n): PkSpinnerVariant {\n    if (override) {\n        return override;\n    }\n\n    if (\n        buttonVariant === 'primary'\n        || buttonVariant === 'secondary'\n        || buttonVariant === 'dashed'\n        || buttonVariant === 'outline'\n        || buttonVariant === 'transparent'\n    ) {\n        return buttonVariant;\n    }\n\n    return 'default';\n}\n"],"mappings":";AAaA,SAAgB,qBAAqB,aAAyB,WAA0B;AACpF,KAAI,eAAe,SAAS,eAAe,KACvC,QAAO;AAGX,KAAI,eAAe,QAAQ,eAAe,KACtC,QAAO;AAGX,QAAO;;AAGX,SAAgB,sBACZ,gBAA+B,WAC/B,UACgB;AAChB,KAAI,SACA,QAAO;AAGX,KACI,kBAAkB,aACf,kBAAkB,eAClB,kBAAkB,YAClB,kBAAkB,aAClB,kBAAkB,cAErB,QAAO;AAGX,QAAO"}

package/dist/chunks/supports-popover-CUBsbHpS.js

@@ -0,0 +1,7 @@
+//#region src/utils/supports-popover.ts
+/** Whether the host supports the Popover API (`popover` + `showPopover` / `hidePopover`). */
+var SUPPORTS_POPOVER = typeof globalThis.HTMLElement !== "undefined" && Object.prototype.hasOwnProperty.call(globalThis.HTMLElement.prototype, "popover");
+//#endregion
+export { SUPPORTS_POPOVER as t };
+
+//# sourceMappingURL=supports-popover-CUBsbHpS.js.map

package/dist/chunks/supports-popover-CUBsbHpS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"supports-popover-CUBsbHpS.js","names":[],"sources":["../../src/utils/supports-popover.ts"],"sourcesContent":["/** Whether the host supports the Popover API (`popover` + `showPopover` / `hidePopover`). */\nexport const SUPPORTS_POPOVER = typeof globalThis.HTMLElement !== 'undefined'\n    && Object.prototype.hasOwnProperty.call(globalThis.HTMLElement.prototype, 'popover');\n"],"mappings":";;AACA,IAAa,mBAAmB,OAAO,WAAW,gBAAgB,eAC3D,OAAO,UAAU,eAAe,KAAK,WAAW,YAAY,WAAW,UAAU"}

package/dist/chunks/sync-listbox-separators-B1-V0oJi.js

@@ -0,0 +1,149 @@
+//#region src/utils/listbox-keyboard.ts
+var LISTBOX_NAVIGATION_KEYS = new Set([
+	"ArrowDown",
+	"ArrowUp",
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End",
+	"Enter",
+	" ",
+	"Escape"
+]);
+/** Returns true for type-to-select character keys (single printable characters). */
+function isListboxTypeToSelectKey(event) {
+	return event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;
+}
+function getEnabledListboxItems(items) {
+	return items.filter((item) => {
+		return !item.hasAttribute("disabled") && !item.hasAttribute("hidden") && item.getAttribute("aria-disabled") !== "true" && item.getAttribute("aria-hidden") !== "true";
+	});
+}
+function focusListboxItem(enabled, index, focusItem) {
+	if (focusItem) {
+		focusItem(index);
+		return;
+	}
+	const item = enabled[index];
+	if (item instanceof HTMLElement && "focusControl" in item && typeof item.focusControl === "function") {
+		item.focusControl();
+		return;
+	}
+	item?.focus();
+}
+function activateListboxItem(item) {
+	if (!item) return;
+	const control = item.shadowRoot?.querySelector(".option");
+	if (control instanceof HTMLButtonElement) {
+		control.click();
+		return;
+	}
+	item.click();
+}
+function handleListboxKeyDown(event, options) {
+	const enabled = getEnabledListboxItems(options.items);
+	const loop = options.loop === true;
+	if (enabled.length === 0) return options.currentIndex;
+	let index = Math.max(0, options.currentIndex);
+	const current = enabled[index] ?? enabled[0];
+	index = enabled.indexOf(current);
+	if (index < 0) index = 0;
+	switch (event.key) {
+		case "ArrowDown":
+		case "ArrowRight":
+			event.preventDefault();
+			if (loop && index >= enabled.length - 1) index = 0;
+			else index = Math.min(index + 1, enabled.length - 1);
+			focusListboxItem(enabled, index, options.focusItem);
+			options.onSelect(index);
+			return index;
+		case "ArrowUp":
+		case "ArrowLeft":
+			event.preventDefault();
+			if (loop && index <= 0) index = enabled.length - 1;
+			else index = Math.max(index - 1, 0);
+			focusListboxItem(enabled, index, options.focusItem);
+			options.onSelect(index);
+			return index;
+		case "Home":
+			event.preventDefault();
+			index = 0;
+			focusListboxItem(enabled, index, options.focusItem);
+			options.onSelect(index);
+			return index;
+		case "End":
+			event.preventDefault();
+			index = enabled.length - 1;
+			focusListboxItem(enabled, index, options.focusItem);
+			options.onSelect(index);
+			return index;
+		case "Enter":
+		case " ":
+			if (!options.multiselect) {
+				event.preventDefault();
+				activateListboxItem(enabled[index]);
+			}
+			return index;
+		case "Escape":
+			event.preventDefault();
+			options.onClose?.();
+			return index;
+		default: return index;
+	}
+}
+/** Type-to-select string matching . */
+function createTypeToSelectHandler(items, onMatch) {
+	let typeToSelectString = "";
+	let typeToSelectTimeout = 0;
+	const reset = () => {
+		typeToSelectString = "";
+		window.clearTimeout(typeToSelectTimeout);
+	};
+	const handleKey = (event) => {
+		if (event.key.length !== 1 || event.ctrlKey || event.metaKey || event.altKey) return;
+		typeToSelectString += event.key.toLowerCase();
+		window.clearTimeout(typeToSelectTimeout);
+		typeToSelectTimeout = window.setTimeout(reset, 750);
+		const enabled = getEnabledListboxItems(items);
+		for (let index = 0; index < enabled.length; index += 1) if ((enabled[index]?.textContent ?? "").trim().toLowerCase().startsWith(typeToSelectString)) {
+			onMatch(index);
+			event.preventDefault();
+			return;
+		}
+	};
+	return {
+		handleKey,
+		reset
+	};
+}
+//#endregion
+//#region src/internal/sync-listbox-separators.ts
+/**
+* Hide listbox `pk-separator` siblings that no longer sit between two visible
+* `pk-option` / `pk-option-group` items (e.g. after combobox filter hides groups).
+*/
+var isListboxItemHidden = (element) => {
+	return element.hidden || element.hasAttribute("data-pk-filter-empty");
+};
+var syncListboxSeparators = (root) => {
+	const children = [...root.querySelectorAll(":scope > pk-option, :scope > pk-option-group, :scope > pk-separator")];
+	const nearestItem = (from, direction) => {
+		for (let index = from + direction; direction < 0 ? index >= 0 : index < children.length; index += direction) {
+			const child = children[index];
+			if (!child || child.localName === "pk-separator") continue;
+			return child;
+		}
+		return null;
+	};
+	for (let index = 0; index < children.length; index += 1) {
+		const child = children[index];
+		if (!child || child.localName !== "pk-separator") continue;
+		const before = nearestItem(index, -1);
+		const after = nearestItem(index, 1);
+		child.hidden = !before || !after || isListboxItemHidden(before) || isListboxItemHidden(after);
+	}
+};
+//#endregion
+export { isListboxTypeToSelectKey as a, handleListboxKeyDown as i, LISTBOX_NAVIGATION_KEYS as n, createTypeToSelectHandler as r, syncListboxSeparators as t };
+
+//# sourceMappingURL=sync-listbox-separators-B1-V0oJi.js.map

package/dist/chunks/sync-listbox-separators-B1-V0oJi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-listbox-separators-B1-V0oJi.js","names":[],"sources":["../../src/utils/listbox-keyboard.ts","../../src/internal/sync-listbox-separators.ts"],"sourcesContent":["export const LISTBOX_NAVIGATION_KEYS = new Set([\n    'ArrowDown',\n    'ArrowUp',\n    'ArrowLeft',\n    'ArrowRight',\n    'Home',\n    'End',\n    'Enter',\n    ' ',\n    'Escape',\n]);\n\n/** Returns true for type-to-select character keys (single printable characters). */\nexport function isListboxTypeToSelectKey(event: KeyboardEvent): boolean {\n    return event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;\n}\n\n/**\n * Listbox keyboard navigation — patterns for pk-select / WAI-ARIA listbox.\n */\nexport type ListboxKeyboardOptions = {\n    items: HTMLElement[];\n    currentIndex: number;\n    onSelect: (index: number) => void;\n    onClose?: () => void;\n    multiselect?: boolean;\n    /** When true, ArrowUp/Down wrap from last→first and first→last. Default: false. */\n    /** When `loop` is omitted, listbox navigation does not loop (Base UI `Select`-style default). */\n    loop?: boolean;\n    focusItem?: (index: number) => void;\n};\n\nexport function getEnabledListboxItems(items: HTMLElement[]): HTMLElement[] {\n    return items.filter((item) => {\n        return !item.hasAttribute('disabled')\n            && !item.hasAttribute('hidden')\n            && item.getAttribute('aria-disabled') !== 'true'\n            && item.getAttribute('aria-hidden') !== 'true';\n    });\n}\n\nfunction focusListboxItem(\n    enabled: HTMLElement[],\n    index: number,\n    focusItem?: (index: number) => void,\n): void {\n    if (focusItem) {\n        focusItem(index);\n        return;\n    }\n\n    const item = enabled[index];\n\n    if (item instanceof HTMLElement && 'focusControl' in item && typeof item.focusControl === 'function') {\n        (item as { focusControl: () => void }).focusControl();\n        return;\n    }\n\n    item?.focus();\n}\n\nfunction activateListboxItem(item: HTMLElement | undefined): void {\n    if (!item) {\n        return;\n    }\n\n    const control = item.shadowRoot?.querySelector('.option');\n\n    if (control instanceof HTMLButtonElement) {\n        control.click();\n        return;\n    }\n\n    item.click();\n}\n\nexport function handleListboxKeyDown(event: KeyboardEvent, options: ListboxKeyboardOptions): number {\n    const enabled = getEnabledListboxItems(options.items);\n    const loop = options.loop === true;\n\n    if (enabled.length === 0) {\n        return options.currentIndex;\n    }\n\n    let index = Math.max(0, options.currentIndex);\n    const current = enabled[index] ?? enabled[0]!;\n    index = enabled.indexOf(current);\n\n    if (index < 0) {\n        index = 0;\n    }\n\n    switch (event.key) {\n        case 'ArrowDown':\n        case 'ArrowRight':\n            event.preventDefault();\n            if (loop && index >= enabled.length - 1) {\n                index = 0;\n            } else {\n                index = Math.min(index + 1, enabled.length - 1);\n            }\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'ArrowUp':\n        case 'ArrowLeft':\n            event.preventDefault();\n            if (loop && index <= 0) {\n                index = enabled.length - 1;\n            } else {\n                index = Math.max(index - 1, 0);\n            }\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'Home':\n            event.preventDefault();\n            index = 0;\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'End':\n            event.preventDefault();\n            index = enabled.length - 1;\n            focusListboxItem(enabled, index, options.focusItem);\n            options.onSelect(index);\n            return index;\n\n        case 'Enter':\n        case ' ':\n            if (!options.multiselect) {\n                event.preventDefault();\n                activateListboxItem(enabled[index]);\n            }\n            return index;\n\n        case 'Escape':\n            event.preventDefault();\n            options.onClose?.();\n            return index;\n\n        default:\n            return index;\n    }\n}\n\n/** Type-to-select string matching . */\nexport function createTypeToSelectHandler(\n    items: HTMLElement[],\n    onMatch: (index: number) => void,\n): { handleKey: (event: KeyboardEvent) => void; reset: () => void } {\n    let typeToSelectString = '';\n    let typeToSelectTimeout = 0;\n\n    const reset = (): void => {\n        typeToSelectString = '';\n        window.clearTimeout(typeToSelectTimeout);\n    };\n\n    const handleKey = (event: KeyboardEvent): void => {\n        if (event.key.length !== 1 || event.ctrlKey || event.metaKey || event.altKey) {\n            return;\n        }\n\n        typeToSelectString += event.key.toLowerCase();\n        window.clearTimeout(typeToSelectTimeout);\n        typeToSelectTimeout = window.setTimeout(reset, 750);\n\n        const enabled = getEnabledListboxItems(items);\n\n        for (let index = 0; index < enabled.length; index += 1) {\n            const label = (enabled[index]?.textContent ?? '').trim().toLowerCase();\n\n            if (label.startsWith(typeToSelectString)) {\n                onMatch(index);\n                event.preventDefault();\n                return;\n            }\n        }\n    };\n\n    return { handleKey, reset };\n}\n","/**\n * Hide listbox `pk-separator` siblings that no longer sit between two visible\n * `pk-option` / `pk-option-group` items (e.g. after combobox filter hides groups).\n */\nconst isListboxItemHidden = (element: HTMLElement): boolean => {\n    return element.hidden || element.hasAttribute('data-pk-filter-empty');\n};\n\nconst syncListboxSeparators = (root: ParentNode): void => {\n    const children = [\n        ...root.querySelectorAll(':scope > pk-option, :scope > pk-option-group, :scope > pk-separator'),\n    ] as HTMLElement[];\n\n    const nearestItem = (from: number, direction: -1 | 1): HTMLElement | null => {\n        for (\n            let index = from + direction;\n            direction < 0 ? index >= 0 : index < children.length;\n            index += direction\n        ) {\n            const child = children[index];\n\n            if (!child || child.localName === 'pk-separator') {\n                continue;\n            }\n\n            return child;\n        }\n\n        return null;\n    };\n\n    for (let index = 0; index < children.length; index += 1) {\n        const child = children[index];\n\n        if (!child || child.localName !== 'pk-separator') {\n            continue;\n        }\n\n        const before = nearestItem(index, -1);\n        const after = nearestItem(index, 1);\n\n        // Only keep dividers between two currently visible sections.\n        child.hidden = !before || !after || isListboxItemHidden(before) || isListboxItemHidden(after);\n    }\n};\n\nexport { syncListboxSeparators };\n"],"mappings":"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"}