@verbb/plugin-kit-web 2.0.0

package/dist/utils/time-options.d.ts

@@ -0,0 +1,16 @@
+export type TimeOption = {
+    value: string;
+    label: string;
+};
+export type TimepickerFormatOptions = {
+    timeFormat?: string;
+    lang?: {
+        AM?: string;
+        PM?: string;
+    };
+    locale?: string;
+};
+/** Generate time options in 30-minute increments — mirrors React `generateTimeOptions`. */
+export declare function generateTimeOptions(): TimeOption[];
+export declare function clearTimeOptionsCache(): void;
+//# sourceMappingURL=time-options.d.ts.map

package/dist/utils/time-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-options.d.ts","sourceRoot":"","sources":["../../src/utils/time-options.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE;QACH,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAmBF,2FAA2F;AAC3F,wBAAgB,mBAAmB,IAAI,UAAU,EAAE,CA6ClD;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAE5C"}

package/dist/utils/top-layer.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Top-layer coordination — popovers live in shadow roots, so document-level
+ * `[popover]:popover-open` queries miss menu/select panels still in the layer.
+ * Use before `HTMLDialogElement.showModal()` to avoid Chrome main-thread hangs.
+ */
+/** Popovers still in the browser top layer (`:popover-open`). */
+export declare function collectOpenPopovers(): HTMLElement[];
+/** Synchronously hide every open popover — call immediately before showModal(). */
+export declare function forceHideOpenPopovers(): number;
+/**
+ * Handoff path — strip `popover` without calling hidePopover().
+ * Chrome can hang when hidePopover() and showModal() run in the same macrotask.
+ */
+export declare function stripOpenPopoversForHandoff(): number;
+/** Last resort when hidePopover() leaves a stale top-layer entry — unblocks showModal(). */
+export declare function stripPopoverTopLayer(): number;
+/** Two frames after popover clear — Chrome can hang on showModal() in the same frame as hidePopover(). */
+export declare function awaitTopLayerHandoffFrames(): Promise<void>;
+/** Wait for one popover element to leave the top layer after `hidePopover()`. */
+export declare function waitForPopoverClosed(element: HTMLElement | null | undefined, timeoutMs?: number, options?: {
+    relaxed?: boolean;
+}): Promise<void>;
+/**
+ * Demote every open popover before showModal().
+ * Always resolves within timeoutMs — never blocks dialog open indefinitely.
+ */
+/** Release menu popup hosts after top-layer strip — stops autoUpdate without hidePopover(). */
+export declare function releaseNestedMenuPopups(): void;
+export declare function demotePopoversForModal(timeoutMs?: number): Promise<void>;
+/** @deprecated Prefer demotePopoversForModal. */
+export declare function awaitTopLayerReadyForModal(timeoutMs?: number): Promise<void>;
+/** @deprecated Prefer demotePopoversForModal. */
+export declare function waitForPopoverTopLayerClear(timeoutMs?: number): Promise<void>;
+//# sourceMappingURL=top-layer.d.ts.map

package/dist/utils/top-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-layer.d.ts","sourceRoot":"","sources":["../../src/utils/top-layer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAwBH,iEAAiE;AACjE,wBAAgB,mBAAmB,IAAI,WAAW,EAAE,CA6BnD;AAED,mFAAmF;AACnF,wBAAgB,qBAAqB,IAAI,MAAM,CAY9C;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,CAgBpD;AAED,4FAA4F;AAC5F,wBAAgB,oBAAoB,IAAI,MAAM,CAkB7C;AAUD,0GAA0G;AAC1G,wBAAgB,0BAA0B,IAAI,OAAO,CAAC,IAAI,CAAC,CAM1D;AAED,iFAAiF;AACjF,wBAAgB,oBAAoB,CAChC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EACvC,SAAS,SAAM,EACf,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,GACpC,OAAO,CAAC,IAAI,CAAC,CAsFf;AAED;;;GAGG;AACH,+FAA+F;AAC/F,wBAAgB,uBAAuB,IAAI,IAAI,CAiB9C;AAED,wBAAsB,sBAAsB,CAAC,SAAS,SAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAqC3E;AAED,iDAAiD;AACjD,wBAAsB,0BAA0B,CAAC,SAAS,SAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE/E;AAED,iDAAiD;AACjD,wBAAgB,2BAA2B,CAAC,SAAS,SAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE1E"}

package/dist/utils/week-info.d.ts

@@ -0,0 +1,14 @@
+/** Locale week info — ported from  `date-picker/internal/week-info`. */
+export type WeekdayName = 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';
+export type WeekInfo = {
+    /** First day of the week (1=Monday … 7=Sunday, per Intl spec). */
+    firstDay: number;
+    /** Weekend day numbers (1=Monday … 7=Sunday). */
+    weekend: number[];
+};
+export declare function getWeekInfo(locale: string): WeekInfo;
+/** Convert Intl first day (1=Mon..7=Sun) to JS `Date.getDay()` (0=Sun..6=Sat). */
+export declare function intlFirstDayToJsDay(intlFirstDay: number): number;
+export declare function intlWeekendToJsDays(intlWeekend: number[]): number[];
+export declare function resolveFirstDayOfWeek(attribute: 'auto' | WeekdayName, locale: string): number;
+//# sourceMappingURL=week-info.d.ts.map

package/dist/utils/week-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"week-info.d.ts","sourceRoot":"","sources":["../../src/utils/week-info.ts"],"names":[],"mappings":"AAAA,wEAAwE;AAExE,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEhF,MAAM,MAAM,QAAQ,GAAG;IACnB,kEAAkE;IAClE,QAAQ,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,OAAO,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AA0CF,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAmBpD;AAED,kFAAkF;AAClF,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAEhE;AAED,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAEnE;AAED,wBAAgB,qBAAqB,CACjC,SAAS,EAAE,MAAM,GAAG,WAAW,EAC/B,MAAM,EAAE,MAAM,GACf,MAAM,CAgBR"}

package/dist/validators/custom-error-validator.d.ts

@@ -0,0 +1,3 @@
+import { PkValidator } from './types.js';
+export declare function CustomErrorValidator(): PkValidator;
+//# sourceMappingURL=custom-error-validator.d.ts.map

package/dist/validators/custom-error-validator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-error-validator.d.ts","sourceRoot":"","sources":["../../src/validators/custom-error-validator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,oBAAoB,IAAI,WAAW,CAmBlD"}

package/dist/validators/index.d.ts

@@ -0,0 +1,6 @@
+export { CustomErrorValidator } from './custom-error-validator.js';
+export { MirrorValidator } from './mirror-validator.js';
+export { RequiredValidator } from './required-validator.js';
+export type { RequiredValidatorOptions } from './required-validator.js';
+export type { PkValidator, ValidityKey } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/validators/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/validators/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/validators/mirror-validator.d.ts

@@ -0,0 +1,4 @@
+import { PkValidator } from './types.js';
+/** Delegates validity to the shadow native control —  `MirrorValidator`. */
+export declare function MirrorValidator(): PkValidator;
+//# sourceMappingURL=mirror-validator.d.ts.map

package/dist/validators/mirror-validator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mirror-validator.d.ts","sourceRoot":"","sources":["../../src/validators/mirror-validator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,YAAY,CAAC;AAE3D,4EAA4E;AAC5E,wBAAgB,eAAe,IAAI,WAAW,CAkD7C"}

package/dist/validators/required-validator.d.ts

@@ -0,0 +1,7 @@
+import { PkValidator } from './types.js';
+export type RequiredValidatorOptions = {
+    validationElement?: HTMLInputElement | HTMLSelectElement;
+    validationProperty?: string;
+};
+export declare function RequiredValidator(options?: RequiredValidatorOptions): PkValidator;
+//# sourceMappingURL=required-validator.d.ts.map

package/dist/validators/required-validator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"required-validator.d.ts","sourceRoot":"","sources":["../../src/validators/required-validator.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,MAAM,wBAAwB,GAAG;IACnC,iBAAiB,CAAC,EAAE,gBAAgB,GAAG,iBAAiB,CAAC;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,wBAA6B,GAAG,WAAW,CA2CrF"}

package/dist/validators/types.d.ts

@@ -0,0 +1,12 @@
+import { PkFormAssociatedElement } from '../base/pk-form-associated-element.js';
+export type ValidityKey = Exclude<keyof ValidityState, 'valid'>;
+export interface PkValidator {
+    observedAttributes?: string[];
+    message?: string | ((element: PkFormAssociatedElement) => string);
+    checkValidity: (element: PkFormAssociatedElement) => {
+        message: string;
+        isValid: boolean;
+        invalidKeys: ValidityKey[];
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/validators/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/validators/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAErF,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,aAAa,EAAE,OAAO,CAAC,CAAC;AAEhE,MAAM,WAAW,WAAW;IACxB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,uBAAuB,KAAK,MAAM,CAAC,CAAC;IAClE,aAAa,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK;QACjD,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,OAAO,CAAC;QACjB,WAAW,EAAE,WAAW,EAAE,CAAC;KAC9B,CAAC;CACL"}

package/dist-loader/chunks/animate-with-class-DT0jwaR_.js

@@ -0,0 +1,40 @@
+//#region src/utils/animate-with-class.ts
+/**
+* Run a CSS animation class on an element and resolve when it finishes.
+* Resolves on animationend/cancel, immediately when no CSS animation runs, or on timeout
+* so overlay hide can never hang forever (stuck `active` / missing `after-hide`).
+*/
+function animateWithClass(el, className, timeoutMs = 500) {
+	return new Promise((resolve) => {
+		const controller = new AbortController();
+		const { signal } = controller;
+		if (el.classList.contains(className)) {
+			resolve();
+			return;
+		}
+		el.classList.add(className);
+		let resolved = false;
+		const onEnd = () => {
+			if (resolved) return;
+			resolved = true;
+			el.classList.remove(className);
+			window.clearTimeout(timeoutId);
+			resolve();
+			controller.abort();
+		};
+		el.addEventListener("animationend", onEnd, {
+			once: true,
+			signal
+		});
+		el.addEventListener("animationcancel", onEnd, {
+			once: true,
+			signal
+		});
+		const timeoutId = window.setTimeout(onEnd, timeoutMs);
+		requestAnimationFrame(() => {
+			if (!resolved && el.getAnimations().length === 0) onEnd();
+		});
+	});
+}
+//#endregion
+export { animateWithClass as t };

package/dist-loader/chunks/button-group-item.styles-Dwakbyx5.js

@@ -0,0 +1,145 @@
+import { h as r, m as i } from "./lit-Dnn7gEi2.js";
+//#region src/components/button-group/button-group-item.styles.ts
+/**
+* Apply grouped corner radii on an inner surface — reads vars set by `pk-button-group` on the host.
+* Mirrors  `--_button-*-radius` consumption in `pk-button`.
+*/
+function buttonGroupCornerRadiusStyles(surfaceSelector, fallbackRadius = "var(--pk-btn-radius, var(--pk-radius-lg))") {
+	const surface = r(surfaceSelector);
+	const fallback = r(fallbackRadius);
+	return i`
+        ${surface} {
+            border-top-left-radius: var(--pk-bg-start-start-radius, ${fallback});
+            border-top-right-radius: var(--pk-bg-start-end-radius, ${fallback});
+            border-bottom-left-radius: var(--pk-bg-end-start-radius, ${fallback});
+            border-bottom-right-radius: var(--pk-bg-end-end-radius, ${fallback});
+        }
+    `;
+}
+/** Zero inner corner radii based on group position — consumed by `buttonGroupCornerRadiusStyles`. */
+function buttonGroupCornerRoleStyles() {
+	return i`
+        :host([data-pk-group-orientation='horizontal']:not([data-pk-group-item-first]):not([data-pk-group-item-last])) {
+            --pk-bg-start-start-radius: 0;
+            --pk-bg-start-end-radius: 0;
+            --pk-bg-end-start-radius: 0;
+            --pk-bg-end-end-radius: 0;
+        }
+
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-item-first]:not([data-pk-group-item-last])) {
+            --pk-bg-start-end-radius: 0;
+            --pk-bg-end-end-radius: 0;
+        }
+
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-item-last]:not([data-pk-group-item-first])) {
+            --pk-bg-start-start-radius: 0;
+            --pk-bg-end-start-radius: 0;
+        }
+
+        :host([data-pk-group-orientation='vertical']:not([data-pk-group-item-first]):not([data-pk-group-item-last])) {
+            --pk-bg-start-start-radius: 0;
+            --pk-bg-start-end-radius: 0;
+            --pk-bg-end-start-radius: 0;
+            --pk-bg-end-end-radius: 0;
+        }
+
+        :host([data-pk-group-orientation='vertical'][data-pk-group-item-first]:not([data-pk-group-item-last])) {
+            --pk-bg-end-start-radius: 0;
+            --pk-bg-end-end-radius: 0;
+        }
+
+        :host([data-pk-group-orientation='vertical'][data-pk-group-item-last]:not([data-pk-group-item-first])) {
+            --pk-bg-start-start-radius: 0;
+            --pk-bg-start-end-radius: 0;
+        }
+    `;
+}
+/** Overlap margins for grouped controls — axis follows group orientation. */
+function buttonGroupIndentStyles() {
+	return i`
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-join][variant='outline']),
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-join][variant='dashed']) {
+            margin-inline-start: var(--pk-bg-horizontal-indent-outlined, 0);
+            margin-block-start: 0;
+        }
+
+        :host([data-pk-group-orientation='vertical'][data-pk-group-join][variant='outline']),
+        :host([data-pk-group-orientation='vertical'][data-pk-group-join][variant='dashed']) {
+            margin-block-start: var(--pk-bg-vertical-indent-outlined, 0);
+            margin-inline-start: 0;
+        }
+
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-join]:not([variant='outline']):not([variant='dashed']):not([variant='link']):not([variant='none'])) {
+            margin-inline-start: var(--pk-bg-horizontal-indent, 0);
+            margin-block-start: 0;
+        }
+
+        :host([data-pk-group-orientation='vertical'][data-pk-group-join]:not([variant='outline']):not([variant='dashed']):not([variant='link']):not([variant='none'])) {
+            margin-block-start: var(--pk-bg-vertical-indent, 0);
+            margin-inline-start: 0;
+        }
+
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-divider][data-pk-group-join][variant='primary']),
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-divider][data-pk-group-join][variant='secondary']),
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-divider][data-pk-group-join][variant='default']) {
+            margin-inline-start: 0;
+            margin-block-start: 0;
+        }
+
+        :host([data-pk-group-orientation='vertical'][data-pk-group-divider][data-pk-group-join][variant='primary']),
+        :host([data-pk-group-orientation='vertical'][data-pk-group-divider][data-pk-group-join][variant='secondary']),
+        :host([data-pk-group-orientation='vertical'][data-pk-group-divider][data-pk-group-join][variant='default']) {
+            margin-block-start: 0;
+            margin-inline-start: 0;
+        }
+
+        /* Filled variants — Craft margin gap; parent background shows through.
+         * !important: outer preflight/utilities beat non-important :host margin
+         * (revert-layer cannot restore shadow host values — it still specifies outer 0).
+         */
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-internal-trail][variant='primary']),
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-internal-trail][variant='secondary']),
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-internal-trail][variant='default']) {
+            margin-inline-end: var(--pk-btn-group-gap, 1px) !important;
+        }
+
+        :host([data-pk-group-orientation='vertical'][data-pk-group-internal-trail][variant='primary']),
+        :host([data-pk-group-orientation='vertical'][data-pk-group-internal-trail][variant='secondary']),
+        :host([data-pk-group-orientation='vertical'][data-pk-group-internal-trail][variant='default']) {
+            margin-block-end: var(--pk-btn-group-gap, 1px) !important;
+        }
+    `;
+}
+/** Collapse the shared internal border edge on bordered grouped surfaces. */
+function buttonGroupBorderJoinStyles(surfaceSelector) {
+	const surface = r(surfaceSelector);
+	return i`
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-join]:not([data-pk-group-divider])) ${surface} {
+            border-left-width: 0;
+        }
+
+        :host([data-pk-group-orientation='vertical'][data-pk-group-join]:not([data-pk-group-divider])) ${surface} {
+            border-top-width: 0;
+        }
+
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-divider]:not([variant='outline']):not([variant='dashed'])) ${surface} {
+            border-left-width: 0;
+        }
+
+        :host([data-pk-group-orientation='vertical'][data-pk-group-divider]:not([variant='outline']):not([variant='dashed'])) ${surface} {
+            border-top-width: 0;
+        }
+
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-internal-trail][variant='outline']) ${surface},
+        :host([data-pk-group-orientation='horizontal'][data-pk-group-internal-trail][variant='dashed']) ${surface} {
+            border-right-width: 0;
+        }
+
+        :host([data-pk-group-orientation='vertical'][data-pk-group-internal-trail][variant='outline']) ${surface},
+        :host([data-pk-group-orientation='vertical'][data-pk-group-internal-trail][variant='dashed']) ${surface} {
+            border-bottom-width: 0;
+        }
+    `;
+}
+//#endregion
+export { buttonGroupIndentStyles as i, buttonGroupCornerRadiusStyles as n, buttonGroupCornerRoleStyles as r, buttonGroupBorderJoinStyles as t };