@kouji-ui/core 0.6.2 → 0.7.0

package/fesm2022/kouji-ui-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, Directive, inject, ElementRef, DestroyRef, PLATFORM_ID, signal, afterNextRender, forwardRef, InjectionToken, Injectable, computed, viewChild, ViewContainerRef, ViewEncapsulation, ChangeDetectionStrategy, Component, ApplicationRef, EnvironmentInjector, Injector, createComponent, model, effect, untracked, isSignal, DOCUMENT, output, contentChildren, makeEnvironmentProviders, LOCALE_ID, provideEnvironmentInitializer, isDevMode, numberAttribute, contentChild, runInInjectionContext, HostListener, linkedSignal, TemplateRef, resource, EventEmitter, Output, afterEveryRender } from '@angular/core';
+import { input, booleanAttribute, Directive, inject, ElementRef, DestroyRef, PLATFORM_ID, signal, afterNextRender, forwardRef, InjectionToken, Injectable, computed, viewChild, ViewContainerRef, ViewEncapsulation, ChangeDetectionStrategy, Component, ApplicationRef, EnvironmentInjector, Injector, createComponent, model, effect, untracked, isSignal, DOCUMENT, output, contentChildren, makeEnvironmentProviders, LOCALE_ID, provideEnvironmentInitializer, isDevMode, numberAttribute, contentChild, TemplateRef, runInInjectionContext, HostListener, linkedSignal, resource, EventEmitter, Output, afterEveryRender } from '@angular/core';
 import { isPlatformBrowser, DOCUMENT as DOCUMENT$1 } from '@angular/common';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, NgForm, FormGroupDirective, FormGroup, FormArray } from '@angular/forms';
 import { Subject } from 'rxjs';
@@ -1761,7 +1761,7 @@ function silent() {
     return { attach() { }, onOpen() { }, onClose() { }, detach() { }, announce() { } };
 }
 
-function onClick() {
+function onClick(opts = {}) {
     let ctx = null;
     let toggle = null;
     let listener = null;
@@ -1771,14 +1771,25 @@ function onClick() {
         const trigger = ctx.triggerEl();
         if (!trigger || listener)
             return;
-        listener = () => toggle?.();
+        listener = () => {
+            if (opts.openOnly && ctx?.isOpen())
+                return;
+            toggle?.();
+        };
         trigger.addEventListener('click', listener);
     };
     return {
         ariaHasPopup: null,
-        attach(c) { ctx = c; wireListener(); },
-        bindToggle(t) { toggle = t; wireListener(); },
-        onOpen() { }, onClose() { },
+        attach(c) {
+            ctx = c;
+            wireListener();
+        },
+        bindToggle(t) {
+            toggle = t;
+            wireListener();
+        },
+        onOpen() { },
+        onClose() { },
         detach() {
             const trigger = ctx?.triggerEl();
             if (trigger && listener)
@@ -1831,6 +1842,39 @@ function onHover(initialOpts = {}) {
     let onEnter = null;
     let onLeave = null;
     let listenTarget = null;
+    let panelTarget = null;
+    const cancelClose = () => {
+        if (closeTimer) {
+            clearTimeout(closeTimer);
+            closeTimer = 0;
+        }
+    };
+    const scheduleClose = () => {
+        if (openTimer) {
+            clearTimeout(openTimer);
+            openTimer = 0;
+        }
+        if (!ctx?.isOpen())
+            return;
+        cancelClose();
+        closeTimer = setTimeout(() => {
+            toggle?.();
+            closeTimer = 0;
+        }, read$2(opts.closeDelay, 0));
+    };
+    // The panel is bound to the controller after the trigger attaches (a
+    // `[kjFor]` panel registers itself later), so its listeners are wired
+    // lazily — on the first hover intent, once the panel element exists.
+    const wirePanel = () => {
+        if (panelTarget || !read$2(opts.interactive, false))
+            return;
+        const panel = ctx?.panelEl();
+        if (!panel)
+            return;
+        panelTarget = panel;
+        panel.addEventListener('pointerenter', cancelClose);
+        panel.addEventListener('pointerleave', scheduleClose);
+    };
     const wire = () => {
         if (!ctx?.platform.isBrowser)
             return;
@@ -1839,47 +1883,57 @@ function onHover(initialOpts = {}) {
             return;
         listenTarget = effectiveHoverTarget(trigger);
         onEnter = () => {
-            if (closeTimer) {
-                clearTimeout(closeTimer);
-                closeTimer = 0;
-            }
+            cancelClose();
+            wirePanel();
             if (ctx?.isOpen())
                 return;
-            openTimer = setTimeout(() => { toggle?.(); openTimer = 0; }, read$2(opts.openDelay, 0));
+            openTimer = setTimeout(() => {
+                toggle?.();
+                openTimer = 0;
+            }, read$2(opts.openDelay, 0));
         };
         onLeave = () => {
-            if (openTimer) {
-                clearTimeout(openTimer);
-                openTimer = 0;
-            }
-            if (!ctx?.isOpen())
-                return;
-            closeTimer = setTimeout(() => { toggle?.(); closeTimer = 0; }, read$2(opts.closeDelay, 0));
+            wirePanel();
+            scheduleClose();
         };
         listenTarget.addEventListener('pointerenter', onEnter);
         listenTarget.addEventListener('pointerleave', onLeave);
     };
     return {
         ariaHasPopup: null,
-        attach(c) { ctx = c; wire(); },
-        bindToggle(t) { toggle = t; wire(); },
-        onOpen() { }, onClose() { },
+        attach(c) {
+            ctx = c;
+            wire();
+        },
+        bindToggle(t) {
+            toggle = t;
+            wire();
+        },
+        onOpen() { },
+        onClose() { },
         detach() {
             if (listenTarget && onEnter)
                 listenTarget.removeEventListener('pointerenter', onEnter);
             if (listenTarget && onLeave)
                 listenTarget.removeEventListener('pointerleave', onLeave);
+            if (panelTarget) {
+                panelTarget.removeEventListener('pointerenter', cancelClose);
+                panelTarget.removeEventListener('pointerleave', scheduleClose);
+            }
             if (openTimer)
                 clearTimeout(openTimer);
             if (closeTimer)
                 clearTimeout(closeTimer);
             onEnter = onLeave = null;
             listenTarget = null;
+            panelTarget = null;
             openTimer = closeTimer = 0;
             toggle = null;
             ctx = null;
         },
-        configure(newOpts) { opts = { ...opts, ...newOpts }; },
+        configure(newOpts) {
+            opts = { ...opts, ...newOpts };
+        },
     };
 }
 
@@ -2438,10 +2492,22 @@ class KjListNavigator {
                 this.moveBy(-this.kjPageSize());
                 return;
             case 'Enter':
-            case ' ':
                 // Only preventDefault when we actually activate. Lets consumers
-                // (e.g. combobox free-text Enter) fall through when nothing is
-                // active, and lets Space type a literal space in a combobox input.
+                // (e.g. combobox free-text Enter) fall through when nothing is active.
+                if (this.activeItem()) {
+                    e.preventDefault();
+                    this.activateCurrent();
+                }
+                return;
+            case ' ':
+                // Space activates a LIST — but in a text field it is a character the
+                // user is typing, and the field owns it. A command palette highlights
+                // a row for every query, so treating Space as activation there made
+                // multi-word queries impossible: the space ran the highlighted command
+                // instead of reaching the input. Enter remains the activation key from
+                // a text field.
+                if (isTextEntry(e.target))
+                    return;
                 if (this.activeItem()) {
                     e.preventDefault();
                     this.activateCurrent();
@@ -2488,6 +2554,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     },
                 }]
         }], ctorParameters: () => [], propDecorators: { kjOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjOrientation", required: false }] }], kjWrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjWrap", required: false }] }], kjPageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPageSize", required: false }] }], kjActivateOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjActivateOnHover", required: false }] }], kjFocusMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFocusMode", required: false }] }], kjActiveChange: [{ type: i0.Output, args: ["kjActiveChange"] }] } });
+/** Types of `<input>` that hold text the user types (Space is a character). */
+const NON_TEXT_INPUT_TYPES = new Set([
+    'button',
+    'checkbox',
+    'color',
+    'file',
+    'image',
+    'radio',
+    'range',
+    'reset',
+    'submit',
+]);
+/** Whether a key event landed in a field where Space types a character. */
+function isTextEntry(target) {
+    const el = target;
+    if (!el || typeof el.tagName !== 'string')
+        return false;
+    if (el.isContentEditable)
+        return true;
+    if (el.tagName === 'TEXTAREA')
+        return true;
+    if (el.tagName !== 'INPUT')
+        return false;
+    const type = el.type?.toLowerCase() ?? 'text';
+    return !NON_TEXT_INPUT_TYPES.has(type);
+}
 
 // packages/core/src/primitives/list/selection.ts
 /**
@@ -4177,6 +4269,9 @@ const EN_CATALOG = {
     // -- Overlays --
     'toast.close': 'Close notification',
     'dialog.close': 'Close dialog',
+    // -- Collapsed groups (tag list / avatar group "+N" chip) --
+    'overflow.more': '+{count}',
+    'overflow.show': 'Show {count} more',
     // -- Pagination --
     'pagination.nav': 'Pagination',
     'pagination.previous': 'Previous page',
@@ -4205,6 +4300,9 @@ const FR_CATALOG = {
     // -- Overlays --
     'toast.close': 'Fermer la notification',
     'dialog.close': 'Fermer la boîte de dialogue',
+    // -- Collapsed groups --
+    'overflow.more': '+{count}',
+    'overflow.show': 'Afficher {count} de plus',
     // -- Pagination --
     'pagination.nav': 'Pagination',
     'pagination.previous': 'Page précédente',
@@ -12437,9 +12535,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 /**
  * Optional container that coordinates a group of `KjTag` chips. Provides
- * the chip-group keyboard story (roving tabindex via `KjRovingTabindex`)
- * and the ARIA wiring for the `listbox` / `grid` / `group` shapes called
- * out in the analysis.
+ * the chip-group keyboard story (roving tabindex via `KjRovingTabindex`),
+ * the ARIA wiring for the `listbox` / `grid` / `group` shapes, and — with
+ * `kjMax` — collapses the chips past the cap: they get `[hidden]` and
+ * `data-overflow`, and `overflowCount` / `hiddenLabels` let a wrapper render
+ * a "+N" chip that reveals them.
  *
  * Standalone tags work fine without this container — the container is the
  * opt-in surface that turns a pile of independent chips into a single
@@ -12457,6 +12557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * @doc-name tag
  */
 class KjTagList {
+    platformId = inject(PLATFORM_ID);
     /** Container ARIA role — drives chip role selection (option / row / none). */
     kjTagListRole = input('group', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "kjTagListRole" }] : /* istanbul ignore next */ []));
@@ -12469,19 +12570,50 @@ class KjTagList {
     /** Cascading disabled flag. Each chip's effective disabled OR-merges this. */
     kjTagListDisabled = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "kjTagListDisabled" }] : /* istanbul ignore next */ []));
+    /**
+     * Maximum number of chips shown before the rest collapse. Chips past this
+     * index are hidden (`[hidden]` + `data-overflow`) and counted in
+     * `overflowCount`. `0` disables the cap (show everything).
+     * @default 0
+     */
+    kjMax = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "kjMax" }] : /* istanbul ignore next */ []));
     /** Read-only role view used by `KjTag` to compute its own role. */
     role = this.kjTagListRole;
     /** Read-only disabled view used by `KjTag` to merge into its effective disabled. */
     disabled = this.kjTagListDisabled;
     /** Read-only multi-selectable view (listbox-only meaning). */
     multiple = this.kjTagListMultiple;
+    /**
+     * Every projected `KjTag` (including those composed via `hostDirectives`
+     * on a wrapper). `descendants: true` so a chip wrapped in an anchor or a
+     * form control still counts.
+     */
+    tags = contentChildren(KjTag, { ...(ngDevMode ? { debugName: "tags" } : /* istanbul ignore next */ {}), descendants: true });
+    tagHosts = contentChildren(KjTag, { ...(ngDevMode ? { debugName: "tagHosts" } : /* istanbul ignore next */ {}), descendants: true, read: ElementRef });
+    /** Projected chip count. */
+    total = computed(() => this.tags().length, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []));
+    /** Number of chips rendered visibly (the rest are `[hidden]`). */
+    visibleCount = computed(() => {
+        const max = this.kjMax();
+        const count = this.tags().length;
+        return max <= 0 ? count : Math.min(count, max);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visibleCount" }] : /* istanbul ignore next */ []));
+    /** Number of chips collapsed by the cap. `0` when nothing overflows. */
+    overflowCount = computed(() => Math.max(0, this.total() - this.visibleCount()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overflowCount" }] : /* istanbul ignore next */ []));
+    /** Labels of the collapsed chips, in order — the wrapper's default panel content. */
+    hiddenLabels = computed(() => this.tags()
+        .slice(this.visibleCount())
+        .map((t) => t.textContent()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hiddenLabels" }] : /* istanbul ignore next */ []));
     /** Only emit `aria-orientation` when the container has a real role. */
     ariaOrientation = computed(() => {
         if (this.kjTagListRole() === 'group')
             return null;
-        return this.kjTagListOrientation() === 'both'
-            ? 'horizontal'
-            : this.kjTagListOrientation();
+        return this.kjTagListOrientation() === 'both' ? 'horizontal' : this.kjTagListOrientation();
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "ariaOrientation" }] : /* istanbul ignore next */ []));
     /** `aria-multiselectable` only set in listbox mode. */
@@ -12491,8 +12623,32 @@ class KjTagList {
         return this.kjTagListMultiple() ? 'true' : 'false';
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "ariaMultiSelectable" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Same contract as `KjAvatarGroup`: the group owns the visibility of its
+        // collapsed chips and writes it onto their host elements.
+        effect(() => {
+            const hosts = this.tagHosts();
+            const cap = this.visibleCount();
+            const capped = this.kjMax() > 0;
+            if (!isPlatformBrowser(this.platformId))
+                return;
+            hosts.forEach((ref, index) => {
+                const el = ref.nativeElement;
+                if (!el)
+                    return;
+                if (capped && index >= cap) {
+                    el.setAttribute('hidden', '');
+                    el.setAttribute('data-overflow', 'true');
+                }
+                else {
+                    el.removeAttribute('hidden');
+                    el.removeAttribute('data-overflow');
+                }
+            });
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTagList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjTagList, isStandalone: true, selector: "[kjTagList]", inputs: { kjTagListRole: { classPropertyName: "kjTagListRole", publicName: "kjTagListRole", isSignal: true, isRequired: false, transformFunction: null }, kjTagListOrientation: { classPropertyName: "kjTagListOrientation", publicName: "kjTagListOrientation", isSignal: true, isRequired: false, transformFunction: null }, kjTagListMultiple: { classPropertyName: "kjTagListMultiple", publicName: "kjTagListMultiple", isSignal: true, isRequired: false, transformFunction: null }, kjTagListDisabled: { classPropertyName: "kjTagListDisabled", publicName: "kjTagListDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "kjTagListRole()", "attr.aria-orientation": "ariaOrientation()", "attr.aria-multiselectable": "ariaMultiSelectable()", "attr.aria-disabled": "kjTagListDisabled() ? \"true\" : null", "attr.tabindex": "kjTagListRole() !== \"group\" ? \"-1\" : null" } }, providers: [{ provide: KJ_TAG_LIST, useExisting: KjTagList }], hostDirectives: [{ directive: KjRovingTabindex, inputs: ["kjRovingOrientation", "kjTagListOrientation"] }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.5", type: KjTagList, isStandalone: true, selector: "[kjTagList]", inputs: { kjTagListRole: { classPropertyName: "kjTagListRole", publicName: "kjTagListRole", isSignal: true, isRequired: false, transformFunction: null }, kjTagListOrientation: { classPropertyName: "kjTagListOrientation", publicName: "kjTagListOrientation", isSignal: true, isRequired: false, transformFunction: null }, kjTagListMultiple: { classPropertyName: "kjTagListMultiple", publicName: "kjTagListMultiple", isSignal: true, isRequired: false, transformFunction: null }, kjTagListDisabled: { classPropertyName: "kjTagListDisabled", publicName: "kjTagListDisabled", isSignal: true, isRequired: false, transformFunction: null }, kjMax: { classPropertyName: "kjMax", publicName: "kjMax", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "kjTagListRole()", "attr.aria-orientation": "ariaOrientation()", "attr.aria-multiselectable": "ariaMultiSelectable()", "attr.aria-disabled": "kjTagListDisabled() ? \"true\" : null", "attr.tabindex": "kjTagListRole() !== \"group\" ? \"-1\" : null" } }, providers: [{ provide: KJ_TAG_LIST, useExisting: KjTagList }], queries: [{ propertyName: "tags", predicate: KjTag, descendants: true, isSignal: true }, { propertyName: "tagHosts", predicate: KjTag, descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: KjRovingTabindex, inputs: ["kjRovingOrientation", "kjTagListOrientation"] }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTagList, decorators: [{
             type: Directive,
@@ -12511,7 +12667,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         '[attr.tabindex]': 'kjTagListRole() !== "group" ? "-1" : null',
                     },
                 }]
-        }], propDecorators: { kjTagListRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTagListRole", required: false }] }], kjTagListOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTagListOrientation", required: false }] }], kjTagListMultiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTagListMultiple", required: false }] }], kjTagListDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTagListDisabled", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { kjTagListRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTagListRole", required: false }] }], kjTagListOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTagListOrientation", required: false }] }], kjTagListMultiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTagListMultiple", required: false }] }], kjTagListDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTagListDisabled", required: false }] }], kjMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjMax", required: false }] }], tags: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjTag), { ...{ descendants: true }, isSignal: true }] }], tagHosts: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjTag), { ...{ descendants: true, read: ElementRef }, isSignal: true }] }] } });
+
+/**
+ * Marks the template a collapsing group (`kj-tag-list`, `kj-avatar-group`)
+ * renders inside the "+N" chip's panel instead of its default list of labels.
+ * The context carries the collapsed range so the consumer slices its own
+ * data and renders the hidden items with any layout or actions it needs.
+ *
+ * @example
+ * ```html
+ * <kj-tag-list [kjMax]="3">
+ *   @for (u of users(); track u.id) { <kj-tag>{{ u.name }}</kj-tag> }
+ *   <ng-template kjOverflowContent let-count let-start="start">
+ *     @for (u of users().slice(start); track u.id) {
+ *       <button (click)="remove(u)">Remove {{ u.name }}</button>
+ *     }
+ *   </ng-template>
+ * </kj-tag-list>
+ * ```
+ * @doc-category Core/Data display
+ * @doc
+ * @doc-name overflow
+ * @doc-is-main
+ * @doc-description Provides the template a tag list or avatar group shows for the items collapsed behind its "+N" chip.
+ */
+class KjOverflowContent {
+    template = inject(TemplateRef);
+    /** Type guard for template type-checking (`*ngTemplateOutlet` context inference). */
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjOverflowContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: KjOverflowContent, isStandalone: true, selector: "ng-template[kjOverflowContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjOverflowContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[kjOverflowContent]',
+                    standalone: true,
+                }]
+        }] });
 
 /**
  * Dialog body component. Composes `KjOverlayPanel` as a host directive so
@@ -13301,10 +13497,107 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 }]
         }], propDecorators: { kjTooltipOpened: [{ type: i0.Output, args: ["kjTooltipOpened"] }], kjTooltipClosed: [{ type: i0.Output, args: ["kjTooltipClosed"] }] } });
 
+/**
+ * Fans one trigger slot out to several event strategies — e.g. hover for
+ * pointer users, focus for keyboard users and an open-only click for touch —
+ * so a single overlay opens from whichever the user has. `ariaHasPopup` is
+ * the first non-null value among the parts.
+ */
+function composeTriggerEvents(...parts) {
+    return {
+        ariaHasPopup: parts.find((p) => p.ariaHasPopup !== null)?.ariaHasPopup ?? null,
+        attach(ctx) {
+            for (const p of parts)
+                p.attach(ctx);
+        },
+        bindToggle(toggle) {
+            for (const p of parts)
+                p.bindToggle(toggle);
+        },
+        onOpen() {
+            for (const p of parts)
+                p.onOpen?.();
+        },
+        onClose() {
+            for (const p of parts)
+                p.onClose?.();
+        },
+        detach() {
+            for (const p of parts)
+                p.detach();
+        },
+    };
+}
+/**
+ * A trigger slot whose concrete strategy is chosen after construction. The
+ * DI factory that provides a trigger strategy runs before the directive's
+ * inputs are set, so a directive that offers `kjTrigger="click|hover"` cannot
+ * pick the strategy in the factory; it provides this shell and calls `use()`
+ * from an effect once the input is known (and again if it changes).
+ */
+function switchableTriggerEvent(opts = {}) {
+    let ctx = null;
+    let toggle = null;
+    let current = null;
+    return {
+        // Fixed up front: the host reads it once, before `use()` picks a strategy.
+        ariaHasPopup: opts.ariaHasPopup ?? null,
+        attach(c) {
+            ctx = c;
+            current?.attach(c);
+        },
+        bindToggle(t) {
+            toggle = t;
+            current?.bindToggle(t);
+        },
+        onOpen() {
+            current?.onOpen?.();
+        },
+        onClose() {
+            current?.onClose?.();
+        },
+        detach() {
+            current?.detach();
+            current = null;
+            ctx = null;
+            toggle = null;
+        },
+        use(strategy) {
+            current?.detach();
+            current = strategy;
+            if (ctx)
+                strategy.attach(ctx);
+            if (toggle)
+                strategy.bindToggle(toggle);
+        },
+    };
+}
+
+/**
+ * Opens the sibling `<kj-popover-content [kjFor]>` panel. `kjTrigger="click"`
+ * (default) toggles on click; `kjTrigger="hover"` opens on hover intent and
+ * keeps the panel open while the pointer rests on it — and, because a hover
+ * popover may hold controls, it also opens on keyboard focus and on click
+ * (touch), so every input modality reaches the panel.
+ *
+ * @example
+ * ```html
+ * <button kjPopoverTrigger kjTrigger="hover" #t="kjPopoverTrigger">+3</button>
+ * <kj-popover-content [kjFor]="t">…</kj-popover-content>
+ * ```
+ * @doc-category Core/Overlay
+ * @doc
+ * @doc-name popover
+ */
 class KjPopoverTrigger {
+    /** How the panel opens: `click` toggles; `hover` opens on hover intent, focus, or tap. */
     kjTrigger = input('click', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "kjTrigger" }] : /* istanbul ignore next */ []));
     kjDisabled = input(false, { ...(ngDevMode ? { debugName: "kjDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Hover intent before opening, in ms (`hover` kind only). Default 150. */
+    kjOpenDelay = input(150, { ...(ngDevMode ? { debugName: "kjOpenDelay" } : /* istanbul ignore next */ {}), transform: (v) => Number(v) || 0 });
+    /** Grace period after the pointer leaves the trigger or the panel, in ms (`hover` kind only). Default 150. */
+    kjCloseDelay = input(150, { ...(ngDevMode ? { debugName: "kjCloseDelay" } : /* istanbul ignore next */ {}), transform: (v) => Number(v) || 0 });
     _overlayTrigger = inject(KjOverlayTrigger, { self: true });
     /** The controller of the composed `KjOverlayTrigger`, exposed for sibling `[kjFor]` panels. */
     get controller() {
@@ -13313,13 +13606,26 @@ class KjPopoverTrigger {
     attachPanel(panel) {
         this._overlayTrigger.attachPanel(panel);
     }
+    constructor() {
+        const strategy = inject(KJ_OVERLAY_TRIGGER_EVENT_STRATEGY);
+        effect(() => {
+            strategy.use(this.kjTrigger() === 'hover'
+                ? composeTriggerEvents(onHover({
+                    openDelay: this.kjOpenDelay,
+                    closeDelay: this.kjCloseDelay,
+                    interactive: true,
+                }), onFocus(), onClick({ openOnly: true }))
+                : onClick());
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPopoverTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjPopoverTrigger, isStandalone: true, selector: "[kjPopoverTrigger]", inputs: { kjTrigger: { classPropertyName: "kjTrigger", publicName: "kjTrigger", isSignal: true, isRequired: false, transformFunction: null }, kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjPopoverTrigger, isStandalone: true, selector: "[kjPopoverTrigger]", inputs: { kjTrigger: { classPropertyName: "kjTrigger", publicName: "kjTrigger", isSignal: true, isRequired: false, transformFunction: null }, kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null }, kjOpenDelay: { classPropertyName: "kjOpenDelay", publicName: "kjOpenDelay", isSignal: true, isRequired: false, transformFunction: null }, kjCloseDelay: { classPropertyName: "kjCloseDelay", publicName: "kjCloseDelay", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             KjOverlayController,
-            // For an MVP we resolve at construction; reactive switch is a follow-up.
+            // The kind is an input, unknown when this factory runs — the shell is
+            // filled from the effect below once inputs are set.
             {
                 provide: KJ_OVERLAY_TRIGGER_EVENT_STRATEGY,
-                useFactory: () => onClick(),
+                useFactory: () => switchableTriggerEvent({ ariaHasPopup: 'dialog' }),
             },
             { provide: KJ_OVERLAY_PANEL_ROLE, useValue: 'dialog' },
         ], exportAs: ["kjPopoverTrigger"], hostDirectives: [{ directive: KjOverlayTrigger, inputs: ["kjOpen", "kjOpen"] }], ngImport: i0 });
@@ -13333,15 +13639,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     hostDirectives: [{ directive: KjOverlayTrigger, inputs: ['kjOpen'] }],
                     providers: [
                         KjOverlayController,
-                        // For an MVP we resolve at construction; reactive switch is a follow-up.
+                        // The kind is an input, unknown when this factory runs — the shell is
+                        // filled from the effect below once inputs are set.
                         {
                             provide: KJ_OVERLAY_TRIGGER_EVENT_STRATEGY,
-                            useFactory: () => onClick(),
+                            useFactory: () => switchableTriggerEvent({ ariaHasPopup: 'dialog' }),
                         },
                         { provide: KJ_OVERLAY_PANEL_ROLE, useValue: 'dialog' },
                     ],
                 }]
-        }], propDecorators: { kjTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTrigger", required: false }] }], kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { kjTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTrigger", required: false }] }], kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }], kjOpenDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjOpenDelay", required: false }] }], kjCloseDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjCloseDelay", required: false }] }] } });
 
 class KjPopoverContent {
     kjSide = input('bottom', /* @ts-ignore */
@@ -30070,5 +30377,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DRAWER_DATA, DRAWER_DRAG, DRAWER_SIDE, EN_CATALOG, FR_CATALOG, KJ_ACCORDION, KJ_ACCORDION_ITEM, KJ_ALERT, KJ_ALERT_CONFIG, KJ_ALERT_DEFAULTS, KJ_AVATAR, KJ_AVATAR_GROUP, KJ_BREADCRUMB, KJ_BREADCRUMB_CONFIG, KJ_BREADCRUMB_DEFAULTS, KJ_BUTTON_CONFIG, KJ_BUTTON_DEFAULTS, KJ_BUTTON_GROUP, KJ_CALENDAR, KJ_CAROUSEL, KJ_CAROUSEL_INDICATORS, KJ_CAROUSEL_SLIDE, KJ_CASCADE_SELECT, KJ_CHAT, KJ_CHAT_BUBBLE_CONFIG, KJ_CHAT_BUBBLE_DEFAULTS, KJ_CHAT_LOG, KJ_COLOR_PICKER, KJ_CONFIRM_POPUP, KJ_DATE_PICKER, KJ_DATE_RANGE_PRESETS, KJ_DROPDOWN_MENU, KJ_ECHARTS, KJ_FIELD, KJ_FILE_UPLOAD, KJ_FILE_UPLOAD_DEFAULT_MESSAGES, KJ_FILE_UPLOAD_ITEM, KJ_FORM, KJ_FORM_FIELD, KJ_ICON_CSS_PATH, KJ_ICON_ENTRIES, KJ_ICON_LOADER, KJ_ICON_REGISTRY, KJ_ICON_RESOLVER, KJ_INPUT_GROUP, KJ_INPUT_MASK_PRESETS, KJ_INPUT_MASK_TOKENS, KJ_INPUT_OTP, KJ_KBD_SIZE_PRESET, KJ_LINK_CONFIG, KJ_LINK_DEFAULTS, KJ_LIST, KJ_LIST_FOCUS_MODE, KJ_LIST_NAVIGATOR_CONFIG, KJ_LIST_ROW, KJ_LOCALE_CONFIG, KJ_MENUBAR, KJ_MONACO_CONFIG, KJ_MONACO_LANGUAGE_LOADERS, KJ_NUMBER_INPUT, KJ_OVERLAY_BACKDROP_STRATEGY, KJ_OVERLAY_BADGE, KJ_OVERLAY_FOCUS_TRAP_STRATEGY, KJ_OVERLAY_LIVE_ANNOUNCER_STRATEGY, KJ_OVERLAY_MOUNT_STRATEGY, KJ_OVERLAY_PANEL_ROLE, KJ_OVERLAY_POSITION_STRATEGY, KJ_OVERLAY_SCROLL_LOCK_STRATEGY, KJ_OVERLAY_TRIGGER_EVENT_STRATEGY, KJ_PAGINATION, KJ_PAGINATION_CONFIG, KJ_PAGINATION_DEFAULTS, KJ_PASSWORD_INPUT, KJ_PROGRESS_BAR, KJ_PROGRESS_BAR_CONFIG, KJ_PROGRESS_BAR_DEFAULTS, KJ_PROSE_CSS_PATH, KJ_RADIO_GROUP, KJ_RICH_TEXT, KJ_RICH_TEXT_EXTENSIONS, KJ_RICH_TEXT_FEATURES, KJ_RICH_TEXT_NODE, KJ_ROVING_TABINDEX, KJ_RTE_OVERLAY_DATA, KJ_SELECT, KJ_SIZE_FALLBACK, KJ_SIZE_PRESET, KJ_SLIDER, KJ_SPEED_DIAL, KJ_SPINNER_CONFIG, KJ_SPINNER_DEFAULTS, KJ_STEP, KJ_STEPPER, KJ_TABLE, KJ_TABLE_STORAGE, KJ_TABS, KJ_TABS_CONFIG, KJ_TABS_DEFAULTS, KJ_TAG, KJ_TAG_CONFIG, KJ_TAG_DEFAULTS, KJ_TAG_LIST, KJ_TEXTAREA_CONFIG, KJ_TEXTAREA_DEFAULTS, KJ_TIME_PICKER, KJ_TOAST_LIST_STRATEGY, KJ_TOAST_SONNER_STRATEGY, KJ_TOAST_STRATEGY, KJ_TRANSLATION_CATALOGS, KJ_TREE_SELECT, KJ_VARIANT_FALLBACK, KJ_VARIANT_PRESET, KjAccordion, KjAccordionContent, KjAccordionItem, KjAccordionTrigger, KjAlert, KjAlertActions, KjAlertDescription, KjAlertDismiss, KjAlertIcon, KjAlertTitle, KjAriaDescribedBy, KjAriaLabelledBy, KjAvatar, KjAvatarFallback, KjAvatarGroup, KjAvatarImage, KjBackdrop, KjBadge, KjBlockquote, KjBreadcrumb, KjBreadcrumbCurrent, KjBreadcrumbEllipsis, KjBreadcrumbItem, KjBreadcrumbLink, KjBreadcrumbList, KjBreadcrumbSeparator, KjButton, KjButtonGroup, KjCalendar, KjCalendarDay, KjCalendarGrid, KjCalendarHeader, KjCarousel, KjCarouselAutoplay, KjCarouselIndicator, KjCarouselIndicators, KjCarouselNext, KjCarouselPauseToggle, KjCarouselPrevious, KjCarouselSlide, KjCarouselViewport, KjCascadeSelect, KjCascadeSelectOption, KjCascadeSelectPanel, KjCascadeSelectSubPanel, KjCascadeSelectTrigger, KjChart, KjChartTableFallback, KjChat, KjChatAnnouncer, KjChatAvatar, KjChatBubble, KjChatFooter, KjChatHeader, KjChatLog, KjChatStore, KjCheckbox, KjCode, KjColorPicker, KjColorPickerAlphaSlider, KjColorPickerArea, KjColorPickerHueSlider, KjColorPickerInput, KjColorPickerPanel, KjColorPickerTrigger, KjCombobox, KjComboboxInput, KjComboboxListbox, KjComboboxOption, KjCommandEmpty, KjCommandGroup, KjCommandInput, KjCommandItem, KjCommandList, KjCommandPalette, KjCommandPaletteDialog, KjCommandPaletteTrigger, KjCommandSeparator, KjConfirmPopup, KjConfirmPopupAction, KjConfirmPopupCancel, KjConfirmPopupContent, KjConfirmPopupMessage, KjConfirmPopupTrigger, KjDatePicker, KjDatePickerCalendar, KjDatePickerTrigger, KjDateRangePresetOption, KjDateRangePresets, KjDialog$1 as KjDialog, KjDialogRef, KjDialog as KjDialogService, KjDirectionality, KjDisabled, KjDivider, KjDrawer, KjDrawerRef, KjDrawerService, KjDropdownMenu, KjDropdownMenuContent, KjDropdownMenuGroup, KjDropdownMenuItem, KjDropdownMenuLabel, KjDropdownMenuSeparator, KjDropdownMenuTrigger, KjEditor, KjEditorLoader, KjField, KjFieldError, KjFieldGroup, KjFieldHelp, KjFieldLabel, KjFileUpload, KjFileUploadDropzone, KjFileUploadItem, KjFileUploadList, KjFileUploadTrigger, KjFilterableList, KjFocusRing, KjFocusTrap, KjForm, KjFormControl, KjFormError, KjFormErrorSummary, KjFormField, KjFormLabel, KjIconDirective, KjId, KjInput, KjInputGroup, KjInputGroupAddon, KjInputMask, KjInputOtp, KjInputOtpCell, KjKbd, KjLead, KjLink, KjList, KjListGroup, KjListGroupLabel, KjListItem, KjListNavigator, KjListRow, KjListSeparator, KjLiveRegion, KjLocale, KjMenubar, KjMenubarItem, KjMotion, KjMuted, KjNumberInput, KjNumberInputGroup, KjNumberStepper, KjOption, KjOverlayBadge, KjOverlayBadgeContent, KjOverlayBuilder, KjOverlayController, KjOverlayHandle, KjOverlayPanel, KjOverlayStack, KjOverlayTrigger, KjOverlayWrapper, KjPagination, KjPaginationEllipsis, KjPaginationFirst, KjPaginationInfo, KjPaginationItem, KjPaginationLast, KjPaginationNext, KjPaginationPrevious, KjPasswordCapsLockWarning, KjPasswordInput, KjPasswordInputScope, KjPasswordStrength, KjPasswordToggle, KjPopoverArrow, KjPopoverClose, KjPopoverContent, KjPopoverTitle, KjPopoverTrigger, KjProgressBar, KjProgressBarFill, KjRadio, KjRadioGroup, KjReducedMotion, KjRichTextEditor, KjRichTextExtensionDirective, KjRovingTabindex, KjRovingTabindexItemDirective, KjSelect, KjSelectContent, KjSelectTrigger, KjSelectionModel, KjSheet, KjSheetRef, KjSheetService, KjSize, KjSkeleton, KjSkipLink, KjSlider, KjSliderRange, KjSliderThumb, KjSliderTrack, KjSpeedDial, KjSpeedDialAction, KjSpeedDialActions, KjSpeedDialTrigger, KjSpinner, KjStep, KjStepContent, KjStepLabel, KjStepper, KjStepperNext, KjStepperPrevious, KjStepperReset, KjTab, KjTabList, KjTabPanel, KjTable, KjTableCell, KjTableFilterOutlet, KjTableHeader, KjTableKeyboardNav, KjTableRow, KjTabs, KjTag, KjTagList, KjTagRemove, KjTextarea, KjTimePicker, KjTimePickerHours, KjTimePickerMeridiem, KjTimePickerMinutes, KjTimePickerSeconds, KjToast, KjToastClose, KjToastPanel, KjToastRef, KjToastService, KjToastViewport, KjToggle, KjTooltipArrow, KjTooltipContent, KjTooltipGroup, KjTooltipTrigger, KjTranslate, KjTranslateService, KjTreeSelect, KjTreeSelectContent, KjTreeSelectNode, KjTreeSelectToggle, KjTreeSelectTrigger, KjTruncate, KjTypeAhead, KjVariant, KjVisuallyHidden, MaskEngine, SHEET_ARIA_LABEL, SHEET_DATA, SHEET_DETENT, SHEET_DISMISSIBLE, addDays, addMonths, addYears, anchoredTo, assertive, bindPresets, blurredBackdrop, bodyPortal, buildMonthMatrix, coalesceAnnouncement, compareDay, compileMask, corner, createKjDecoratorNode, createKjImageNode, cssClip, defaultDateRangePresets, defaultMaskTokens, defaultPasswordScorer, edgeSheet, endOfMonth, firstDayOfWeek, formatDateLong, formatDateShort, formatMonthYear, getIconMode, htmlOverflow, inContainer, inMemoryAdapter, inPlace, inPlaceSibling, inertBased, injectFilterableList, injectKjFilterParams, injectKjIconResolver, injectListItem, injectRichTextNode, injectRteOverlayData, injectSelectionModel, isInRange, isKjFilterModel, isSameDay, isSameMonth, kjColumn, kjColumnGroup, kjContainsFilter, kjDateFilterFn, kjFileMatchesAccept, kjFuzzyFilter, kjHsvToHsl, kjHsvToRgb, kjMultiFilterFn, kjNumberFilterFn, kjParseHex, kjRgbToHex, kjRgbToHsv, kjSetFilterFn, kjStartsWithFilter, kjSubstringFilter, kjTableResource, kjTextFilterFn, localStorageAdapter, matchSlashCommands, nextCascadeId, nextChatMessageId, nextDropdownMenuLabelId, nextPopoverTitleId, noBackdrop, noScrollLock, noTrap, normalizeLanguage, onClick, onContextMenu, onFocus, onFocusOrInput, onHotkey, onHover, parseDate, parseSlash, pointAt, polite, programmatic, provideECharts, provideIconLoader, provideIconResolver, provideIcons, provideKjAlert, provideKjBreadcrumb, provideKjButton, provideKjChatBubble, provideKjDocumentDirection, provideKjFilterParams, provideKjInputMaskTokens, provideKjLink, provideKjLocale, provideKjPagination, provideKjProgressBar, provideKjRichText, provideKjSpinner, provideKjTableStorage, provideKjTabs, provideKjTag, provideKjTextarea, provideKjToastListStrategy, provideKjToastSonnerStrategy, provideKjToastStrategy, provideKjTranslations, provideMonaco, provideMonacoLanguages, resolveChartPalette, resolveDateRangePreset, sessionStorageAdapter, silent, solidBackdrop, startOfDay, startOfMonth, stripDiacritics, tabCycle, toDeepSignal, viewportCentered, weekdayLongNames, weekdayShortNames };
+export { DRAWER_DATA, DRAWER_DRAG, DRAWER_SIDE, EN_CATALOG, FR_CATALOG, KJ_ACCORDION, KJ_ACCORDION_ITEM, KJ_ALERT, KJ_ALERT_CONFIG, KJ_ALERT_DEFAULTS, KJ_AVATAR, KJ_AVATAR_GROUP, KJ_BREADCRUMB, KJ_BREADCRUMB_CONFIG, KJ_BREADCRUMB_DEFAULTS, KJ_BUTTON_CONFIG, KJ_BUTTON_DEFAULTS, KJ_BUTTON_GROUP, KJ_CALENDAR, KJ_CAROUSEL, KJ_CAROUSEL_INDICATORS, KJ_CAROUSEL_SLIDE, KJ_CASCADE_SELECT, KJ_CHAT, KJ_CHAT_BUBBLE_CONFIG, KJ_CHAT_BUBBLE_DEFAULTS, KJ_CHAT_LOG, KJ_COLOR_PICKER, KJ_CONFIRM_POPUP, KJ_DATE_PICKER, KJ_DATE_RANGE_PRESETS, KJ_DROPDOWN_MENU, KJ_ECHARTS, KJ_FIELD, KJ_FILE_UPLOAD, KJ_FILE_UPLOAD_DEFAULT_MESSAGES, KJ_FILE_UPLOAD_ITEM, KJ_FORM, KJ_FORM_FIELD, KJ_ICON_CSS_PATH, KJ_ICON_ENTRIES, KJ_ICON_LOADER, KJ_ICON_REGISTRY, KJ_ICON_RESOLVER, KJ_INPUT_GROUP, KJ_INPUT_MASK_PRESETS, KJ_INPUT_MASK_TOKENS, KJ_INPUT_OTP, KJ_KBD_SIZE_PRESET, KJ_LINK_CONFIG, KJ_LINK_DEFAULTS, KJ_LIST, KJ_LIST_FOCUS_MODE, KJ_LIST_NAVIGATOR_CONFIG, KJ_LIST_ROW, KJ_LOCALE_CONFIG, KJ_MENUBAR, KJ_MONACO_CONFIG, KJ_MONACO_LANGUAGE_LOADERS, KJ_NUMBER_INPUT, KJ_OVERLAY_BACKDROP_STRATEGY, KJ_OVERLAY_BADGE, KJ_OVERLAY_FOCUS_TRAP_STRATEGY, KJ_OVERLAY_LIVE_ANNOUNCER_STRATEGY, KJ_OVERLAY_MOUNT_STRATEGY, KJ_OVERLAY_PANEL_ROLE, KJ_OVERLAY_POSITION_STRATEGY, KJ_OVERLAY_SCROLL_LOCK_STRATEGY, KJ_OVERLAY_TRIGGER_EVENT_STRATEGY, KJ_PAGINATION, KJ_PAGINATION_CONFIG, KJ_PAGINATION_DEFAULTS, KJ_PASSWORD_INPUT, KJ_PROGRESS_BAR, KJ_PROGRESS_BAR_CONFIG, KJ_PROGRESS_BAR_DEFAULTS, KJ_PROSE_CSS_PATH, KJ_RADIO_GROUP, KJ_RICH_TEXT, KJ_RICH_TEXT_EXTENSIONS, KJ_RICH_TEXT_FEATURES, KJ_RICH_TEXT_NODE, KJ_ROVING_TABINDEX, KJ_RTE_OVERLAY_DATA, KJ_SELECT, KJ_SIZE_FALLBACK, KJ_SIZE_PRESET, KJ_SLIDER, KJ_SPEED_DIAL, KJ_SPINNER_CONFIG, KJ_SPINNER_DEFAULTS, KJ_STEP, KJ_STEPPER, KJ_TABLE, KJ_TABLE_STORAGE, KJ_TABS, KJ_TABS_CONFIG, KJ_TABS_DEFAULTS, KJ_TAG, KJ_TAG_CONFIG, KJ_TAG_DEFAULTS, KJ_TAG_LIST, KJ_TEXTAREA_CONFIG, KJ_TEXTAREA_DEFAULTS, KJ_TIME_PICKER, KJ_TOAST_LIST_STRATEGY, KJ_TOAST_SONNER_STRATEGY, KJ_TOAST_STRATEGY, KJ_TRANSLATION_CATALOGS, KJ_TREE_SELECT, KJ_VARIANT_FALLBACK, KJ_VARIANT_PRESET, KjAccordion, KjAccordionContent, KjAccordionItem, KjAccordionTrigger, KjAlert, KjAlertActions, KjAlertDescription, KjAlertDismiss, KjAlertIcon, KjAlertTitle, KjAriaDescribedBy, KjAriaLabelledBy, KjAvatar, KjAvatarFallback, KjAvatarGroup, KjAvatarImage, KjBackdrop, KjBadge, KjBlockquote, KjBreadcrumb, KjBreadcrumbCurrent, KjBreadcrumbEllipsis, KjBreadcrumbItem, KjBreadcrumbLink, KjBreadcrumbList, KjBreadcrumbSeparator, KjButton, KjButtonGroup, KjCalendar, KjCalendarDay, KjCalendarGrid, KjCalendarHeader, KjCarousel, KjCarouselAutoplay, KjCarouselIndicator, KjCarouselIndicators, KjCarouselNext, KjCarouselPauseToggle, KjCarouselPrevious, KjCarouselSlide, KjCarouselViewport, KjCascadeSelect, KjCascadeSelectOption, KjCascadeSelectPanel, KjCascadeSelectSubPanel, KjCascadeSelectTrigger, KjChart, KjChartTableFallback, KjChat, KjChatAnnouncer, KjChatAvatar, KjChatBubble, KjChatFooter, KjChatHeader, KjChatLog, KjChatStore, KjCheckbox, KjCode, KjColorPicker, KjColorPickerAlphaSlider, KjColorPickerArea, KjColorPickerHueSlider, KjColorPickerInput, KjColorPickerPanel, KjColorPickerTrigger, KjCombobox, KjComboboxInput, KjComboboxListbox, KjComboboxOption, KjCommandEmpty, KjCommandGroup, KjCommandInput, KjCommandItem, KjCommandList, KjCommandPalette, KjCommandPaletteDialog, KjCommandPaletteTrigger, KjCommandSeparator, KjConfirmPopup, KjConfirmPopupAction, KjConfirmPopupCancel, KjConfirmPopupContent, KjConfirmPopupMessage, KjConfirmPopupTrigger, KjDatePicker, KjDatePickerCalendar, KjDatePickerTrigger, KjDateRangePresetOption, KjDateRangePresets, KjDialog$1 as KjDialog, KjDialogRef, KjDialog as KjDialogService, KjDirectionality, KjDisabled, KjDivider, KjDrawer, KjDrawerRef, KjDrawerService, KjDropdownMenu, KjDropdownMenuContent, KjDropdownMenuGroup, KjDropdownMenuItem, KjDropdownMenuLabel, KjDropdownMenuSeparator, KjDropdownMenuTrigger, KjEditor, KjEditorLoader, KjField, KjFieldError, KjFieldGroup, KjFieldHelp, KjFieldLabel, KjFileUpload, KjFileUploadDropzone, KjFileUploadItem, KjFileUploadList, KjFileUploadTrigger, KjFilterableList, KjFocusRing, KjFocusTrap, KjForm, KjFormControl, KjFormError, KjFormErrorSummary, KjFormField, KjFormLabel, KjIconDirective, KjId, KjInput, KjInputGroup, KjInputGroupAddon, KjInputMask, KjInputOtp, KjInputOtpCell, KjKbd, KjLead, KjLink, KjList, KjListGroup, KjListGroupLabel, KjListItem, KjListNavigator, KjListRow, KjListSeparator, KjLiveRegion, KjLocale, KjMenubar, KjMenubarItem, KjMotion, KjMuted, KjNumberInput, KjNumberInputGroup, KjNumberStepper, KjOption, KjOverflowContent, KjOverlayBadge, KjOverlayBadgeContent, KjOverlayBuilder, KjOverlayController, KjOverlayHandle, KjOverlayPanel, KjOverlayStack, KjOverlayTrigger, KjOverlayWrapper, KjPagination, KjPaginationEllipsis, KjPaginationFirst, KjPaginationInfo, KjPaginationItem, KjPaginationLast, KjPaginationNext, KjPaginationPrevious, KjPasswordCapsLockWarning, KjPasswordInput, KjPasswordInputScope, KjPasswordStrength, KjPasswordToggle, KjPopoverArrow, KjPopoverClose, KjPopoverContent, KjPopoverTitle, KjPopoverTrigger, KjProgressBar, KjProgressBarFill, KjRadio, KjRadioGroup, KjReducedMotion, KjRichTextEditor, KjRichTextExtensionDirective, KjRovingTabindex, KjRovingTabindexItemDirective, KjSelect, KjSelectContent, KjSelectTrigger, KjSelectionModel, KjSheet, KjSheetRef, KjSheetService, KjSize, KjSkeleton, KjSkipLink, KjSlider, KjSliderRange, KjSliderThumb, KjSliderTrack, KjSpeedDial, KjSpeedDialAction, KjSpeedDialActions, KjSpeedDialTrigger, KjSpinner, KjStep, KjStepContent, KjStepLabel, KjStepper, KjStepperNext, KjStepperPrevious, KjStepperReset, KjTab, KjTabList, KjTabPanel, KjTable, KjTableCell, KjTableFilterOutlet, KjTableHeader, KjTableKeyboardNav, KjTableRow, KjTabs, KjTag, KjTagList, KjTagRemove, KjTextarea, KjTimePicker, KjTimePickerHours, KjTimePickerMeridiem, KjTimePickerMinutes, KjTimePickerSeconds, KjToast, KjToastClose, KjToastPanel, KjToastRef, KjToastService, KjToastViewport, KjToggle, KjTooltipArrow, KjTooltipContent, KjTooltipGroup, KjTooltipTrigger, KjTranslate, KjTranslateService, KjTreeSelect, KjTreeSelectContent, KjTreeSelectNode, KjTreeSelectToggle, KjTreeSelectTrigger, KjTruncate, KjTypeAhead, KjVariant, KjVisuallyHidden, MaskEngine, SHEET_ARIA_LABEL, SHEET_DATA, SHEET_DETENT, SHEET_DISMISSIBLE, addDays, addMonths, addYears, anchoredTo, assertive, bindPresets, blurredBackdrop, bodyPortal, buildMonthMatrix, coalesceAnnouncement, compareDay, compileMask, corner, createKjDecoratorNode, createKjImageNode, cssClip, defaultDateRangePresets, defaultMaskTokens, defaultPasswordScorer, edgeSheet, endOfMonth, firstDayOfWeek, formatDateLong, formatDateShort, formatMonthYear, getIconMode, htmlOverflow, inContainer, inMemoryAdapter, inPlace, inPlaceSibling, inertBased, injectFilterableList, injectKjFilterParams, injectKjIconResolver, injectListItem, injectRichTextNode, injectRteOverlayData, injectSelectionModel, isInRange, isKjFilterModel, isSameDay, isSameMonth, kjColumn, kjColumnGroup, kjContainsFilter, kjDateFilterFn, kjFileMatchesAccept, kjFuzzyFilter, kjHsvToHsl, kjHsvToRgb, kjMultiFilterFn, kjNumberFilterFn, kjParseHex, kjRgbToHex, kjRgbToHsv, kjSetFilterFn, kjStartsWithFilter, kjSubstringFilter, kjTableResource, kjTextFilterFn, localStorageAdapter, matchSlashCommands, nextCascadeId, nextChatMessageId, nextDropdownMenuLabelId, nextPopoverTitleId, noBackdrop, noScrollLock, noTrap, normalizeLanguage, onClick, onContextMenu, onFocus, onFocusOrInput, onHotkey, onHover, parseDate, parseSlash, pointAt, polite, programmatic, provideECharts, provideIconLoader, provideIconResolver, provideIcons, provideKjAlert, provideKjBreadcrumb, provideKjButton, provideKjChatBubble, provideKjDocumentDirection, provideKjFilterParams, provideKjInputMaskTokens, provideKjLink, provideKjLocale, provideKjPagination, provideKjProgressBar, provideKjRichText, provideKjSpinner, provideKjTableStorage, provideKjTabs, provideKjTag, provideKjTextarea, provideKjToastListStrategy, provideKjToastSonnerStrategy, provideKjToastStrategy, provideKjTranslations, provideMonaco, provideMonacoLanguages, resolveChartPalette, resolveDateRangePreset, sessionStorageAdapter, silent, solidBackdrop, startOfDay, startOfMonth, stripDiacritics, tabCycle, toDeepSignal, viewportCentered, weekdayLongNames, weekdayShortNames };
 //# sourceMappingURL=kouji-ui-core.mjs.map