@kouji-ui/core 0.5.1 → 0.6.1

package/fesm2022/kouji-ui-core.mjs

@@ -3613,6 +3613,18 @@ class KjRovingTabindexItemDirective {
     /** @internal */
     active = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Registration is by DI, NOT by a content query on the container: a styled
+        // wrapper (`<kj-tab>`) renders its item inside its OWN view, and a content
+        // query cannot cross that boundary. Querying left every item at
+        // tabindex="-1" whenever the wrappers were used — i.e. in every app — so
+        // the tab strip could not be reached by keyboard at all.
+        const parent = inject(KJ_ROVING_TABINDEX, { optional: true });
+        if (!parent)
+            return;
+        parent.register(this);
+        inject(DestroyRef).onDestroy(() => parent.unregister(this));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjRovingTabindexItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: KjRovingTabindexItemDirective, isStandalone: true, selector: "[kjRovingTabindexItem]", host: { properties: { "attr.tabindex": "active() ? \"0\" : \"-1\"" } }, ngImport: i0 });
 }
@@ -3625,7 +3637,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         '[attr.tabindex]': 'active() ? "0" : "-1"',
                     },
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 /**
  * Implements the roving tabindex pattern for composite widgets such as toolbars and tab lists.
  * Only one item has `tabindex="0"` at a time; arrow keys move focus between items.
@@ -3643,9 +3655,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjRovingTabindex {
     host = inject((ElementRef));
-    items = contentChildren(KjRovingTabindexItemDirective, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
+    registered = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "registered" }] : /* istanbul ignore next */ []));
+    /** Items in DOM order — registration order follows creation, which a
+     *  re-order (`@for` with a changing track) does not preserve. */
+    items = computed(() => [...this.registered()].sort((a, b) => a.el.nativeElement.compareDocumentPosition(b.el.nativeElement) &
+        Node.DOCUMENT_POSITION_FOLLOWING
+        ? -1
+        : 1), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     activeIndex = signal(0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    register(item) {
+        this.registered.update((all) => [...all, item]);
+    }
+    /** @internal */
+    unregister(item) {
+        this.registered.update((all) => all.filter((i) => i !== item));
+    }
     /**
      * Restricts arrow-key navigation to a single axis.
      * - `'horizontal'`: only ArrowLeft / ArrowRight move focus.
@@ -3726,7 +3754,7 @@ class KjRovingTabindex {
         all[next].el.nativeElement.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjRovingTabindex, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.5", type: KjRovingTabindex, isStandalone: true, selector: "[kjRovingTabindex]", inputs: { kjRovingOrientation: { classPropertyName: "kjRovingOrientation", publicName: "kjRovingOrientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)", "focusin": "onFocusIn($event)" } }, providers: [{ provide: KJ_ROVING_TABINDEX, useExisting: forwardRef(() => KjRovingTabindex) }], queries: [{ propertyName: "items", predicate: KjRovingTabindexItemDirective, descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjRovingTabindex, isStandalone: true, selector: "[kjRovingTabindex]", inputs: { kjRovingOrientation: { classPropertyName: "kjRovingOrientation", publicName: "kjRovingOrientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)", "focusin": "onFocusIn($event)" } }, providers: [{ provide: KJ_ROVING_TABINDEX, useExisting: forwardRef(() => KjRovingTabindex) }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjRovingTabindex, decorators: [{
             type: Directive,
@@ -3739,9 +3767,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         '(focusin)': 'onFocusIn($event)',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KjRovingTabindexItemDirective), { ...{
-                            descendants: true,
-                        }, isSignal: true }] }], kjRovingOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjRovingOrientation", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { kjRovingOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjRovingOrientation", required: false }] }] } });
 
 /**
  * Visually hides an element while keeping it accessible to screen readers.
@@ -4404,24 +4430,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 const KJ_VARIANT_PRESET = new InjectionToken('kj.variant.preset', {
     factory: () => ({ values: ['default'], default: 'default' }),
 });
+/**
+ * Optional reactive fallback consulted by `KjVariant` when its input is not
+ * set, *before* falling back to `KJ_VARIANT_PRESET.default`. Compound
+ * parents (button group, pagination root) bridge their cascaded variant into
+ * this token so children inherit it. Resolution order:
+ *
+ *   explicit input > fallback context > preset (config) default
+ *
+ * A `null` provider value (or no provider) means "no fallback".
+ *
+ * @internal
+ */
+const KJ_VARIANT_FALLBACK = new InjectionToken('kj.variant.fallback');
 /**
  * Internal preset directive composed via `hostDirectives` by every stylistic
  * component to expose a configurable `variant` input that reflects to a
  * `data-variant` host attribute. App code does not import this directly.
  *
+ * The reflected value resolves as: explicit `kjVariant` input, else the
+ * `KJ_VARIANT_FALLBACK` context (when a compound parent provides one), else
+ * `KJ_VARIANT_PRESET.default` (the `provideKj*`-configurable default).
+ *
  * @internal
  */
 class KjVariant {
     preset = inject(KJ_VARIANT_PRESET);
+    fallback = inject(KJ_VARIANT_FALLBACK, { optional: true });
     // Explicit field annotation pins the ng-packagr-emitted .d.ts shape —
     // without it ng-packagr collapses the write type to `string` (dropping the
     // `| undefined` flow-through), which trips the docs extractor and any
     // consumer trying to bind a `string | undefined` source.
-    kjVariant = input(this.preset.default, { ...(ngDevMode ? { debugName: "kjVariant" } : /* istanbul ignore next */ {}), transform: (v) => v || this.preset.default });
+    // The input intentionally stays `undefined` when unset (empty string
+    // included) so `resolvedVariant` can tell "not set" apart from an explicit
+    // choice and consult the fallback chain.
+    kjVariant = input(undefined, { ...(ngDevMode ? { debugName: "kjVariant" } : /* istanbul ignore next */ {}), transform: (v) => v || undefined });
+    /**
+     * The variant actually reflected to `data-variant`:
+     * explicit input > fallback context > preset default.
+     */
+    resolvedVariant = computed(() => this.kjVariant() || this.fallback?.() || this.preset.default, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
     constructor() {
         if (isDevMode()) {
             effect(() => {
-                const v = this.kjVariant();
+                const v = this.resolvedVariant();
                 if (!this.preset.values.includes(v)) {
                     console.warn(`[kj] unknown variant "${v}". Allowed values: ${this.preset.values.join(', ')}.`);
                 }
@@ -4429,14 +4482,14 @@ class KjVariant {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjVariant, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjVariant, isStandalone: true, selector: "[kjVariant]", inputs: { kjVariant: { classPropertyName: "kjVariant", publicName: "kjVariant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "kjVariant()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjVariant, isStandalone: true, selector: "[kjVariant]", inputs: { kjVariant: { classPropertyName: "kjVariant", publicName: "kjVariant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "resolvedVariant()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjVariant, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kjVariant]',
                     standalone: true,
-                    host: { '[attr.data-variant]': 'kjVariant()' },
+                    host: { '[attr.data-variant]': 'resolvedVariant()' },
                 }]
         }], ctorParameters: () => [], propDecorators: { kjVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjVariant", required: false }] }] } });
 
@@ -4451,21 +4504,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 const KJ_SIZE_PRESET = new InjectionToken('kj.size.preset', {
     factory: () => ({ values: ['md'], default: 'md' }),
 });
+/**
+ * Optional reactive fallback consulted by `KjSize` when its input is not
+ * set, *before* falling back to `KJ_SIZE_PRESET.default`. Compound parents
+ * (button group, pagination root) bridge their cascaded size into this token
+ * so children inherit it. Resolution order:
+ *
+ *   explicit input > fallback context > preset (config) default
+ *
+ * A `null` provider value (or no provider) means "no fallback".
+ *
+ * @internal
+ */
+const KJ_SIZE_FALLBACK = new InjectionToken('kj.size.fallback');
 /**
  * Internal preset directive composed via `hostDirectives` by every stylistic
  * component to expose a configurable `size` input that reflects to a
  * `data-size` host attribute. App code does not import this directly.
  *
+ * The reflected value resolves as: explicit `kjSize` input, else the
+ * `KJ_SIZE_FALLBACK` context (when a compound parent provides one), else
+ * `KJ_SIZE_PRESET.default` (the `provideKj*`-configurable default).
+ *
  * @internal
  */
 class KjSize {
     preset = inject(KJ_SIZE_PRESET);
-    // See `KjVariant.kjVariant` for why the field type is annotated explicitly.
-    kjSize = input(this.preset.default, { ...(ngDevMode ? { debugName: "kjSize" } : /* istanbul ignore next */ {}), transform: (v) => v || this.preset.default });
+    fallback = inject(KJ_SIZE_FALLBACK, { optional: true });
+    // See `KjVariant.kjVariant` for why the field type is annotated explicitly
+    // and why unset (empty string included) stays `undefined`.
+    kjSize = input(undefined, { ...(ngDevMode ? { debugName: "kjSize" } : /* istanbul ignore next */ {}), transform: (v) => v || undefined });
+    /**
+     * The size actually reflected to `data-size`:
+     * explicit input > fallback context > preset default.
+     */
+    resolvedSize = computed(() => this.kjSize() || this.fallback?.() || this.preset.default, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
     constructor() {
         if (isDevMode()) {
             effect(() => {
-                const v = this.kjSize();
+                const v = this.resolvedSize();
                 if (!this.preset.values.includes(v)) {
                     console.warn(`[kj] unknown size "${v}". Allowed values: ${this.preset.values.join(', ')}.`);
                 }
@@ -4473,14 +4551,14 @@ class KjSize {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjSize, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjSize, isStandalone: true, selector: "[kjSize]", inputs: { kjSize: { classPropertyName: "kjSize", publicName: "kjSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "kjSize()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjSize, isStandalone: true, selector: "[kjSize]", inputs: { kjSize: { classPropertyName: "kjSize", publicName: "kjSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "resolvedSize()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjSize, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kjSize]',
                     standalone: true,
-                    host: { '[attr.data-size]': 'kjSize()' },
+                    host: { '[attr.data-size]': 'resolvedSize()' },
                 }]
         }], ctorParameters: () => [], propDecorators: { kjSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSize", required: false }] }] } });
 
@@ -4510,6 +4588,9 @@ function bindPresets(configToken) {
     ];
 }
 
+/** Injection token for `KjButtonGroupContext`. */
+const KJ_BUTTON_GROUP = new InjectionToken('KjButtonGroup');
+
 /**
  * Default Button presets shipped by kouji-ui. Exported so consumers can spread
  * them when extending: `[...KJ_BUTTON_DEFAULTS.variants, 'brand']`.
@@ -4609,6 +4690,13 @@ function provideKjButton(config) {
  */
 class KjButton {
     el = inject(ElementRef);
+    /**
+     * Enclosing button group context, when the button sits inside a
+     * `[kjButtonGroup]`. Its `disabled` flag is OR-ed into
+     * {@link effectiveDisabled} (per the `KJ_BUTTON_GROUP` contract); its
+     * variant/size cascade through the preset fallback providers above.
+     */
+    group = inject(KJ_BUTTON_GROUP, { optional: true, skipSelf: true });
     /** Disables the button. Reflects `aria-disabled` and `data-disabled`. */
     kjDisabled = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "kjDisabled" }] : /* istanbul ignore next */ []));
@@ -4635,7 +4723,7 @@ class KjButton {
      */
     kjPressed = model(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "kjPressed" }] : /* istanbul ignore next */ []));
-    effectiveDisabled = computed(() => this.kjDisabled() || this.kjLoading(), /* @ts-ignore */
+    effectiveDisabled = computed(() => this.kjDisabled() || this.kjLoading() || !!this.group?.disabled(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "effectiveDisabled" }] : /* istanbul ignore next */ []));
     pressedAttr = computed(() => {
         const p = this.kjPressed();
@@ -4661,7 +4749,29 @@ class KjButton {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjButton, isStandalone: true, selector: "[kjButton]", inputs: { kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null }, kjLoading: { classPropertyName: "kjLoading", publicName: "kjLoading", isSignal: true, isRequired: false, transformFunction: null }, kjFullWidth: { classPropertyName: "kjFullWidth", publicName: "kjFullWidth", isSignal: true, isRequired: false, transformFunction: null }, kjPressed: { classPropertyName: "kjPressed", publicName: "kjPressed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { kjPressed: "kjPressedChange" }, host: { properties: { "attr.aria-disabled": "effectiveDisabled() ? \"true\" : null", "attr.data-disabled": "effectiveDisabled() ? \"\" : null", "attr.aria-busy": "kjLoading() ? \"true\" : null", "attr.aria-pressed": "pressedAttr()", "attr.data-full": "kjFullWidth() ? \"true\" : null" } }, providers: [...bindPresets(KJ_BUTTON_CONFIG)], hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjButton, isStandalone: true, selector: "[kjButton]", inputs: { kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null }, kjLoading: { classPropertyName: "kjLoading", publicName: "kjLoading", isSignal: true, isRequired: false, transformFunction: null }, kjFullWidth: { classPropertyName: "kjFullWidth", publicName: "kjFullWidth", isSignal: true, isRequired: false, transformFunction: null }, kjPressed: { classPropertyName: "kjPressed", publicName: "kjPressed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { kjPressed: "kjPressedChange" }, host: { properties: { "attr.aria-disabled": "effectiveDisabled() ? \"true\" : null", "attr.data-disabled": "effectiveDisabled() ? \"\" : null", "attr.aria-busy": "kjLoading() ? \"true\" : null", "attr.aria-pressed": "pressedAttr()", "attr.data-full": "kjFullWidth() ? \"true\" : null" } }, providers: [
+            ...bindPresets(KJ_BUTTON_CONFIG),
+            // Bridge the enclosing button group's cascaded variant/size (if any) into
+            // the preset fallback chain, so a child that does not set its own
+            // variant/size inherits the group's. Resolution order (in KjVariant /
+            // KjSize): explicit input > group context > provideKjButton default >
+            // library default. `skipSelf` keeps a button that is itself a group host
+            // from reading its own context.
+            {
+                provide: KJ_VARIANT_FALLBACK,
+                useFactory: () => {
+                    const group = inject(KJ_BUTTON_GROUP, { optional: true, skipSelf: true });
+                    return group ? group.variant : null;
+                },
+            },
+            {
+                provide: KJ_SIZE_FALLBACK,
+                useFactory: () => {
+                    const group = inject(KJ_BUTTON_GROUP, { optional: true, skipSelf: true });
+                    return group ? group.size : null;
+                },
+            },
+        ], hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjButton, decorators: [{
             type: Directive,
@@ -4673,7 +4783,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         { directive: KjSize, inputs: ['kjSize'] },
                         KjFocusRing,
                     ],
-                    providers: [...bindPresets(KJ_BUTTON_CONFIG)],
+                    providers: [
+                        ...bindPresets(KJ_BUTTON_CONFIG),
+                        // Bridge the enclosing button group's cascaded variant/size (if any) into
+                        // the preset fallback chain, so a child that does not set its own
+                        // variant/size inherits the group's. Resolution order (in KjVariant /
+                        // KjSize): explicit input > group context > provideKjButton default >
+                        // library default. `skipSelf` keeps a button that is itself a group host
+                        // from reading its own context.
+                        {
+                            provide: KJ_VARIANT_FALLBACK,
+                            useFactory: () => {
+                                const group = inject(KJ_BUTTON_GROUP, { optional: true, skipSelf: true });
+                                return group ? group.variant : null;
+                            },
+                        },
+                        {
+                            provide: KJ_SIZE_FALLBACK,
+                            useFactory: () => {
+                                const group = inject(KJ_BUTTON_GROUP, { optional: true, skipSelf: true });
+                                return group ? group.size : null;
+                            },
+                        },
+                    ],
                     host: {
                         '[attr.aria-disabled]': 'effectiveDisabled() ? "true" : null',
                         '[attr.data-disabled]': 'effectiveDisabled() ? "" : null',
@@ -4684,9 +4816,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }], kjLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLoading", required: false }] }], kjFullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFullWidth", required: false }] }], kjPressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPressed", required: false }] }, { type: i0.Output, args: ["kjPressedChange"] }] } });
 
-/** Injection token for `KjButtonGroupContext`. */
-const KJ_BUTTON_GROUP = new InjectionToken('KjButtonGroup');
-
 /**
  * Coordinates a visually-joined cluster of `KjButton` children. Owns the
  * group's layout role (`role="group"`), orientation, and the per-group
@@ -18897,6 +19026,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { kjPanelValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPanelValue", required: true }] }] } });
 
+/**
+ * Default Tabs presets shipped by kouji-ui. Exported so consumers can spread
+ * them when extending: `[...KJ_TABS_DEFAULTS.variants, 'underline-top']`.
+ *
+ * Two shapes ship: `default` (an underline strip — tabs sitting flat on a
+ * surface, active one marked by a bar on the strip's edge) and `pills` (a
+ * recessed tray of chips). Both are driven entirely by `--kj-tab-*` custom
+ * properties, so a registered extra variant only needs a CSS rule keyed on
+ * `.kj-tabs[data-variant="…"]` — no component change.
+ */
+const KJ_TABS_DEFAULTS = {
+    variants: ['default', 'pills'],
+    defaults: { variant: 'default' },
+};
+/**
+ * DI token for the active Tabs presets. Default factory yields
+ * `KJ_TABS_DEFAULTS`. Override via `provideKjTabs(…)` at the application scope
+ * (e.g. `bootstrapApplication`'s `providers` or a route config) or at the
+ * component scope (a component's own `providers: […]`).
+ */
+const KJ_TABS_CONFIG = new InjectionToken('kj.tabs.config', {
+    factory: () => KJ_TABS_DEFAULTS,
+});
+/**
+ * Configures the Tabs presets for the enclosing injector. Replaces (does not
+ * merge) `variants`; spread `KJ_TABS_DEFAULTS.variants` to extend.
+ *
+ * Returns a `Provider[]` so it can be spread into either an environment
+ * `providers` (`bootstrapApplication`, route config) or a component-level
+ * `providers` array.
+ *
+ * @example
+ * ```ts
+ * provideKjTabs({
+ *   variants: [...KJ_TABS_DEFAULTS.variants, 'document'],
+ *   defaults: { variant: 'default' },
+ * })
+ * ```
+ */
+function provideKjTabs(config) {
+    return [
+        {
+            provide: KJ_TABS_CONFIG,
+            useValue: { ...KJ_TABS_DEFAULTS, ...config },
+        },
+    ];
+}
+
 /** Injection token for the root accordion directive. */
 const KJ_ACCORDION = new InjectionToken('KjAccordion');
 /** Injection token for an individual accordion item directive. */
@@ -28232,11 +28409,12 @@ class KjPagination {
      * their own. Forwarded to each child's `KjVariant` host directive via
      * the `KJ_PAGINATION` context.
      */
-    kjVariant = input(this.config.defaults.variant, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "kjVariant" }] : /* istanbul ignore next */ []));
+    // Undefined-tolerant: wrapper components bind `undefined` when the
+    // consumer did not set a value, which must fall back to the configured
+    // default rather than clearing the cascade.
+    kjVariant = input(this.config.defaults.variant, { ...(ngDevMode ? { debugName: "kjVariant" } : /* istanbul ignore next */ {}), transform: (v) => v || this.config.defaults.variant });
     /** Cascaded size for child items / boundary controls. */
-    kjSize = input(this.config.defaults.size, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "kjSize" }] : /* istanbul ignore next */ []));
+    kjSize = input(this.config.defaults.size, { ...(ngDevMode ? { debugName: "kjSize" } : /* istanbul ignore next */ {}), transform: (v) => v || this.config.defaults.size });
     /**
      * Page-change output. Mirrors `kjPage` writes; emitted whenever the
      * model value settles after a clamp / boundary navigation / item click.
@@ -28477,7 +28655,13 @@ class KjPaginationItem {
         this.pagination.goToPage(this.kjPage());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPaginationItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjPaginationItem, isStandalone: true, selector: "[kjPaginationItem]", inputs: { kjPage: { classPropertyName: "kjPage", publicName: "kjPage", isSignal: true, isRequired: true, transformFunction: null }, kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.aria-current": "isCurrent() ? \"page\" : null", "attr.data-current": "isCurrent() ? \"true\" : \"false\"", "attr.aria-disabled": "kjDisabled() ? \"true\" : null", "attr.data-disabled": "kjDisabled() ? \"\" : null", "attr.aria-label": "ariaLabel()" } }, hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjPaginationItem, isStandalone: true, selector: "[kjPaginationItem]", inputs: { kjPage: { classPropertyName: "kjPage", publicName: "kjPage", isSignal: true, isRequired: true, transformFunction: null }, kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.aria-current": "isCurrent() ? \"page\" : null", "attr.data-current": "isCurrent() ? \"true\" : \"false\"", "attr.aria-disabled": "kjDisabled() ? \"true\" : null", "attr.data-disabled": "kjDisabled() ? \"\" : null", "attr.aria-label": "ariaLabel()" } }, providers: [
+            // Bridge the pagination root's cascaded variant/size into the preset
+            // fallback chain: explicit input > root cascade > provideKjPagination
+            // default. See KJ_VARIANT_FALLBACK / KJ_SIZE_FALLBACK.
+            { provide: KJ_VARIANT_FALLBACK, useFactory: () => inject(KJ_PAGINATION).variant },
+            { provide: KJ_SIZE_FALLBACK, useFactory: () => inject(KJ_PAGINATION).size },
+        ], hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPaginationItem, decorators: [{
             type: Directive,
@@ -28489,6 +28673,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         { directive: KjSize, inputs: ['kjSize'] },
                         KjFocusRing,
                     ],
+                    providers: [
+                        // Bridge the pagination root's cascaded variant/size into the preset
+                        // fallback chain: explicit input > root cascade > provideKjPagination
+                        // default. See KJ_VARIANT_FALLBACK / KJ_SIZE_FALLBACK.
+                        { provide: KJ_VARIANT_FALLBACK, useFactory: () => inject(KJ_PAGINATION).variant },
+                        { provide: KJ_SIZE_FALLBACK, useFactory: () => inject(KJ_PAGINATION).size },
+                    ],
                     host: {
                         '[attr.aria-current]': 'isCurrent() ? "page" : null',
                         '[attr.data-current]': 'isCurrent() ? "true" : "false"',
@@ -28560,7 +28751,13 @@ class KjPaginationPrevious {
         this.pagination.goToPrevious();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPaginationPrevious, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: KjPaginationPrevious, isStandalone: true, selector: "[kjPaginationPrevious]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.aria-label": "config.previousLabel", "attr.aria-disabled": "isDisabled() ? \"true\" : null", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.tabindex": "\"0\"", "attr.data-pagination-action": "\"previous\"" } }, hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: KjPaginationPrevious, isStandalone: true, selector: "[kjPaginationPrevious]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.aria-label": "config.previousLabel", "attr.aria-disabled": "isDisabled() ? \"true\" : null", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.tabindex": "\"0\"", "attr.data-pagination-action": "\"previous\"" } }, providers: [
+            // Bridge the pagination root's cascaded variant/size into the preset
+            // fallback chain: explicit input > root cascade > provideKjPagination
+            // default. See KJ_VARIANT_FALLBACK / KJ_SIZE_FALLBACK.
+            { provide: KJ_VARIANT_FALLBACK, useFactory: () => inject(KJ_PAGINATION).variant },
+            { provide: KJ_SIZE_FALLBACK, useFactory: () => inject(KJ_PAGINATION).size },
+        ], hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPaginationPrevious, decorators: [{
             type: Directive,
@@ -28572,6 +28769,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         { directive: KjSize, inputs: ['kjSize'] },
                         KjFocusRing,
                     ],
+                    providers: [
+                        // Bridge the pagination root's cascaded variant/size into the preset
+                        // fallback chain: explicit input > root cascade > provideKjPagination
+                        // default. See KJ_VARIANT_FALLBACK / KJ_SIZE_FALLBACK.
+                        { provide: KJ_VARIANT_FALLBACK, useFactory: () => inject(KJ_PAGINATION).variant },
+                        { provide: KJ_SIZE_FALLBACK, useFactory: () => inject(KJ_PAGINATION).size },
+                    ],
                     host: {
                         '[attr.aria-label]': 'config.previousLabel',
                         '[attr.aria-disabled]': 'isDisabled() ? "true" : null',
@@ -28639,7 +28843,13 @@ class KjPaginationNext {
         this.pagination.goToNext();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPaginationNext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: KjPaginationNext, isStandalone: true, selector: "[kjPaginationNext]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.aria-label": "config.nextLabel", "attr.aria-disabled": "isDisabled() ? \"true\" : null", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.tabindex": "\"0\"", "attr.data-pagination-action": "\"next\"" } }, hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: KjPaginationNext, isStandalone: true, selector: "[kjPaginationNext]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.aria-label": "config.nextLabel", "attr.aria-disabled": "isDisabled() ? \"true\" : null", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.tabindex": "\"0\"", "attr.data-pagination-action": "\"next\"" } }, providers: [
+            // Bridge the pagination root's cascaded variant/size into the preset
+            // fallback chain: explicit input > root cascade > provideKjPagination
+            // default. See KJ_VARIANT_FALLBACK / KJ_SIZE_FALLBACK.
+            { provide: KJ_VARIANT_FALLBACK, useFactory: () => inject(KJ_PAGINATION).variant },
+            { provide: KJ_SIZE_FALLBACK, useFactory: () => inject(KJ_PAGINATION).size },
+        ], hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPaginationNext, decorators: [{
             type: Directive,
@@ -28651,6 +28861,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         { directive: KjSize, inputs: ['kjSize'] },
                         KjFocusRing,
                     ],
+                    providers: [
+                        // Bridge the pagination root's cascaded variant/size into the preset
+                        // fallback chain: explicit input > root cascade > provideKjPagination
+                        // default. See KJ_VARIANT_FALLBACK / KJ_SIZE_FALLBACK.
+                        { provide: KJ_VARIANT_FALLBACK, useFactory: () => inject(KJ_PAGINATION).variant },
+                        { provide: KJ_SIZE_FALLBACK, useFactory: () => inject(KJ_PAGINATION).size },
+                    ],
                     host: {
                         '[attr.aria-label]': 'config.nextLabel',
                         '[attr.aria-disabled]': 'isDisabled() ? "true" : null',
@@ -28716,7 +28933,13 @@ class KjPaginationFirst {
         this.pagination.goToFirst();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPaginationFirst, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: KjPaginationFirst, isStandalone: true, selector: "[kjPaginationFirst]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.aria-label": "config.firstLabel", "attr.aria-disabled": "isDisabled() ? \"true\" : null", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.tabindex": "\"0\"", "attr.data-pagination-action": "\"first\"" } }, hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: KjPaginationFirst, isStandalone: true, selector: "[kjPaginationFirst]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.aria-label": "config.firstLabel", "attr.aria-disabled": "isDisabled() ? \"true\" : null", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.tabindex": "\"0\"", "attr.data-pagination-action": "\"first\"" } }, providers: [
+            // Bridge the pagination root's cascaded variant/size into the preset
+            // fallback chain: explicit input > root cascade > provideKjPagination
+            // default. See KJ_VARIANT_FALLBACK / KJ_SIZE_FALLBACK.
+            { provide: KJ_VARIANT_FALLBACK, useFactory: () => inject(KJ_PAGINATION).variant },
+            { provide: KJ_SIZE_FALLBACK, useFactory: () => inject(KJ_PAGINATION).size },
+        ], hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPaginationFirst, decorators: [{
             type: Directive,
@@ -28728,6 +28951,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         { directive: KjSize, inputs: ['kjSize'] },
                         KjFocusRing,
                     ],
+                    providers: [
+                        // Bridge the pagination root's cascaded variant/size into the preset
+                        // fallback chain: explicit input > root cascade > provideKjPagination
+                        // default. See KJ_VARIANT_FALLBACK / KJ_SIZE_FALLBACK.
+                        { provide: KJ_VARIANT_FALLBACK, useFactory: () => inject(KJ_PAGINATION).variant },
+                        { provide: KJ_SIZE_FALLBACK, useFactory: () => inject(KJ_PAGINATION).size },
+                    ],
                     host: {
                         '[attr.aria-label]': 'config.firstLabel',
                         '[attr.aria-disabled]': 'isDisabled() ? "true" : null',
@@ -28794,7 +29024,13 @@ class KjPaginationLast {
         this.pagination.goToLast();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPaginationLast, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: KjPaginationLast, isStandalone: true, selector: "[kjPaginationLast]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.aria-label": "config.lastLabel", "attr.aria-disabled": "isDisabled() ? \"true\" : null", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.tabindex": "\"0\"", "attr.data-pagination-action": "\"last\"" } }, hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: KjPaginationLast, isStandalone: true, selector: "[kjPaginationLast]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.aria-label": "config.lastLabel", "attr.aria-disabled": "isDisabled() ? \"true\" : null", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.tabindex": "\"0\"", "attr.data-pagination-action": "\"last\"" } }, providers: [
+            // Bridge the pagination root's cascaded variant/size into the preset
+            // fallback chain: explicit input > root cascade > provideKjPagination
+            // default. See KJ_VARIANT_FALLBACK / KJ_SIZE_FALLBACK.
+            { provide: KJ_VARIANT_FALLBACK, useFactory: () => inject(KJ_PAGINATION).variant },
+            { provide: KJ_SIZE_FALLBACK, useFactory: () => inject(KJ_PAGINATION).size },
+        ], hostDirectives: [{ directive: KjVariant, inputs: ["kjVariant", "kjVariant"] }, { directive: KjSize, inputs: ["kjSize", "kjSize"] }, { directive: KjFocusRing }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPaginationLast, decorators: [{
             type: Directive,
@@ -28806,6 +29042,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         { directive: KjSize, inputs: ['kjSize'] },
                         KjFocusRing,
                     ],
+                    providers: [
+                        // Bridge the pagination root's cascaded variant/size into the preset
+                        // fallback chain: explicit input > root cascade > provideKjPagination
+                        // default. See KJ_VARIANT_FALLBACK / KJ_SIZE_FALLBACK.
+                        { provide: KJ_VARIANT_FALLBACK, useFactory: () => inject(KJ_PAGINATION).variant },
+                        { provide: KJ_SIZE_FALLBACK, useFactory: () => inject(KJ_PAGINATION).size },
+                    ],
                     host: {
                         '[attr.aria-label]': 'config.lastLabel',
                         '[attr.aria-disabled]': 'isDisabled() ? "true" : null',
@@ -29799,5 +30042,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DRAWER_DATA, DRAWER_DRAG, DRAWER_SIDE, EN_CATALOG, FR_CATALOG, KJ_ACCORDION, KJ_ACCORDION_ITEM, KJ_ALERT, KJ_ALERT_CONFIG, KJ_ALERT_DEFAULTS, KJ_AVATAR, KJ_AVATAR_GROUP, KJ_BREADCRUMB, KJ_BREADCRUMB_CONFIG, KJ_BREADCRUMB_DEFAULTS, KJ_BUTTON_CONFIG, KJ_BUTTON_DEFAULTS, KJ_BUTTON_GROUP, KJ_CALENDAR, KJ_CAROUSEL, KJ_CAROUSEL_INDICATORS, KJ_CAROUSEL_SLIDE, KJ_CASCADE_SELECT, KJ_CHAT, KJ_CHAT_BUBBLE_CONFIG, KJ_CHAT_BUBBLE_DEFAULTS, KJ_CHAT_LOG, KJ_COLOR_PICKER, KJ_CONFIRM_POPUP, KJ_DATE_PICKER, KJ_DATE_RANGE_PRESETS, KJ_DROPDOWN_MENU, KJ_ECHARTS, KJ_FIELD, KJ_FILE_UPLOAD, KJ_FILE_UPLOAD_DEFAULT_MESSAGES, KJ_FILE_UPLOAD_ITEM, KJ_FORM, KJ_FORM_FIELD, KJ_ICON_CSS_PATH, KJ_ICON_ENTRIES, KJ_ICON_LOADER, KJ_ICON_REGISTRY, KJ_ICON_RESOLVER, KJ_INPUT_GROUP, KJ_INPUT_MASK_PRESETS, KJ_INPUT_MASK_TOKENS, KJ_INPUT_OTP, KJ_KBD_SIZE_PRESET, KJ_LINK_CONFIG, KJ_LINK_DEFAULTS, KJ_LIST, KJ_LIST_FOCUS_MODE, KJ_LIST_NAVIGATOR_CONFIG, KJ_LIST_ROW, KJ_LOCALE_CONFIG, KJ_MENUBAR, KJ_MONACO_CONFIG, KJ_MONACO_LANGUAGE_LOADERS, KJ_NUMBER_INPUT, KJ_OVERLAY_BACKDROP_STRATEGY, KJ_OVERLAY_BADGE, KJ_OVERLAY_FOCUS_TRAP_STRATEGY, KJ_OVERLAY_LIVE_ANNOUNCER_STRATEGY, KJ_OVERLAY_MOUNT_STRATEGY, KJ_OVERLAY_PANEL_ROLE, KJ_OVERLAY_POSITION_STRATEGY, KJ_OVERLAY_SCROLL_LOCK_STRATEGY, KJ_OVERLAY_TRIGGER_EVENT_STRATEGY, KJ_PAGINATION, KJ_PAGINATION_CONFIG, KJ_PAGINATION_DEFAULTS, KJ_PASSWORD_INPUT, KJ_PROGRESS_BAR, KJ_PROGRESS_BAR_CONFIG, KJ_PROGRESS_BAR_DEFAULTS, KJ_PROSE_CSS_PATH, KJ_RADIO_GROUP, KJ_RICH_TEXT, KJ_RICH_TEXT_EXTENSIONS, KJ_RICH_TEXT_FEATURES, KJ_RICH_TEXT_NODE, KJ_ROVING_TABINDEX, KJ_RTE_OVERLAY_DATA, KJ_SELECT, KJ_SIZE_PRESET, KJ_SLIDER, KJ_SPEED_DIAL, KJ_SPINNER_CONFIG, KJ_SPINNER_DEFAULTS, KJ_STEP, KJ_STEPPER, KJ_TABLE, KJ_TABLE_STORAGE, KJ_TABS, 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_PRESET, KjAccordion, KjAccordionContent, KjAccordionItem, KjAccordionTrigger, KjAlert, KjAlertActions, KjAlertDescription, KjAlertDismiss, KjAlertIcon, KjAlertTitle, KjAriaDescribedBy, KjAriaLabelledBy, KjAvatar, KjAvatarFallback, KjAvatarGroup, KjAvatarImage, KjBackdrop, KjBadge, KjBlockquote, KjBreadcrumb, KjBreadcrumbCurrent, KjBreadcrumbEllipsis, KjBreadcrumbItem, KjBreadcrumbLink, KjBreadcrumbList, KjBreadcrumbSeparator, KjButton, KjButtonGroup, KjCalendar, KjCalendarDay, KjCalendarGrid, KjCalendarHeader, KjCarousel, KjCarouselAutoplay, KjCarouselIndicator, KjCarouselIndicators, KjCarouselNext, KjCarouselPauseToggle, KjCarouselPrevious, KjCarouselSlide, KjCarouselViewport, KjCascadeSelect, KjCascadeSelectOption, KjCascadeSelectPanel, KjCascadeSelectSubPanel, KjCascadeSelectTrigger, KjChart, KjChartTableFallback, KjChat, KjChatAnnouncer, KjChatAvatar, KjChatBubble, KjChatFooter, KjChatHeader, KjChatLog, KjChatStore, KjCheckbox, KjCode, KjColorPicker, KjColorPickerAlphaSlider, KjColorPickerArea, KjColorPickerHueSlider, KjColorPickerInput, KjColorPickerPanel, KjColorPickerTrigger, KjCombobox, KjComboboxInput, KjComboboxListbox, KjComboboxOption, KjCommandEmpty, KjCommandGroup, KjCommandInput, KjCommandItem, KjCommandList, KjCommandPalette, KjCommandPaletteDialog, KjCommandPaletteTrigger, KjCommandSeparator, KjConfirmPopup, KjConfirmPopupAction, KjConfirmPopupCancel, KjConfirmPopupContent, KjConfirmPopupMessage, KjConfirmPopupTrigger, KjDatePicker, KjDatePickerCalendar, KjDatePickerTrigger, KjDateRangePresetOption, KjDateRangePresets, KjDialog$1 as KjDialog, KjDialogRef, KjDialog as KjDialogService, KjDirectionality, KjDisabled, KjDivider, KjDrawer, KjDrawerRef, KjDrawerService, KjDropdownMenu, KjDropdownMenuContent, KjDropdownMenuGroup, KjDropdownMenuItem, KjDropdownMenuLabel, KjDropdownMenuSeparator, KjDropdownMenuTrigger, KjEditor, KjEditorLoader, KjField, KjFieldError, KjFieldGroup, KjFieldHelp, KjFieldLabel, KjFileUpload, KjFileUploadDropzone, KjFileUploadItem, KjFileUploadList, KjFileUploadTrigger, KjFilterableList, KjFocusRing, KjFocusTrap, KjForm, KjFormControl, KjFormError, KjFormErrorSummary, KjFormField, KjFormLabel, KjIconDirective, KjId, KjInput, KjInputGroup, KjInputGroupAddon, KjInputMask, KjInputOtp, KjInputOtpCell, KjKbd, KjLead, KjLink, KjList, KjListGroup, KjListGroupLabel, KjListItem, KjListNavigator, KjListRow, KjListSeparator, KjLiveRegion, KjLocale, KjMenubar, KjMenubarItem, KjMotion, KjMuted, KjNumberInput, KjNumberInputGroup, KjNumberStepper, KjOption, KjOverlayBadge, KjOverlayBadgeContent, KjOverlayBuilder, KjOverlayController, KjOverlayHandle, KjOverlayPanel, KjOverlayStack, KjOverlayTrigger, KjOverlayWrapper, KjPagination, KjPaginationEllipsis, KjPaginationFirst, KjPaginationInfo, KjPaginationItem, KjPaginationLast, KjPaginationNext, KjPaginationPrevious, KjPasswordCapsLockWarning, KjPasswordInput, KjPasswordInputScope, KjPasswordStrength, KjPasswordToggle, KjPopoverArrow, KjPopoverClose, KjPopoverContent, KjPopoverTitle, KjPopoverTrigger, KjProgressBar, KjProgressBarFill, KjRadio, KjRadioGroup, KjReducedMotion, KjRichTextEditor, KjRichTextExtensionDirective, KjRovingTabindex, KjRovingTabindexItemDirective, KjSelect, KjSelectContent, KjSelectTrigger, KjSelectionModel, KjSheet, KjSheetRef, KjSheetService, KjSize, KjSkeleton, KjSkipLink, KjSlider, KjSliderRange, KjSliderThumb, KjSliderTrack, KjSpeedDial, KjSpeedDialAction, KjSpeedDialActions, KjSpeedDialTrigger, KjSpinner, KjStep, KjStepContent, KjStepLabel, KjStepper, KjStepperNext, KjStepperPrevious, KjStepperReset, KjTab, KjTabList, KjTabPanel, KjTable, KjTableCell, KjTableFilterOutlet, KjTableHeader, KjTableKeyboardNav, KjTableRow, KjTabs, KjTag, KjTagList, KjTagRemove, KjTextarea, KjTimePicker, KjTimePickerHours, KjTimePickerMeridiem, KjTimePickerMinutes, KjTimePickerSeconds, KjToast, KjToastClose, KjToastPanel, KjToastRef, KjToastService, KjToastViewport, KjToggle, KjTooltipArrow, KjTooltipContent, KjTooltipGroup, KjTooltipTrigger, KjTranslate, KjTranslateService, KjTreeSelect, KjTreeSelectContent, KjTreeSelectNode, KjTreeSelectToggle, KjTreeSelectTrigger, KjTruncate, KjTypeAhead, KjVariant, KjVisuallyHidden, MaskEngine, SHEET_ARIA_LABEL, SHEET_DATA, SHEET_DETENT, SHEET_DISMISSIBLE, addDays, addMonths, addYears, anchoredTo, assertive, bindPresets, blurredBackdrop, bodyPortal, buildMonthMatrix, coalesceAnnouncement, compareDay, compileMask, corner, createKjDecoratorNode, createKjImageNode, cssClip, defaultDateRangePresets, defaultMaskTokens, defaultPasswordScorer, edgeSheet, endOfMonth, firstDayOfWeek, formatDateLong, formatDateShort, formatMonthYear, getIconMode, htmlOverflow, inContainer, inMemoryAdapter, inPlace, inPlaceSibling, inertBased, injectFilterableList, injectKjFilterParams, injectKjIconResolver, injectListItem, injectRichTextNode, injectRteOverlayData, injectSelectionModel, isInRange, isKjFilterModel, isSameDay, isSameMonth, kjColumn, kjColumnGroup, kjContainsFilter, kjDateFilterFn, kjFileMatchesAccept, kjFuzzyFilter, kjHsvToHsl, kjHsvToRgb, kjMultiFilterFn, kjNumberFilterFn, kjParseHex, kjRgbToHex, kjRgbToHsv, kjSetFilterFn, kjStartsWithFilter, kjSubstringFilter, kjTableResource, kjTextFilterFn, localStorageAdapter, matchSlashCommands, nextCascadeId, nextChatMessageId, nextDropdownMenuLabelId, nextPopoverTitleId, noBackdrop, noScrollLock, noTrap, normalizeLanguage, onClick, onContextMenu, onFocus, onFocusOrInput, onHotkey, onHover, parseDate, parseSlash, pointAt, polite, programmatic, provideECharts, provideIconLoader, provideIconResolver, provideIcons, provideKjAlert, provideKjBreadcrumb, provideKjButton, provideKjChatBubble, provideKjDocumentDirection, provideKjFilterParams, provideKjInputMaskTokens, provideKjLink, provideKjLocale, provideKjPagination, provideKjProgressBar, provideKjRichText, provideKjSpinner, provideKjTableStorage, provideKjTag, provideKjTextarea, provideKjToastListStrategy, provideKjToastSonnerStrategy, provideKjToastStrategy, provideKjTranslations, provideMonaco, provideMonacoLanguages, resolveChartPalette, resolveDateRangePreset, sessionStorageAdapter, silent, solidBackdrop, startOfDay, startOfMonth, stripDiacritics, tabCycle, toDeepSignal, viewportCentered, weekdayLongNames, weekdayShortNames };
+export { DRAWER_DATA, DRAWER_DRAG, DRAWER_SIDE, EN_CATALOG, FR_CATALOG, KJ_ACCORDION, KJ_ACCORDION_ITEM, KJ_ALERT, KJ_ALERT_CONFIG, KJ_ALERT_DEFAULTS, KJ_AVATAR, KJ_AVATAR_GROUP, KJ_BREADCRUMB, KJ_BREADCRUMB_CONFIG, KJ_BREADCRUMB_DEFAULTS, KJ_BUTTON_CONFIG, KJ_BUTTON_DEFAULTS, KJ_BUTTON_GROUP, KJ_CALENDAR, KJ_CAROUSEL, KJ_CAROUSEL_INDICATORS, KJ_CAROUSEL_SLIDE, KJ_CASCADE_SELECT, KJ_CHAT, KJ_CHAT_BUBBLE_CONFIG, KJ_CHAT_BUBBLE_DEFAULTS, KJ_CHAT_LOG, KJ_COLOR_PICKER, KJ_CONFIRM_POPUP, KJ_DATE_PICKER, KJ_DATE_RANGE_PRESETS, KJ_DROPDOWN_MENU, KJ_ECHARTS, KJ_FIELD, KJ_FILE_UPLOAD, KJ_FILE_UPLOAD_DEFAULT_MESSAGES, KJ_FILE_UPLOAD_ITEM, KJ_FORM, KJ_FORM_FIELD, KJ_ICON_CSS_PATH, KJ_ICON_ENTRIES, KJ_ICON_LOADER, KJ_ICON_REGISTRY, KJ_ICON_RESOLVER, KJ_INPUT_GROUP, KJ_INPUT_MASK_PRESETS, KJ_INPUT_MASK_TOKENS, KJ_INPUT_OTP, KJ_KBD_SIZE_PRESET, KJ_LINK_CONFIG, KJ_LINK_DEFAULTS, KJ_LIST, KJ_LIST_FOCUS_MODE, KJ_LIST_NAVIGATOR_CONFIG, KJ_LIST_ROW, KJ_LOCALE_CONFIG, KJ_MENUBAR, KJ_MONACO_CONFIG, KJ_MONACO_LANGUAGE_LOADERS, KJ_NUMBER_INPUT, KJ_OVERLAY_BACKDROP_STRATEGY, KJ_OVERLAY_BADGE, KJ_OVERLAY_FOCUS_TRAP_STRATEGY, KJ_OVERLAY_LIVE_ANNOUNCER_STRATEGY, KJ_OVERLAY_MOUNT_STRATEGY, KJ_OVERLAY_PANEL_ROLE, KJ_OVERLAY_POSITION_STRATEGY, KJ_OVERLAY_SCROLL_LOCK_STRATEGY, KJ_OVERLAY_TRIGGER_EVENT_STRATEGY, KJ_PAGINATION, KJ_PAGINATION_CONFIG, KJ_PAGINATION_DEFAULTS, KJ_PASSWORD_INPUT, KJ_PROGRESS_BAR, KJ_PROGRESS_BAR_CONFIG, KJ_PROGRESS_BAR_DEFAULTS, KJ_PROSE_CSS_PATH, KJ_RADIO_GROUP, KJ_RICH_TEXT, KJ_RICH_TEXT_EXTENSIONS, KJ_RICH_TEXT_FEATURES, KJ_RICH_TEXT_NODE, KJ_ROVING_TABINDEX, KJ_RTE_OVERLAY_DATA, KJ_SELECT, KJ_SIZE_FALLBACK, KJ_SIZE_PRESET, KJ_SLIDER, KJ_SPEED_DIAL, KJ_SPINNER_CONFIG, KJ_SPINNER_DEFAULTS, KJ_STEP, KJ_STEPPER, KJ_TABLE, KJ_TABLE_STORAGE, KJ_TABS, KJ_TABS_CONFIG, KJ_TABS_DEFAULTS, KJ_TAG, KJ_TAG_CONFIG, KJ_TAG_DEFAULTS, KJ_TAG_LIST, KJ_TEXTAREA_CONFIG, KJ_TEXTAREA_DEFAULTS, KJ_TIME_PICKER, KJ_TOAST_LIST_STRATEGY, KJ_TOAST_SONNER_STRATEGY, KJ_TOAST_STRATEGY, KJ_TRANSLATION_CATALOGS, KJ_TREE_SELECT, KJ_VARIANT_FALLBACK, KJ_VARIANT_PRESET, KjAccordion, KjAccordionContent, KjAccordionItem, KjAccordionTrigger, KjAlert, KjAlertActions, KjAlertDescription, KjAlertDismiss, KjAlertIcon, KjAlertTitle, KjAriaDescribedBy, KjAriaLabelledBy, KjAvatar, KjAvatarFallback, KjAvatarGroup, KjAvatarImage, KjBackdrop, KjBadge, KjBlockquote, KjBreadcrumb, KjBreadcrumbCurrent, KjBreadcrumbEllipsis, KjBreadcrumbItem, KjBreadcrumbLink, KjBreadcrumbList, KjBreadcrumbSeparator, KjButton, KjButtonGroup, KjCalendar, KjCalendarDay, KjCalendarGrid, KjCalendarHeader, KjCarousel, KjCarouselAutoplay, KjCarouselIndicator, KjCarouselIndicators, KjCarouselNext, KjCarouselPauseToggle, KjCarouselPrevious, KjCarouselSlide, KjCarouselViewport, KjCascadeSelect, KjCascadeSelectOption, KjCascadeSelectPanel, KjCascadeSelectSubPanel, KjCascadeSelectTrigger, KjChart, KjChartTableFallback, KjChat, KjChatAnnouncer, KjChatAvatar, KjChatBubble, KjChatFooter, KjChatHeader, KjChatLog, KjChatStore, KjCheckbox, KjCode, KjColorPicker, KjColorPickerAlphaSlider, KjColorPickerArea, KjColorPickerHueSlider, KjColorPickerInput, KjColorPickerPanel, KjColorPickerTrigger, KjCombobox, KjComboboxInput, KjComboboxListbox, KjComboboxOption, KjCommandEmpty, KjCommandGroup, KjCommandInput, KjCommandItem, KjCommandList, KjCommandPalette, KjCommandPaletteDialog, KjCommandPaletteTrigger, KjCommandSeparator, KjConfirmPopup, KjConfirmPopupAction, KjConfirmPopupCancel, KjConfirmPopupContent, KjConfirmPopupMessage, KjConfirmPopupTrigger, KjDatePicker, KjDatePickerCalendar, KjDatePickerTrigger, KjDateRangePresetOption, KjDateRangePresets, KjDialog$1 as KjDialog, KjDialogRef, KjDialog as KjDialogService, KjDirectionality, KjDisabled, KjDivider, KjDrawer, KjDrawerRef, KjDrawerService, KjDropdownMenu, KjDropdownMenuContent, KjDropdownMenuGroup, KjDropdownMenuItem, KjDropdownMenuLabel, KjDropdownMenuSeparator, KjDropdownMenuTrigger, KjEditor, KjEditorLoader, KjField, KjFieldError, KjFieldGroup, KjFieldHelp, KjFieldLabel, KjFileUpload, KjFileUploadDropzone, KjFileUploadItem, KjFileUploadList, KjFileUploadTrigger, KjFilterableList, KjFocusRing, KjFocusTrap, KjForm, KjFormControl, KjFormError, KjFormErrorSummary, KjFormField, KjFormLabel, KjIconDirective, KjId, KjInput, KjInputGroup, KjInputGroupAddon, KjInputMask, KjInputOtp, KjInputOtpCell, KjKbd, KjLead, KjLink, KjList, KjListGroup, KjListGroupLabel, KjListItem, KjListNavigator, KjListRow, KjListSeparator, KjLiveRegion, KjLocale, KjMenubar, KjMenubarItem, KjMotion, KjMuted, KjNumberInput, KjNumberInputGroup, KjNumberStepper, KjOption, KjOverlayBadge, KjOverlayBadgeContent, KjOverlayBuilder, KjOverlayController, KjOverlayHandle, KjOverlayPanel, KjOverlayStack, KjOverlayTrigger, KjOverlayWrapper, KjPagination, KjPaginationEllipsis, KjPaginationFirst, KjPaginationInfo, KjPaginationItem, KjPaginationLast, KjPaginationNext, KjPaginationPrevious, KjPasswordCapsLockWarning, KjPasswordInput, KjPasswordInputScope, KjPasswordStrength, KjPasswordToggle, KjPopoverArrow, KjPopoverClose, KjPopoverContent, KjPopoverTitle, KjPopoverTrigger, KjProgressBar, KjProgressBarFill, KjRadio, KjRadioGroup, KjReducedMotion, KjRichTextEditor, KjRichTextExtensionDirective, KjRovingTabindex, KjRovingTabindexItemDirective, KjSelect, KjSelectContent, KjSelectTrigger, KjSelectionModel, KjSheet, KjSheetRef, KjSheetService, KjSize, KjSkeleton, KjSkipLink, KjSlider, KjSliderRange, KjSliderThumb, KjSliderTrack, KjSpeedDial, KjSpeedDialAction, KjSpeedDialActions, KjSpeedDialTrigger, KjSpinner, KjStep, KjStepContent, KjStepLabel, KjStepper, KjStepperNext, KjStepperPrevious, KjStepperReset, KjTab, KjTabList, KjTabPanel, KjTable, KjTableCell, KjTableFilterOutlet, KjTableHeader, KjTableKeyboardNav, KjTableRow, KjTabs, KjTag, KjTagList, KjTagRemove, KjTextarea, KjTimePicker, KjTimePickerHours, KjTimePickerMeridiem, KjTimePickerMinutes, KjTimePickerSeconds, KjToast, KjToastClose, KjToastPanel, KjToastRef, KjToastService, KjToastViewport, KjToggle, KjTooltipArrow, KjTooltipContent, KjTooltipGroup, KjTooltipTrigger, KjTranslate, KjTranslateService, KjTreeSelect, KjTreeSelectContent, KjTreeSelectNode, KjTreeSelectToggle, KjTreeSelectTrigger, KjTruncate, KjTypeAhead, KjVariant, KjVisuallyHidden, MaskEngine, SHEET_ARIA_LABEL, SHEET_DATA, SHEET_DETENT, SHEET_DISMISSIBLE, addDays, addMonths, addYears, anchoredTo, assertive, bindPresets, blurredBackdrop, bodyPortal, buildMonthMatrix, coalesceAnnouncement, compareDay, compileMask, corner, createKjDecoratorNode, createKjImageNode, cssClip, defaultDateRangePresets, defaultMaskTokens, defaultPasswordScorer, edgeSheet, endOfMonth, firstDayOfWeek, formatDateLong, formatDateShort, formatMonthYear, getIconMode, htmlOverflow, inContainer, inMemoryAdapter, inPlace, inPlaceSibling, inertBased, injectFilterableList, injectKjFilterParams, injectKjIconResolver, injectListItem, injectRichTextNode, injectRteOverlayData, injectSelectionModel, isInRange, isKjFilterModel, isSameDay, isSameMonth, kjColumn, kjColumnGroup, kjContainsFilter, kjDateFilterFn, kjFileMatchesAccept, kjFuzzyFilter, kjHsvToHsl, kjHsvToRgb, kjMultiFilterFn, kjNumberFilterFn, kjParseHex, kjRgbToHex, kjRgbToHsv, kjSetFilterFn, kjStartsWithFilter, kjSubstringFilter, kjTableResource, kjTextFilterFn, localStorageAdapter, matchSlashCommands, nextCascadeId, nextChatMessageId, nextDropdownMenuLabelId, nextPopoverTitleId, noBackdrop, noScrollLock, noTrap, normalizeLanguage, onClick, onContextMenu, onFocus, onFocusOrInput, onHotkey, onHover, parseDate, parseSlash, pointAt, polite, programmatic, provideECharts, provideIconLoader, provideIconResolver, provideIcons, provideKjAlert, provideKjBreadcrumb, provideKjButton, provideKjChatBubble, provideKjDocumentDirection, provideKjFilterParams, provideKjInputMaskTokens, provideKjLink, provideKjLocale, provideKjPagination, provideKjProgressBar, provideKjRichText, provideKjSpinner, provideKjTableStorage, provideKjTabs, provideKjTag, provideKjTextarea, provideKjToastListStrategy, provideKjToastSonnerStrategy, provideKjToastStrategy, provideKjTranslations, provideMonaco, provideMonacoLanguages, resolveChartPalette, resolveDateRangePreset, sessionStorageAdapter, silent, solidBackdrop, startOfDay, startOfMonth, stripDiacritics, tabCycle, toDeepSignal, viewportCentered, weekdayLongNames, weekdayShortNames };
 //# sourceMappingURL=kouji-ui-core.mjs.map