@kouji-ui/core 0.8.3 → 0.8.5

package/fesm2022/kouji-ui-core.mjs

@@ -405,6 +405,12 @@ class KjOverlayStack {
         if (!top || !top.opts.closeOnOutside)
             return;
         const target = e.target;
+        // A node that is no longer in the document is not "outside" — it is
+        // gone. `contains()` reports false for it just like it would for a
+        // genuine outside click, which would dismiss the overlay on a gesture
+        // that started inside it and whose target was re-rendered away.
+        if (target && !target.isConnected)
+            return;
         if (top.contentEl && target && top.contentEl.contains(target))
             return;
         top.opts.onClose();
@@ -461,6 +467,16 @@ class KjOverlayController {
      */
     strategies = null;
     stackHandle = null;
+    _stackHandle = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_stackHandle" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether this overlay is the top of `KjOverlayStack` — nothing is open
+     * above it. Read by dismiss paths (backdrop click, Escape) so a gesture
+     * aimed at a nested overlay never falls through to its opener. `true`
+     * when the overlay is not registered at all (nothing to be under).
+     */
+    isTopmost = computed(() => this._stackHandle()?.isTopmost() ?? true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isTopmost" }] : /* istanbul ignore next */ []));
     transitionDeadline = 0;
     rafId = 0;
     transitionListener = null;
@@ -521,6 +537,7 @@ class KjOverlayController {
         s.backdrop?.onOpen?.();
         s.scrollLock?.onOpen?.();
         this.stackHandle = this.stack.register(this.id, { onClose: () => this.close('esc') });
+        this._stackHandle.set(this.stackHandle);
         if (this._panel())
             this.stack.markContentEl(this.id, this._panel());
         // Stacking: the panel (and its wrapper, when portalled) take the level
@@ -540,6 +557,7 @@ class KjOverlayController {
             clearOverlayZIndex(this._panel());
             this.stackHandle?.unregister();
             this.stackHandle = null;
+            this._stackHandle.set(null);
             s.scrollLock?.onClose?.();
             s.backdrop?.onClose?.();
             // Hide the panel synchronously before strategy cleanup so the brief
@@ -663,6 +681,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { backdropAnchor: [{ type: i0.ViewChild, args: ['backdropAnchor', { ...{ read: ViewContainerRef }, isSignal: true }] }], panelAnchor: [{ type: i0.ViewChild, args: ['panelAnchor', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
 
+/**
+ * Tracks whether the press that produced a `click` actually BEGAN on the
+ * element that is about to dismiss an overlay.
+ *
+ * A backdrop covers the viewport, so the browser hands it clicks it never
+ * saw the start of. When the element a press began on is removed from the
+ * document before the pointer is released — which is exactly what happens
+ * when a `<kj-select>` nested in a `<kj-command-palette>` commits a NEW
+ * value, re-rendering its option list — the engine retargets the `click`
+ * to what is under the pointer by then. The option is gone and its whole
+ * portalled wrapper with it, so the palette's backdrop is what is left
+ * underneath, and its dismiss handler ran on a click the user aimed at an
+ * option. Committing the SAME value re-renders nothing, the option stays
+ * attached, the click lands on it, and the palette survives — which is why
+ * the bug looked like it depended on the value.
+ *
+ * The rule this encodes: a dismiss-on-click surface reacts only to a press
+ * it owns from the start. Arm on `pointerdown` (which is dispatched at the
+ * real origin, before any re-render can move it), and dismiss on `click`
+ * only if that arming happened.
+ *
+ * Clicks with `detail === 0` are let through: they are not pointer-driven
+ * at all (`element.click()`, keyboard activation, some assistive tooling),
+ * so no `pointerdown` ever arrives to match them against.
+ *
+ * @doc-category Core/Overlay
+ */
+class KjDismissPress {
+    armed = false;
+    /**
+     * Bind to `pointerdown` (and `mousedown`, for engines without pointer
+     * events) on the dismissing element. Firing at all is the signal: the
+     * listener sits on that element, so the press started there.
+     */
+    arm() {
+        this.armed = true;
+    }
+    /**
+     * Bind to `click` on the dismissing element. `true` when the click
+     * belongs to a press that began here and should dismiss; `false` for a
+     * click retargeted onto this element after its original target left the
+     * document. Consumes the arming either way, so a stray click can never
+     * ride on the previous press.
+     */
+    owns(event) {
+        const armed = this.armed;
+        this.armed = false;
+        return event.detail === 0 || armed;
+    }
+    /** Drop any pending arming — call when the overlay closes or is destroyed. */
+    reset() {
+        this.armed = false;
+    }
+}
+
 /**
  * Renders the backdrop scrim for an overlay. Reads the backdrop strategy
  * (className, closeOnClick) and the controller from the per-overlay
@@ -676,12 +749,30 @@ class KjBackdrop {
     ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
     klass = computed(() => this.strategy.className ?? 'kj-backdrop', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "klass" }] : /* istanbul ignore next */ []));
-    onClick(_e) {
+    /**
+     * Only a press that began on the scrim dismisses. A click retargeted
+     * here because its original target left the document mid-gesture (an
+     * option in an overlay stacked above, re-rendered on commit) is not the
+     * user asking to dismiss this overlay — see {@link KjDismissPress}.
+     */
+    press = new KjDismissPress();
+    onPress() {
+        // Nested overlays: while something is stacked above this one, that
+        // overlay owns the dismiss gesture — `KjOverlayStack` routes the same
+        // pointerdown to it. Judged here rather than on the click, because by
+        // then the overlay above has closed and unregistered.
+        if (this.controller && !this.controller.isTopmost())
+            return;
+        this.press.arm();
+    }
+    onClick(e) {
+        if (!this.press.owns(e))
+            return;
         if (this.strategy.closeOnClick)
             this.controller?.close('outside');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjBackdrop, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjBackdrop, isStandalone: true, selector: "kj-backdrop", host: { listeners: { "click": "onClick($event)" }, properties: { "class": "klass()", "attr.data-state": "state()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjBackdrop, isStandalone: true, selector: "kj-backdrop", host: { listeners: { "pointerdown": "onPress()", "mousedown": "onPress()", "click": "onClick($event)" }, properties: { "class": "klass()", "attr.data-state": "state()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjBackdrop, decorators: [{
             type: Component,
@@ -692,6 +783,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     host: {
                         '[class]': 'klass()',
                         '[attr.data-state]': 'state()',
+                        '(pointerdown)': 'onPress()',
+                        '(mousedown)': 'onPress()',
                         '(click)': 'onClick($event)',
                     },
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -3144,7 +3237,23 @@ class KjListItem {
     setSize = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "setSize" }] : /* istanbul ignore next */ []));
     selection = inject(KjSelectionModel, { optional: true });
-    cfg = inject(KJ_LIST_NAVIGATOR_CONFIG, { optional: true });
+    /**
+     * The list container this item belongs to — the nearest
+     * `KJ_LIST_NAVIGATOR_CONFIG` on the element-injector path, i.e. the
+     * innermost list-style composite that encloses this item. `null` when
+     * the item is rendered outside any container.
+     *
+     * This is what makes a nested composite (a select inside a command
+     * palette, a menu inside a select, a combobox inside a dialog) keep
+     * its items to itself: the item answers to exactly one container, and
+     * every container filters its own `contentChildren(KjListItem)` query
+     * down to the items that name it here (see {@link ownListItems}).
+     * Without that filter a `descendants: true` query reaches straight
+     * through a nested composite and steals its rows — the outer list then
+     * navigates, filters, numbers (`aria-posinset`) and activates options
+     * that are not its own.
+     */
+    container = inject(KJ_LIST_NAVIGATOR_CONFIG, { optional: true });
     /**
      * `aria-selected` driven by the injected selection model. `null` when
      * no model is provided, the value is undefined, or the mode is
@@ -3211,7 +3320,7 @@ class KjListItem {
         if (this.selection && v !== undefined) {
             ({ closeRequested } = this.selection.toggle(v));
         }
-        this.cfg?.afterSelect?.(v, closeRequested);
+        this.container?.afterSelect?.(v, closeRequested);
         this.activate.emit(v);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjListItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -3509,6 +3618,45 @@ const injectListItem = () => inject(KjListItem);
 const injectSelectionModel = () => inject(KjSelectionModel);
 const injectFilterableList = () => inject(KjFilterableList);
 
+/**
+ * Narrows a container's `contentChildren(KjListItem, { descendants: true })`
+ * query to the items that actually belong to that container.
+ *
+ * Every list-style root (`KjSelect`, `KjCommandPalette`, `KjCombobox`,
+ * `KjDropdownMenu(Content)`, `KjMenubar`, `KjTreeSelect`,
+ * `KjCascadeSelect`) collects its rows with a `descendants: true` content
+ * query. That query is blind to composition: it walks straight through a
+ * nested list composite and hoovers up *its* rows too. A `<kj-select>`
+ * placed inside a `<kj-command-palette>` therefore handed its options to
+ * the palette, which then navigated onto them, filtered them with its own
+ * query, renumbered their `aria-posinset` / `aria-setsize`, and — on
+ * Enter — activated one of them as if it were a command row.
+ *
+ * `KjListItem` already resolves its one true owner through the element
+ * injector ({@link KjListItem.container}: the nearest
+ * `KJ_LIST_NAVIGATOR_CONFIG`, which a nested composite provides at its own
+ * root). Filtering on that pointer gives every container exactly the items
+ * inside its own list scope and nothing from a composite nested within it,
+ * for any nesting — select in palette, select in dialog, menu in palette,
+ * combobox in select.
+ *
+ * Items that resolve no container at all (`container === null` — rendered
+ * outside any root) are kept, so a bare `[kjListItem]` used with a
+ * hand-rolled container still registers.
+ *
+ * @param owner The container running the query — pass `this`.
+ * @param query The raw `contentChildren(KjListItem, { descendants: true })` signal.
+ *
+ * @doc-category Core/Primitives
+ */
+function ownListItems(
+// Typed as `object` rather than `KjListNavigatorConfig`: every caller
+// passes `this` from the field initializer that defines its own `items`,
+// and the stricter type would make that a circular type reference.
+owner, query) {
+    return computed(() => query().filter(i => i.container === null || i.container === owner));
+}
+
 const DEEP_SIGNAL = Symbol('kj.deep-signal');
 /**
  * Wraps a `Signal<T>` so that `result.foo` returns a child `Signal<T['foo']>`
@@ -14455,8 +14603,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * @doc-category Core/Overlay
  */
 class KjDropdownMenu {
-    /** All `KjListItem`s under this root. Source of truth for nav + type-ahead. */
-    items = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * Raw content query. `descendants: true` reaches straight through a
+     * list composite nested inside this menu root, so it is never read
+     * directly — `items` narrows it to this container's own scope.
+     */
+    allItems = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "allItems" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * All `KjListItem`s under this root. Source of truth for nav + type-ahead.
+     *
+     * Items owned by a list composite nested inside this one (a select
+     * inside a palette, a menu inside a select) answer to that composite,
+     * not to this one.
+     */
+    items = ownListItems(this, this.allItems);
     /** Menu items are actions — no selection model. Kept as `Object.is`. */
     compareBy = signal(Object.is, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "compareBy" }] : /* istanbul ignore next */ []));
@@ -14473,7 +14633,7 @@ class KjDropdownMenu {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDropdownMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.5", type: KjDropdownMenu, isStandalone: true, selector: "[kjDropdownMenu]", providers: [
             { provide: KJ_LIST_NAVIGATOR_CONFIG, useExisting: forwardRef(() => KjDropdownMenu) },
-        ], queries: [{ propertyName: "items", predicate: KjListItem, descendants: true, isSignal: true }], exportAs: ["kjDropdownMenu"], ngImport: i0 });
+        ], queries: [{ propertyName: "allItems", predicate: KjListItem, descendants: true, isSignal: true }], exportAs: ["kjDropdownMenu"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDropdownMenu, decorators: [{
             type: Directive,
@@ -14485,7 +14645,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         { provide: KJ_LIST_NAVIGATOR_CONFIG, useExisting: forwardRef(() => KjDropdownMenu) },
                     ],
                 }]
-        }], propDecorators: { items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
+        }], propDecorators: { allItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
 
 function deferredMount() {
     let ctx = null;
@@ -14562,8 +14722,20 @@ class KjDropdownMenuContent {
     kjMount = input('portal', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "kjMount" }] : /* istanbul ignore next */ []));
     // ── KjListNavigatorConfig ────────────────────────────────────────────
-    /** All `KjListItem`s projected into the menu panel. */
-    items = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * Raw content query. `descendants: true` reaches straight through a
+     * list composite nested inside this menu panel, so it is never read
+     * directly — `items` narrows it to this container's own scope.
+     */
+    allItems = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "allItems" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * All `KjListItem`s projected into the menu panel.
+     *
+     * Items owned by a list composite nested inside this one (a select
+     * inside a palette, a menu inside a select) answer to that composite,
+     * not to this one.
+     */
+    items = ownListItems(this, this.allItems);
     /** Menu items are actions — no selection model. Kept as `Object.is`. */
     compareBy = signal(Object.is, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "compareBy" }] : /* istanbul ignore next */ []));
@@ -14679,7 +14851,7 @@ class KjDropdownMenuContent {
                 useFactory: () => signal('roving'),
             },
             KjTypeAhead,
-        ], queries: [{ propertyName: "items", predicate: KjListItem, descendants: true, isSignal: true }], hostDirectives: [{ directive: KjOverlayPanel, inputs: ["kjFor", "kjFor"] }, { directive: KjListNavigator, inputs: ["kjOrientation", "kjOrientation", "kjFocusMode", "kjFocusMode"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], queries: [{ propertyName: "allItems", predicate: KjListItem, descendants: true, isSignal: true }], hostDirectives: [{ directive: KjOverlayPanel, inputs: ["kjFor", "kjFor"] }, { directive: KjListNavigator, inputs: ["kjOrientation", "kjOrientation", "kjFocusMode", "kjFocusMode"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDropdownMenuContent, decorators: [{
             type: Component,
@@ -14725,7 +14897,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     },
                     template: `<ng-content />`,
                 }]
-        }], ctorParameters: () => [], propDecorators: { kjSide: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSide", required: false }] }], kjAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAlign", required: false }] }], kjMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjMount", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { kjSide: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSide", required: false }] }], kjAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAlign", required: false }] }], kjMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjMount", required: false }] }], allItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
 
 /**
  * An individual item inside a `[kjDropdownMenu]` panel.
@@ -16010,8 +16182,20 @@ class KjCommandPalette {
     kjActivate = output();
     /** Stable listbox id for `aria-controls` wiring. */
     listId = nextCommandListId();
-    /** All `KjListItem`s under this palette. Source of truth for nav + filter. */
-    items = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * Raw content query. `descendants: true` reaches straight through a
+     * list composite nested inside this palette, so it is never read
+     * directly — `items` narrows it to this container's own scope.
+     */
+    allItems = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "allItems" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * All `KjListItem`s under this palette. Source of truth for nav + filter.
+     *
+     * Items owned by a list composite nested inside this one (a select
+     * inside a palette, a menu inside a select) answer to that composite,
+     * not to this one.
+     */
+    items = ownListItems(this, this.allItems);
     filterSvc = inject(KjFilterableList);
     /** Visible (filter-passing) items. */
     visibleItems = computed(() => this.filterSvc.visibleItems(), /* @ts-ignore */
@@ -16139,7 +16323,7 @@ class KjCommandPalette {
             { provide: KJ_LIST_NAVIGATOR_CONFIG, useExisting: forwardRef(() => KjCommandPalette) },
             KjFilterableList,
             KjTypeAhead,
-        ], queries: [{ propertyName: "items", predicate: KjListItem, descendants: true, isSignal: true }], exportAs: ["kjCommandPalette"], ngImport: i0 });
+        ], queries: [{ propertyName: "allItems", predicate: KjListItem, descendants: true, isSignal: true }], exportAs: ["kjCommandPalette"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandPalette, decorators: [{
             type: Directive,
@@ -16153,7 +16337,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         KjTypeAhead,
                     ],
                 }]
-        }], ctorParameters: () => [], propDecorators: { kjFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFilter", required: false }] }], kjShouldFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjShouldFilter", required: false }] }], kjLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLoading", required: false }] }], kjAutoActivateFirst: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoActivateFirst", required: false }] }], kjDismissOnActivate: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDismissOnActivate", required: false }] }], kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjQuery", required: false }] }, { type: i0.Output, args: ["kjQueryChange"] }], kjActivate: [{ type: i0.Output, args: ["kjActivate"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { kjFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFilter", required: false }] }], kjShouldFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjShouldFilter", required: false }] }], kjLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLoading", required: false }] }], kjAutoActivateFirst: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoActivateFirst", required: false }] }], kjDismissOnActivate: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDismissOnActivate", required: false }] }], kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjQuery", required: false }] }, { type: i0.Output, args: ["kjQueryChange"] }], kjActivate: [{ type: i0.Output, args: ["kjActivate"] }], allItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
 
 /**
  * Search input inside the command palette. Composes `KjListNavigator`
@@ -20576,8 +20760,20 @@ class KjSelect {
     focus() {
         this._triggerEl()?.nativeElement.focus();
     }
-    /** All `KjListItem`s under this select — source for navigator + type-ahead. */
-    items = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * Raw content query. `descendants: true` reaches straight through a
+     * list composite nested inside this select, so it is never read
+     * directly — `items` narrows it to this container's own scope.
+     */
+    allItems = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "allItems" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * All `KjListItem`s under this select — source for navigator + type-ahead.
+     *
+     * Items owned by a list composite nested inside this one (a select
+     * inside a palette, a menu inside a select) answer to that composite,
+     * not to this one.
+     */
+    items = ownListItems(this, this.allItems);
     /** Implements `KjListNavigatorConfig.mode`. */
     mode = computed(() => this._multiple() ? 'multi' : 'single', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
@@ -20613,7 +20809,7 @@ class KjSelect {
             KjSelectionModel,
             KjTypeAhead,
             KjOverlayController,
-        ], queries: [{ propertyName: "items", predicate: KjListItem, descendants: true, isSignal: true }], exportAs: ["kjSelect"], ngImport: i0 });
+        ], queries: [{ propertyName: "allItems", predicate: KjListItem, descendants: true, isSignal: true }], exportAs: ["kjSelect"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjSelect, decorators: [{
             type: Directive,
@@ -20629,7 +20825,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         KjOverlayController,
                     ],
                 }]
-        }], ctorParameters: () => [], propDecorators: { kjSelectValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSelectValue", required: false }] }, { type: i0.Output, args: ["kjSelectValueChange"] }], kjCompareBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjCompareBy", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { kjSelectValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSelectValue", required: false }] }, { type: i0.Output, args: ["kjSelectValueChange"] }], kjCompareBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjCompareBy", required: false }] }], allItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
 
 /**
  * Wraps `onClick()` and forces `ariaHasPopup` to `'listbox'` so the trigger
@@ -20884,8 +21080,20 @@ class KjCombobox {
     ...(ngDevMode ? [{ debugName: "compareBy" }] : /* istanbul ignore next */ []));
     /** Stable listbox id for `aria-controls` wiring. */
     listboxId = nextId();
-    /** All `KjListItem`s under this combobox — source for nav + filter. */
-    items = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * Raw content query. `descendants: true` reaches straight through a
+     * list composite nested inside this combobox, so it is never read
+     * directly — `items` narrows it to this container's own scope.
+     */
+    allItems = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "allItems" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * All `KjListItem`s under this combobox — source for nav + filter.
+     *
+     * Items owned by a list composite nested inside this one (a select
+     * inside a palette, a menu inside a select) answer to that composite,
+     * not to this one.
+     */
+    items = ownListItems(this, this.allItems);
     /** Filter-aware visible items, exposed for KjListNavigatorConfig. */
     visibleItems = computed(() => this.filter.visibleItems(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "visibleItems" }] : /* istanbul ignore next */ []));
@@ -21037,7 +21245,7 @@ class KjCombobox {
             KjSelectionModel,
             KjFilterableList,
             KjOverlayController,
-        ], queries: [{ propertyName: "items", predicate: KjListItem, descendants: true, isSignal: true }], exportAs: ["kjCombobox"], hostDirectives: [{ directive: KjDisabled, inputs: ["kjDisabled", "kjDisabled"] }], ngImport: i0 });
+        ], queries: [{ propertyName: "allItems", predicate: KjListItem, descendants: true, isSignal: true }], exportAs: ["kjCombobox"], hostDirectives: [{ directive: KjDisabled, inputs: ["kjDisabled", "kjDisabled"] }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCombobox, decorators: [{
             type: Directive,
@@ -21056,7 +21264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         '[attr.data-state]': "open() ? 'open' : 'closed'",
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjQueryInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjQuery", required: false }] }], kjShouldFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjShouldFilter", required: false }] }], kjLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLoading", required: false }] }], kjFreeText: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFreeText", required: false }] }], kjFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFilter", required: false }] }], kjAutoActivateFirst: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoActivateFirst", required: false }] }], kjQueryChange: [{ type: i0.Output, args: ["kjQueryChange"] }], kjCommit: [{ type: i0.Output, args: ["kjCommit"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjQueryInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjQuery", required: false }] }], kjShouldFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjShouldFilter", required: false }] }], kjLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLoading", required: false }] }], kjFreeText: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFreeText", required: false }] }], kjFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFilter", required: false }] }], kjAutoActivateFirst: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoActivateFirst", required: false }] }], kjQueryChange: [{ type: i0.Output, args: ["kjQueryChange"] }], kjCommit: [{ type: i0.Output, args: ["kjCommit"] }], allItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
 
 /**
  * Decorates a native `<input>` to act as the combobox trigger. Composes the
@@ -21688,8 +21896,20 @@ class KjCascadeSelect {
     /** Emitted when the active-descendant crosses a level boundary. */
     kjLevelChange = output();
     // ── KjListNavigatorConfig implementation ──────────────────────────
-    /** All `KjListItem`s under this cascade — source for the navigators. */
-    items = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * Raw content query. `descendants: true` reaches straight through a
+     * list composite nested inside this cascade, so it is never read
+     * directly — `items` narrows it to this container's own scope.
+     */
+    allItems = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "allItems" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * All `KjListItem`s under this cascade — source for the navigators.
+     *
+     * Items owned by a list composite nested inside this one (a select
+     * inside a palette, a menu inside a select) answer to that composite,
+     * not to this one.
+     */
+    items = ownListItems(this, this.allItems);
     /**
      * Every projected `KjCascadeSelectOption`. Used by {@link findOption}
      * to resolve a `KjListItem` id (typically the navigator's active id)
@@ -21840,7 +22060,7 @@ class KjCascadeSelect {
             { provide: KJ_LIST_NAVIGATOR_CONFIG, useExisting: forwardRef(() => KjCascadeSelect) },
             KjSelectionModel,
             KjOverlayController,
-        ], queries: [{ propertyName: "items", predicate: KjListItem, descendants: true, isSignal: true }, { propertyName: "_options", predicate: KjCascadeSelectOption, descendants: true, isSignal: true }], exportAs: ["kjCascadeSelect"], ngImport: i0 });
+        ], queries: [{ propertyName: "allItems", predicate: KjListItem, descendants: true, isSignal: true }, { propertyName: "_options", predicate: KjCascadeSelectOption, descendants: true, isSignal: true }], exportAs: ["kjCascadeSelect"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCascadeSelect, decorators: [{
             type: Directive,
@@ -21856,7 +22076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         KjOverlayController,
                     ],
                 }]
-        }], ctorParameters: () => [], propDecorators: { kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjCascadePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjCascadePath", required: false }] }, { type: i0.Output, args: ["kjCascadePathChange"] }], kjTreeShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTreeShape", required: false }] }], kjSubPanelOpenDelayMs: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSubPanelOpenDelayMs", required: false }] }], kjSubPanelCloseDelayMs: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSubPanelCloseDelayMs", required: false }] }], kjLevelChange: [{ type: i0.Output, args: ["kjLevelChange"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }], _options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjCascadeSelectOption), { ...{ descendants: true }, isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjCascadePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjCascadePath", required: false }] }, { type: i0.Output, args: ["kjCascadePathChange"] }], kjTreeShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTreeShape", required: false }] }], kjSubPanelOpenDelayMs: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSubPanelOpenDelayMs", required: false }] }], kjSubPanelCloseDelayMs: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSubPanelCloseDelayMs", required: false }] }], kjLevelChange: [{ type: i0.Output, args: ["kjLevelChange"] }], allItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }], _options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjCascadeSelectOption), { ...{ descendants: true }, isSignal: true }] }] } });
 
 /**
  * Trigger button for the Cascade Select root panel. Opens the panel on click
@@ -22096,7 +22316,8 @@ class KjTreeSelect {
      * until node-level wiring lands (Task 3 of the migration plan); kept
      * here now so the config contract is satisfied today.
      */
-    items = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
+    allItems = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "allItems" } : /* istanbul ignore next */ {}), descendants: true });
+    items = ownListItems(this, this.allItems);
     /**
      * Single canonical value signal. Shared with the legacy `kjValue`
      * model — `KjSelectionModel` reads / writes through this signal.
@@ -22233,7 +22454,7 @@ class KjTreeSelect {
             { provide: KJ_LIST_NAVIGATOR_CONFIG, useExisting: forwardRef(() => KjTreeSelect) },
             KjSelectionModel,
             KjOverlayController,
-        ], queries: [{ propertyName: "items", predicate: KjListItem, descendants: true, isSignal: true }], ngImport: i0 });
+        ], queries: [{ propertyName: "allItems", predicate: KjListItem, descendants: true, isSignal: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTreeSelect, decorators: [{
             type: Directive,
@@ -22247,7 +22468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         KjOverlayController,
                     ],
                 }]
-        }], ctorParameters: () => [], propDecorators: { kjNodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjNodes", required: false }] }], kjSelectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSelectionMode", required: false }] }], kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjTreeShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTreeShape", required: false }] }], kjExpandedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjExpandedKeys", required: false }] }, { type: i0.Output, args: ["kjExpandedKeysChange"] }], kjNodeSelect: [{ type: i0.Output, args: ["kjNodeSelect"] }], kjNodeExpand: [{ type: i0.Output, args: ["kjNodeExpand"] }], kjNodeCollapse: [{ type: i0.Output, args: ["kjNodeCollapse"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { kjNodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjNodes", required: false }] }], kjSelectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSelectionMode", required: false }] }], kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjTreeShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTreeShape", required: false }] }], kjExpandedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjExpandedKeys", required: false }] }, { type: i0.Output, args: ["kjExpandedKeysChange"] }], kjNodeSelect: [{ type: i0.Output, args: ["kjNodeSelect"] }], kjNodeExpand: [{ type: i0.Output, args: ["kjNodeExpand"] }], kjNodeCollapse: [{ type: i0.Output, args: ["kjNodeCollapse"] }], allItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
 
 /**
  * Individual tree node (treeitem). Composes `KjListItem` via
@@ -28293,8 +28514,20 @@ class KjMenubar {
     /** Emits the bar item's id when its popup opens, or `null` when all are closed. */
     kjOpenChange = output();
     // ── KjListNavigatorConfig ────────────────────────────────────────────
-    /** All `KjListItem`s composed by `KjMenubarItem` children. */
-    items = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * Raw content query. `descendants: true` reaches straight through a
+     * list composite nested inside this menubar, so it is never read
+     * directly — `items` narrows it to this container's own scope.
+     */
+    allItems = contentChildren(KjListItem, { ...(ngDevMode ? { debugName: "allItems" } : /* istanbul ignore next */ {}), descendants: true });
+    /**
+     * All `KjListItem`s composed by `KjMenubarItem` children.
+     *
+     * Items owned by a list composite nested inside this one (a select
+     * inside a palette, a menu inside a select) answer to that composite,
+     * not to this one.
+     */
+    items = ownListItems(this, this.allItems);
     /** No selection model on a menubar. Identity compare. */
     compareBy = signal(Object.is, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "compareBy" }] : /* istanbul ignore next */ []));
@@ -28505,7 +28738,7 @@ class KjMenubar {
                 useFactory: () => signal('roving'),
             },
             KjTypeAhead,
-        ], queries: [{ propertyName: "items", predicate: KjListItem, descendants: true, isSignal: true }], exportAs: ["kjMenubar"], hostDirectives: [{ directive: KjListNavigator }], ngImport: i0 });
+        ], queries: [{ propertyName: "allItems", predicate: KjListItem, descendants: true, isSignal: true }], exportAs: ["kjMenubar"], hostDirectives: [{ directive: KjListNavigator }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjMenubar, decorators: [{
             type: Directive,
@@ -28531,7 +28764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         '(focusin)': '_onFocusin($event)',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { kjLoop: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLoop", required: false }] }], kjAutoDisclose: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoDisclose", required: false }] }], kjAutoDiscloseDelayMs: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoDiscloseDelayMs", required: false }] }], kjAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAriaLabel", required: false }] }], kjOpenChange: [{ type: i0.Output, args: ["kjOpenChange"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { kjLoop: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLoop", required: false }] }], kjAutoDisclose: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoDisclose", required: false }] }], kjAutoDiscloseDelayMs: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoDiscloseDelayMs", required: false }] }], kjAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAriaLabel", required: false }] }], kjOpenChange: [{ type: i0.Output, args: ["kjOpenChange"] }], allItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjListItem), { ...{ descendants: true }, isSignal: true }] }] } });
 
 let _menubarPanelId = 0;
 /**
@@ -30543,5 +30776,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_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_OVERLAY_Z_BASE, KJ_OVERLAY_Z_BASE_DEFAULT, KJ_OVERLAY_Z_VAR, 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, applyOverlayZIndex, assertive, bindPresets, blurredBackdrop, bodyPortal, buildMonthMatrix, clearOverlayZIndex, coalesceAnnouncement, compareDay, compileMask, corner, createKjDecoratorNode, createKjImageNode, createOverlayWrapper, cssClip, defaultDateRangePresets, defaultMaskTokens, defaultPasswordScorer, edgeSheet, endOfMonth, firstDayOfWeek, formatDateLong, formatDateShort, formatMonthYear, getIconMode, getOverlayContainer, 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 };
+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_OVERLAY_Z_BASE, KJ_OVERLAY_Z_BASE_DEFAULT, KJ_OVERLAY_Z_VAR, 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, KjDismissPress, 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, applyOverlayZIndex, assertive, bindPresets, blurredBackdrop, bodyPortal, buildMonthMatrix, clearOverlayZIndex, coalesceAnnouncement, compareDay, compileMask, corner, createKjDecoratorNode, createKjImageNode, createOverlayWrapper, cssClip, defaultDateRangePresets, defaultMaskTokens, defaultPasswordScorer, edgeSheet, endOfMonth, firstDayOfWeek, formatDateLong, formatDateShort, formatMonthYear, getIconMode, getOverlayContainer, 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, ownListItems, 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