@kouji-ui/core 0.8.2 → 0.8.4

package/fesm2022/kouji-ui-core.mjs

@@ -223,10 +223,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+/** Default `z-index` of the first (outermost) open overlay. */
+const KJ_OVERLAY_Z_BASE_DEFAULT = 1000;
+/**
+ * Base `z-index` of the overlay stack — the level the first open overlay
+ * gets; each nested overlay opened on top of it gets the next integer up.
+ * Override per app via DI, or at runtime with `--kj-overlay-z-base` on
+ * `:root` (the CSS custom property wins when both are set).
+ */
+const KJ_OVERLAY_Z_BASE = new InjectionToken('KJ_OVERLAY_Z_BASE', {
+    providedIn: 'root',
+    factory: () => KJ_OVERLAY_Z_BASE_DEFAULT,
+});
+/**
+ * CSS custom property every overlay panel / backdrop reads as
+ * `z-index: var(--kj-overlay-z, <default>)`. Written by
+ * {@link applyOverlayZIndex} on open and removed on close.
+ */
+const KJ_OVERLAY_Z_VAR = '--kj-overlay-z';
+/**
+ * Writes the stack-assigned `z-index` for one overlay to the DOM: the panel
+ * receives `--kj-overlay-z` (so its component CSS resolves the level), and
+ * when the panel sits inside a `.kj-overlay-wrapper` the wrapper receives
+ * the same custom property plus an inline `z-index`. Giving the wrapper the
+ * `z-index` turns it into one stacking context per overlay, so a backdrop
+ * and its panel move as a unit and a nested overlay's wrapper always paints
+ * above its opener's — regardless of the fixed `z-index` each component's
+ * stylesheet declares.
+ */
+function applyOverlayZIndex(panel, zIndex) {
+    if (!panel)
+        return;
+    const z = String(zIndex);
+    panel.style.setProperty(KJ_OVERLAY_Z_VAR, z);
+    const wrapper = panel.parentElement;
+    if (wrapper?.classList.contains('kj-overlay-wrapper')) {
+        wrapper.style.setProperty(KJ_OVERLAY_Z_VAR, z);
+        wrapper.style.zIndex = z;
+    }
+}
+/** Reverses {@link applyOverlayZIndex} — call before the panel leaves its wrapper. */
+function clearOverlayZIndex(panel) {
+    if (!panel)
+        return;
+    panel.style.removeProperty(KJ_OVERLAY_Z_VAR);
+    const wrapper = panel.parentElement;
+    if (wrapper?.classList.contains('kj-overlay-wrapper')) {
+        wrapper.style.removeProperty(KJ_OVERLAY_Z_VAR);
+        wrapper.style.removeProperty('z-index');
+    }
+}
 /**
  * Global coordinator for nested-overlay behaviour: stack ordering, Escape
- * routing, and outside-click detection. Only the topmost overlay receives
- * Esc / outside-click — prevents the double-close problem.
+ * routing, outside-click detection, and z-index stacking. Only the topmost
+ * overlay receives Esc / outside-click — prevents the double-close problem.
+ *
+ * **Stacking.** Every overlay registers here when it opens and receives a
+ * `z-index` one above the highest overlay open at that moment (the first
+ * one gets the base, `1000` by default). The controller writes it to the
+ * panel and its wrapper as `--kj-overlay-z`, and every overlay stylesheet
+ * in the kit reads `z-index: var(--kj-overlay-z, …)`, so a select opened
+ * inside a command palette, a popover inside a dialog, or a dialog opened
+ * from a palette always paints above its opener. Closing an overlay pops it
+ * off the stack; the ones left keep their level, and the next overlay opens
+ * one above whatever is still open. Change the base app-wide with
+ * `KJ_OVERLAY_Z_BASE` (DI) or `--kj-overlay-z-base` on `:root`. Toasts are
+ * not part of the stack — they live in their own layer above it
+ * (`--kj-toast-z-index`, default `2000`).
  *
  * SSR-safe: every DOM access guarded by isPlatformBrowser.
  *
@@ -234,11 +297,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * @doc
  * @doc-name overlay-stack
  * @doc-is-main
- * @doc-description Routes Escape and outside-click to only the topmost overlay when overlays are nested.
+ * @doc-description Routes Escape and outside-click to only the topmost overlay when overlays are nested, and stacks each nested overlay above its opener.
  */
 class KjOverlayStack {
     platformId = inject(PLATFORM_ID);
     isBrowser = isPlatformBrowser(this.platformId);
+    configuredBase = inject(KJ_OVERLAY_Z_BASE);
     _stack = signal([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_stack" }] : /* istanbul ignore next */ []));
     _listenersInstalled = false;
@@ -246,7 +310,7 @@ class KjOverlayStack {
     _onPointerDown = (e) => this.handlePointerDown(e);
     register(id, opts) {
         if (!this.isBrowser) {
-            return { unregister: () => { }, isTopmost: computed(() => false) };
+            return { unregister: () => { }, isTopmost: computed(() => false), zIndex: this.configuredBase };
         }
         const entry = {
             id,
@@ -256,6 +320,7 @@ class KjOverlayStack {
                 closeOnOutside: opts.closeOnOutside ?? true,
             },
             contentEl: null,
+            zIndex: this.nextZIndex,
         };
         this._stack.update(s => [...s, entry]);
         this.ensureListeners();
@@ -270,6 +335,7 @@ class KjOverlayStack {
                 this.maybeRemoveListeners();
             },
             isTopmost,
+            zIndex: entry.zIndex,
         };
     }
     markContentEl(id, el) {
@@ -280,6 +346,34 @@ class KjOverlayStack {
             entry.contentEl = el;
     }
     get stackSize() { return this._stack().length; }
+    /** `z-index` of a registered overlay, or `null` when `id` is not open. */
+    zIndexOf(id) {
+        return this._stack().find(e => e.id === id)?.zIndex ?? null;
+    }
+    /**
+     * Base level of the stack: `--kj-overlay-z-base` on `:root` when it holds
+     * a number, otherwise the `KJ_OVERLAY_Z_BASE` token (default `1000`).
+     */
+    get baseZIndex() {
+        if (this.isBrowser && typeof getComputedStyle === 'function') {
+            const raw = getComputedStyle(document.documentElement).getPropertyValue('--kj-overlay-z-base').trim();
+            const n = raw === '' ? NaN : Number(raw);
+            if (Number.isFinite(n))
+                return n;
+        }
+        return this.configuredBase;
+    }
+    /** The level the next overlay to open will receive: one above the topmost open one, or the base. */
+    get nextZIndex() {
+        const s = this._stack();
+        if (s.length === 0)
+            return this.baseZIndex;
+        let max = -Infinity;
+        for (const e of s)
+            if (e.zIndex > max)
+                max = e.zIndex;
+        return max + 1;
+    }
     ensureListeners() {
         if (this._listenersInstalled)
             return;
@@ -429,6 +523,9 @@ class KjOverlayController {
         this.stackHandle = this.stack.register(this.id, { onClose: () => this.close('esc') });
         if (this._panel())
             this.stack.markContentEl(this.id, this._panel());
+        // Stacking: the panel (and its wrapper, when portalled) take the level
+        // the stack just assigned — one above every overlay open right now.
+        applyOverlayZIndex(this._panel(), this.stackHandle.zIndex);
         this.runTransition('open', () => {
             this._state.set('open');
             s.focusTrap?.focusFirst();
@@ -440,6 +537,7 @@ class KjOverlayController {
         const s = this.strategies;
         this.runTransition('close', () => {
             s.focusTrap?.restoreFocus();
+            clearOverlayZIndex(this._panel());
             this.stackHandle?.unregister();
             this.stackHandle = null;
             s.scrollLock?.onClose?.();
@@ -612,6 +710,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * directly — a single positioned root owns z-stacking, pointer-events
  * isolation, and cleanup ordering across the whole overlay system.
  *
+ * Stacking inside the root is owned by `KjOverlayStack`: each wrapper gets
+ * an inline `z-index` (base `1000`, one higher per nested level) when its
+ * overlay opens, so a later overlay always paints above the ones already
+ * open. The root itself sits at `--kj-overlay-z-base` (default `1000`).
+ *
  * @doc-category Core/Overlay
  * @doc
  * @doc-name overlay-container
@@ -3041,7 +3144,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
@@ -3108,7 +3227,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 });
@@ -3406,6 +3525,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']>`
@@ -14352,8 +14510,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 */ []));
@@ -14370,7 +14540,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,
@@ -14382,7 +14552,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;
@@ -14459,8 +14629,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 */ []));
@@ -14576,7 +14758,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,
@@ -14622,7 +14804,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.
@@ -15052,7 +15234,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 const KJ_TOAST_SONNER_STRATEGY = Object.freeze({
     maxVisible: 3,
     gap: 14,
-    baseZIndex: 100,
+    baseZIndex: 2000,
     positionX: 'end',
     positionY: 'bottom',
     duration: 4000,
@@ -15066,7 +15248,7 @@ const KJ_TOAST_SONNER_STRATEGY = Object.freeze({
 const KJ_TOAST_LIST_STRATEGY = Object.freeze({
     maxVisible: Number.POSITIVE_INFINITY,
     gap: 8,
-    baseZIndex: 100,
+    baseZIndex: 2000,
     positionX: 'end',
     positionY: 'bottom',
     duration: 5000,
@@ -15907,8 +16089,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 */
@@ -16036,7 +16230,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,
@@ -16050,7 +16244,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`
@@ -20473,8 +20667,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 */ []));
@@ -20510,7 +20716,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,
@@ -20526,7 +20732,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
@@ -20781,8 +20987,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 */ []));
@@ -20934,7 +21152,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,
@@ -20953,7 +21171,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
@@ -21585,8 +21803,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)
@@ -21737,7 +21967,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,
@@ -21753,7 +21983,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
@@ -21993,7 +22223,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.
@@ -22130,7 +22361,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,
@@ -22144,7 +22375,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
@@ -28190,8 +28421,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 */ []));
@@ -28402,7 +28645,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,
@@ -28428,7 +28671,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;
 /**
@@ -30440,5 +30683,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_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 };
+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, 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