@kouji-ui/core 0.6.3 → 0.8.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 };
+        },
     };
 }
 
@@ -4215,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',
@@ -4243,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',
@@ -4926,7 +4986,7 @@ class KjButtonGroup {
         return this.kjDisabled;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjButtonGroup, isStandalone: true, selector: "[kjButtonGroup]", inputs: { kjOrientation: { classPropertyName: "kjOrientation", publicName: "kjOrientation", isSignal: true, isRequired: false, transformFunction: null }, kjVariant: { classPropertyName: "kjVariant", publicName: "kjVariant", isSignal: true, isRequired: false, transformFunction: null }, kjSize: { classPropertyName: "kjSize", publicName: "kjSize", isSignal: true, isRequired: false, transformFunction: null }, kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "\"group\"", "attr.data-orientation": "kjOrientation()", "attr.data-disabled": "kjDisabled() ? \"\" : null" } }, providers: [{ provide: KJ_BUTTON_GROUP, useExisting: KjButtonGroup }], exportAs: ["kjButtonGroup"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjButtonGroup, isStandalone: true, selector: "[kjButtonGroup]", inputs: { kjOrientation: { classPropertyName: "kjOrientation", publicName: "kjOrientation", isSignal: true, isRequired: false, transformFunction: null }, kjVariant: { classPropertyName: "kjVariant", publicName: "kjVariant", isSignal: true, isRequired: false, transformFunction: null }, kjSize: { classPropertyName: "kjSize", publicName: "kjSize", isSignal: true, isRequired: false, transformFunction: null }, kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "\"group\"", "attr.data-orientation": "kjOrientation()", "attr.data-disabled": "kjDisabled() ? \"\" : null", "attr.data-variant": "kjVariant() ?? null" } }, providers: [{ provide: KJ_BUTTON_GROUP, useExisting: KjButtonGroup }], exportAs: ["kjButtonGroup"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjButtonGroup, decorators: [{
             type: Directive,
@@ -4944,6 +5004,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         // dedicated toolbar/radiogroup variants.
                         '[attr.data-orientation]': 'kjOrientation()',
                         '[attr.data-disabled]': 'kjDisabled() ? "" : null',
+                        // Styling hook for group-level looks that the children alone cannot
+                        // draw — a segmented control's shared shell and dividers, for one.
+                        '[attr.data-variant]': 'kjVariant() ?? null',
                     },
                 }]
         }], propDecorators: { kjOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjOrientation", required: false }] }], kjVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjVariant", required: false }] }], kjSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSize", required: false }] }], kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }] } });
@@ -11569,6 +11632,27 @@ class KjChatStore {
         this.append({ id, role: 'user', content, createdAt: Date.now() });
         return id;
     }
+    /**
+     * Append an item drawn by a registered renderer rather than the built-in
+     * message body — a chart, a diff, a form. `type` must match a key passed to
+     * `provideKjChat`; `data` is handed to that component untouched.
+     *
+     * `content` is the item's plain-text equivalent. It is what the live region
+     * announces and what a fallback renderer shows, so give it something a
+     * screen-reader user can act on rather than leaving it empty.
+     */
+    addItem(options) {
+        const id = nextChatMessageId();
+        this.append({
+            id,
+            role: options.role ?? 'assistant',
+            type: options.type,
+            data: options.data,
+            content: options.content ?? '',
+            createdAt: Date.now(),
+        });
+        return id;
+    }
     /** Append a system message; returns its id. */
     addSystem(content) {
         const id = nextChatMessageId();
@@ -11683,6 +11767,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             type: Injectable
         }] });
 
+/**
+ * The resolved chat configuration. Read by the thread; written by
+ * {@link provideKjChat}. Defaults to an empty registry so the thread works
+ * with no provider at all.
+ */
+const KJ_CHAT_CONFIG = new InjectionToken('KJ_CHAT_CONFIG', {
+    providedIn: 'root',
+    factory: () => ({ renderers: {} }),
+});
+/**
+ * Register thread-item renderers.
+ *
+ * ```ts
+ * provideKjChat({
+ *   renderers: { chart: ChartBubble, markdown: MyMarkdown },
+ *   fallback: UnknownItem,
+ * })
+ * ```
+ *
+ * Provide it at the application root for app-wide renderers, or on a route /
+ * component for a chat that draws its own item kinds — the nearest injector
+ * wins, exactly like any other Angular provider.
+ */
+function provideKjChat(config) {
+    return { provide: KJ_CHAT_CONFIG, useValue: config };
+}
+
 /** Sentence-ending punctuation we flush on. */
 const SENTENCE_END = /[.!?\n]/g;
 /**
@@ -12475,9 +12586,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
@@ -12495,6 +12608,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 */ []));
@@ -12507,19 +12621,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. */
@@ -12529,8 +12674,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,
@@ -12549,7 +12718,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
@@ -13339,10 +13548,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() {
@@ -13351,13 +13657,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 });
@@ -13371,15 +13690,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 */
@@ -30108,5 +30428,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_CONFIG, 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, provideKjChat, 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