@koobiq/components 18.38.1 → 19.0.0

package/accordion/accordion-content.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/accordion";
+import * as i1 from "./accordion-content.directive";
 export declare class KbqAccordionContent {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionContent, "kbq-accordion-content, [kbq-accordion-content]", never, {}, {}, never, never, false, [{ directive: typeof i1.RdxAccordionContentDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionContent, "kbq-accordion-content, [kbq-accordion-content]", never, {}, {}, never, never, true, [{ directive: typeof i1.KbqAccordionContentDirective; inputs: {}; outputs: {}; }]>;
 }

package/accordion/accordion-content.directive.d.ts

@@ -0,0 +1,11 @@
+import { KbqAccordionItemDirective } from './accordion-item.directive';
+import * as i0 from "@angular/core";
+export declare class KbqAccordionContentDirective {
+    protected readonly item: KbqAccordionItemDirective;
+    protected readonly nativeElement: any;
+    protected hidden: boolean;
+    protected onAnimationEnd(): void;
+    onToggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionContentDirective, "[kbqAccordionContent]", ["kbqAccordionContent"], {}, {}, never, never, true, never>;
+}

package/accordion/accordion-header.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/accordion";
+import * as i1 from "./accordion-header.directive";
 export declare class KbqAccordionHeader {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionHeader, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionHeader, "kbq-accordion-header, [kbq-accordion-header]", never, {}, {}, never, never, false, [{ directive: typeof i1.RdxAccordionHeaderDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionHeader, "kbq-accordion-header, [kbq-accordion-header]", never, {}, {}, never, never, true, [{ directive: typeof i1.KbqAccordionHeaderDirective; inputs: {}; outputs: {}; }]>;
 }

package/accordion/accordion-header.directive.d.ts

@@ -0,0 +1,7 @@
+import { KbqAccordionItemDirective } from './accordion-item.directive';
+import * as i0 from "@angular/core";
+export declare class KbqAccordionHeaderDirective {
+    protected readonly item: KbqAccordionItemDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionHeaderDirective, "[kbqAccordionHeader]", never, {}, {}, never, never, true, never>;
+}

package/accordion/accordion-item.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/accordion";
+import * as i1 from "./accordion-item.directive";
 export declare class KbqAccordionItem {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionItem, "kbq-accordion-item, [kbq-accordion-item]", never, {}, {}, never, never, false, [{ directive: typeof i1.RdxAccordionItemDirective; inputs: { "expanded": "expanded"; "disabled": "disabled"; "value": "value"; }; outputs: { "closed": "closed"; "opened": "opened"; "expandedChange": "expandedChange"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionItem, "kbq-accordion-item, [kbq-accordion-item]", never, {}, {}, never, never, true, [{ directive: typeof i1.KbqAccordionItemDirective; inputs: { "expanded": "expanded"; "disabled": "disabled"; "value": "value"; }; outputs: { "closed": "closed"; "opened": "opened"; "expandedChange": "expandedChange"; }; }]>;
 }

package/accordion/accordion-item.directive.d.ts

@@ -0,0 +1,72 @@
+import { FocusableOption } from '@angular/cdk/a11y';
+import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import { ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
+import { KbqAccordionContentDirective } from './accordion-content.directive';
+import { KbqAccordionOrientation } from './accordion-root.directive';
+import { KbqAccordionTriggerDirective } from './accordion-trigger.directive';
+import * as i0 from "@angular/core";
+export type RdxAccordionItemState = 'open' | 'closed';
+export declare class KbqAccordionItemDirective implements FocusableOption, OnDestroy {
+    /** @docs-private */
+    protected readonly accordion: import("./accordion-root.directive").KbqAccordionRootDirective;
+    /** @docs-private */
+    protected readonly changeDetectorRef: ChangeDetectorRef;
+    /** @docs-private */
+    protected readonly expansionDispatcher: UniqueSelectionDispatcher;
+    /** @docs-private */
+    trigger: KbqAccordionTriggerDirective;
+    /** @docs-private */
+    content: KbqAccordionContentDirective;
+    get dataState(): RdxAccordionItemState;
+    /**
+     * The unique AccordionItem id.
+     * @docs-private
+     */
+    readonly id: string;
+    get orientation(): KbqAccordionOrientation;
+    /** Whether the AccordionItem is expanded. */
+    set expanded(expanded: boolean);
+    get expanded(): boolean;
+    private _expanded;
+    set value(value: string);
+    get value(): string;
+    private _value?;
+    /** Whether the AccordionItem is disabled. */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    private _disabled;
+    /** Event emitted every time the AccordionItem is closed. */
+    readonly closed: EventEmitter<void>;
+    /** Event emitted every time the AccordionItem is opened. */
+    readonly opened: EventEmitter<void>;
+    /**
+     * Event emitted when the AccordionItem is destroyed.
+     * @docs-private
+     */
+    readonly destroyed: EventEmitter<void>;
+    /**
+     * Emits whenever the expanded state of the accordion changes.
+     * Primarily used to facilitate two-way binding.
+     * @docs-private
+     */
+    readonly expandedChange: EventEmitter<boolean>;
+    /** Unregister function for expansionDispatcher. */
+    private removeUniqueSelectionListener;
+    /** Subscription to openAll/closeAll events. */
+    private openCloseAllSubscription;
+    constructor();
+    /** Emits an event for the accordion item being destroyed. */
+    ngOnDestroy(): void;
+    focus(): void;
+    /** Toggles the expanded state of the accordion item. */
+    toggle(): void;
+    /** Sets the expanded state of the accordion item to false. */
+    close(): void;
+    /** Sets the expanded state of the accordion item to true. */
+    open(): void;
+    private subscribeToOpenCloseAllActions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionItemDirective, "[kbqAccordionItem]", ["kbqAccordionItem"], { "expanded": { "alias": "expanded"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; "expandedChange": "expandedChange"; }, ["trigger", "content"], never, true, never>;
+    static ngAcceptInputType_expanded: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}

package/accordion/accordion-root.directive.d.ts

@@ -0,0 +1,64 @@
+import { FocusKeyManager } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
+import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import { AfterContentInit, EventEmitter, InjectionToken, OnDestroy, QueryList } from '@angular/core';
+import { Subject } from 'rxjs';
+import { KbqAccordionItemDirective } from './accordion-item.directive';
+import * as i0 from "@angular/core";
+export type KbqAccordionType = 'single' | 'multiple';
+export type KbqAccordionOrientation = 'horizontal' | 'vertical';
+export declare const KbqAccordionRootToken: InjectionToken<KbqAccordionRootDirective>;
+export declare class KbqAccordionRootDirective implements AfterContentInit, OnDestroy {
+    /** @docs-private */
+    protected readonly selectionDispatcher: UniqueSelectionDispatcher;
+    /** @docs-private */
+    protected readonly dir: Directionality | null;
+    /** @docs-private */
+    protected keyManager: FocusKeyManager<KbqAccordionItemDirective>;
+    /** @docs-private */
+    readonly id: string;
+    /** @docs-private */
+    readonly openCloseAllActions: Subject<boolean>;
+    get isMultiple(): boolean;
+    /** Whether the Accordion is disabled. */
+    disabled: boolean;
+    /** The orientation of the accordion. */
+    orientation: KbqAccordionOrientation;
+    /**  @docs-private */
+    items: QueryList<KbqAccordionItemDirective>;
+    /**
+     * The value of the item to expand when initially rendered and type is "single". Use when you do not need to control the state of the items.
+     */
+    set defaultValue(value: string[] | string);
+    get defaultValue(): string[] | string;
+    /**
+     * Determines whether one or multiple items can be opened at the same time.
+     */
+    type: KbqAccordionType;
+    /** @docs-private */
+    collapsible: boolean;
+    /** The controlled value of the item to expand */
+    set value(value: string[] | string);
+    get value(): string[] | string;
+    readonly onValueChange: EventEmitter<void>;
+    private _value?;
+    private _defaultValue;
+    private onValueChangeSubscription;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** @docs-private */
+    handleKeydown(event: KeyboardEvent): void;
+    /** Opens all enabled accordion items in an accordion where multi is enabled.
+     * @docs-private
+     */
+    openAll(): void;
+    /** Closes all enabled accordion items.
+     * @docs-private
+     */
+    closeAll(): void;
+    /** @docs-private */
+    setActiveItem(item: KbqAccordionItemDirective): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionRootDirective, "[kbqAccordionRoot]", never, { "disabled": { "alias": "disabled"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onValueChange": "onValueChange"; }, ["items"], never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/accordion/accordion-trigger.component.d.ts

@@ -1,11 +1,11 @@
 import { KbqAccordion } from './accordion.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/accordion";
+import * as i1 from "./accordion-trigger.directive";
 export declare class KbqAccordionTrigger {
     protected accordion: KbqAccordion;
     get isFill(): boolean;
     get isHug(): boolean;
     get isHugSpaceBetween(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionTrigger, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqAccordionTrigger, "kbq-accordion-trigger, [kbq-accordion-trigger]", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.RdxAccordionTriggerDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqAccordionTrigger, "kbq-accordion-trigger, [kbq-accordion-trigger]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.KbqAccordionTriggerDirective; inputs: {}; outputs: {}; }]>;
 }

package/accordion/accordion-trigger.directive.d.ts

@@ -0,0 +1,13 @@
+import { KbqAccordionItemDirective } from './accordion-item.directive';
+import { KbqAccordionRootDirective } from './accordion-root.directive';
+import * as i0 from "@angular/core";
+export declare class KbqAccordionTriggerDirective {
+    protected readonly nativeElement: any;
+    protected readonly accordionRoot: KbqAccordionRootDirective;
+    protected readonly item: KbqAccordionItemDirective;
+    /** Fires when trigger clicked */
+    onClick(): void;
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionTriggerDirective, "[kbqAccordionTrigger]", never, {}, {}, never, never, true, never>;
+}

package/accordion/accordion.component.d.ts

@@ -1,9 +1,7 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
-import { RdxAccordionType } from '@radix-ng/primitives/accordion';
 import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/accordion";
-export type KbqAccordionType = RdxAccordionType;
+import * as i1 from "./accordion-root.directive";
 export declare enum KbqAccordionVariant {
     fill = "fill",
     hug = "hug",
@@ -16,5 +14,5 @@ export declare class KbqAccordion implements OnDestroy, AfterViewInit {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqAccordion, "kbq-accordion, [kbq-accordion]", never, { "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.RdxAccordionRootDirective; inputs: { "type": "type"; "collapsible": "collapsible"; "disabled": "disabled"; "defaultValue": "defaultValue"; "value": "value"; }; outputs: { "onValueChange": "onValueChange"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqAccordion, "kbq-accordion, [kbq-accordion]", never, { "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.KbqAccordionRootDirective; inputs: { "type": "type"; "collapsible": "collapsible"; "disabled": "disabled"; "defaultValue": "defaultValue"; "value": "value"; }; outputs: { "onValueChange": "onValueChange"; }; }]>;
 }

package/accordion/accordion.module.d.ts

@@ -1,12 +1,12 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./accordion.component";
-import * as i2 from "./accordion-content";
-import * as i3 from "./accordion-header";
-import * as i4 from "./accordion-item";
-import * as i5 from "./accordion-trigger.component";
-import * as i6 from "@koobiq/components/icon";
+import * as i1 from "@koobiq/components/icon";
+import * as i2 from "./accordion.component";
+import * as i3 from "./accordion-content";
+import * as i4 from "./accordion-header";
+import * as i5 from "./accordion-item";
+import * as i6 from "./accordion-trigger.component";
 export declare class KbqAccordionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqAccordionModule, [typeof i1.KbqAccordion, typeof i2.KbqAccordionContent, typeof i3.KbqAccordionHeader, typeof i4.KbqAccordionItem, typeof i5.KbqAccordionTrigger], [typeof i6.KbqIcon], [typeof i1.KbqAccordion, typeof i2.KbqAccordionContent, typeof i3.KbqAccordionHeader, typeof i4.KbqAccordionItem, typeof i5.KbqAccordionTrigger]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqAccordionModule, never, [typeof i1.KbqIcon, typeof i2.KbqAccordion, typeof i3.KbqAccordionContent, typeof i4.KbqAccordionHeader, typeof i5.KbqAccordionItem, typeof i6.KbqAccordionTrigger], [typeof i2.KbqAccordion, typeof i3.KbqAccordionContent, typeof i4.KbqAccordionHeader, typeof i5.KbqAccordionItem, typeof i6.KbqAccordionTrigger]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqAccordionModule>;
 }

package/accordion/public-api.d.ts

@@ -1,6 +1,11 @@
 export * from './accordion-content';
+export * from './accordion-content.directive';
 export * from './accordion-header';
+export * from './accordion-header.directive';
 export * from './accordion-item';
+export * from './accordion-item.directive';
+export * from './accordion-root.directive';
 export * from './accordion-trigger.component';
+export * from './accordion-trigger.directive';
 export * from './accordion.component';
 export * from './accordion.module';

package/alert/_alert-theme.scss

@@ -18,11 +18,6 @@
     }
 
     .kbq-alert.kbq-alert_default {
-        // Will be replaced with `kbq-alert_info` in next major release (#DS-3651)
-        &.kbq-alert_contrast {
-            @include kbq-alert-style(default, contrast);
-        }
-
         &.kbq-alert_error {
             @include kbq-alert-style(default, error);
         }
@@ -35,18 +30,12 @@
             @include kbq-alert-style(default, success);
         }
 
-        // Will be removed and replaced with `kbq-alert_info` in next major release (#DS-3651)
-        &.kbq-alert_theme {
-            @include kbq-alert-style(default, theme);
+        &.kbq-alert_info {
+            @include kbq-alert-style(default, info);
         }
     }
 
     .kbq-alert.kbq-alert_colored {
-        // Will be removed in next major release (#DS-3651)
-        &.kbq-alert_contrast {
-            @include kbq-alert-style(colored, contrast);
-        }
-
         &.kbq-alert_error {
             @include kbq-alert-style(colored, error);
         }
@@ -59,9 +48,8 @@
             @include kbq-alert-style(colored, success);
         }
 
-        // Will be replaced with `kbq-alert_info` in next major release (#DS-3651)
-        &.kbq-alert_theme {
-            @include kbq-alert-style(colored, theme);
+        &.kbq-alert_info {
+            @include kbq-alert-style(colored, info);
         }
     }
 }

package/alert/alert-tokens.scss

@@ -40,9 +40,6 @@
     --kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);
     --kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs);
     /* THEME TOKENS */
-    --kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);
-    --kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);
-    --kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);
     --kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);
     --kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);
     --kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);
@@ -52,12 +49,9 @@
     --kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);
     --kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);
     --kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);
-    --kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);
-    --kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);
-    --kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);
-    --kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);
-    --kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);
-    --kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);
+    --kbq-alert-default-info-container-background: var(--kbq-background-contrast-fade);
+    --kbq-alert-default-info-container-title: var(--kbq-foreground-contrast);
+    --kbq-alert-default-info-container-text: var(--kbq-foreground-contrast);
     --kbq-alert-colored-error-container-background: var(--kbq-background-error-less);
     --kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);
     --kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);
@@ -67,7 +61,7 @@
     --kbq-alert-colored-success-container-background: var(--kbq-background-success-less);
     --kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);
     --kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);
-    --kbq-alert-colored-theme-container-background: var(--kbq-background-theme-less);
-    --kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);
-    --kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast);
+    --kbq-alert-colored-info-container-background: var(--kbq-background-theme-less);
+    --kbq-alert-colored-info-container-title: var(--kbq-foreground-contrast);
+    --kbq-alert-colored-info-container-text: var(--kbq-foreground-contrast);
 }

package/alert/alert.component.d.ts

@@ -10,26 +10,19 @@ export declare enum KbqAlertColors {
     Error = "error",
     Warning = "warning",
     Success = "success",
-    /** Used the same value as `Theme` to not introduce breaking changes */
-    Info = "theme",
-    /** @deprecated This color key doesn't correlate with design, use `Info` instead.
-     * Will be removed in next major release (#DS-3602) */
-    Theme = "theme",
-    /** @deprecated This color key doesn't correlate with design.
-     * Will be removed and replaced with `Info` in next major release (#DS-3602) */
-    Contrast = "contrast"
+    Info = "info"
 }
 export declare class KbqAlertTitle {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAlertTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAlertTitle, "[kbq-alert-title]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAlertTitle, "[kbq-alert-title]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqAlertCloseButton {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAlertCloseButton, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAlertCloseButton, "[kbq-alert-close-button]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAlertCloseButton, "[kbq-alert-close-button]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqAlertControl {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAlertControl, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAlertControl, "[kbq-alert-control]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAlertControl, "[kbq-alert-control]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqAlert implements AfterContentInit {
     iconItem: KbqIconItem;
@@ -46,5 +39,5 @@ export declare class KbqAlert implements AfterContentInit {
     get isColored(): boolean;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAlert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqAlert, "kbq-alert", never, { "compact": { "alias": "compact"; "required": false; }; "alertStyle": { "alias": "alertStyle"; "required": false; }; "alertColor": { "alias": "alertColor"; "required": false; }; }, {}, ["iconItem", "icon", "button", "title", "control", "closeButton"], ["[kbq-icon-item],[kbq-icon]", "[kbq-alert-title]", "*", "[kbq-alert-control]", "[kbq-alert-close-button]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqAlert, "kbq-alert", never, { "compact": { "alias": "compact"; "required": false; }; "alertStyle": { "alias": "alertStyle"; "required": false; }; "alertColor": { "alias": "alertColor"; "required": false; }; }, {}, ["iconItem", "icon", "button", "title", "control", "closeButton"], ["[kbq-icon-item],[kbq-icon]", "[kbq-alert-title]", "*", "[kbq-alert-control]", "[kbq-alert-close-button]"], true, never>;
 }

package/alert/alert.module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./alert.component";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/cdk/platform";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/cdk/platform";
+import * as i3 from "./alert.component";
 export declare class KbqAlertModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAlertModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqAlertModule, [typeof i1.KbqAlert, typeof i1.KbqAlertTitle, typeof i1.KbqAlertCloseButton, typeof i1.KbqAlertControl], [typeof i2.A11yModule, typeof i3.PlatformModule], [typeof i1.KbqAlert, typeof i1.KbqAlertTitle, typeof i1.KbqAlertCloseButton, typeof i1.KbqAlertControl]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqAlertModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof i3.KbqAlert, typeof i3.KbqAlertTitle, typeof i3.KbqAlertCloseButton, typeof i3.KbqAlertControl], [typeof i3.KbqAlert, typeof i3.KbqAlertTitle, typeof i3.KbqAlertCloseButton, typeof i3.KbqAlertControl]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqAlertModule>;
 }

package/app-switcher/app-switcher.d.ts

@@ -1,7 +1,7 @@
 import { CdkScrollable, Overlay, OverlayConfig, ScrollStrategy } from '@angular/cdk/overlay';
 import { AfterContentInit, AfterViewInit, EventEmitter, InjectionToken, OnInit, TemplateRef, Type } from '@angular/core';
 import { FormControl } from '@angular/forms';
-import { KbqPopUp, KbqPopUpTrigger, PopUpPlacements, PopUpSizes } from '@koobiq/components/core';
+import { KbqPopUp, KbqPopUpPlacementValues, KbqPopUpSizeValues, KbqPopUpTrigger } from '@koobiq/components/core';
 import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
 import { KbqInput } from '@koobiq/components/input';
 import { Subscription } from 'rxjs';
@@ -76,7 +76,7 @@ export declare class KbqAppSwitcherComponent extends KbqPopUp implements AfterVi
     constructor();
     ngAfterViewInit(): void;
     /** @docs-private */
-    updateClassMap(placement: string, customClass: string, size: PopUpSizes): void;
+    updateClassMap(placement: string, customClass: string, size: KbqPopUpSizeValues): void;
     /** @docs-private */
     updateTrapFocus(isTrapFocus: boolean): void;
     /** @docs-private */
@@ -87,7 +87,7 @@ export declare class KbqAppSwitcherComponent extends KbqPopUp implements AfterVi
     private updateLocaleParams;
     private initDefaultParams;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAppSwitcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqAppSwitcherComponent, "kbq-app-switcher", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqAppSwitcherComponent, "kbq-app-switcher", never, { "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class KbqAppSwitcherTrigger extends KbqPopUpTrigger<KbqAppSwitcherComponent> implements AfterContentInit, OnInit {
     /** @docs-private */
@@ -122,7 +122,7 @@ export declare class KbqAppSwitcherTrigger extends KbqPopUpTrigger<KbqAppSwitche
     /** Selected application */
     selectedApp: KbqAppSwitcherApp;
     /** Placement of popUp */
-    placement: PopUpPlacements;
+    placement: KbqPopUpPlacementValues;
     /** Class that will be used in the background */
     backdropClass: string;
     /** Offset of popUp */

package/autocomplete/autocomplete-origin.directive.d.ts

@@ -8,5 +8,5 @@ export declare class KbqAutocompleteOrigin {
     elementRef: ElementRef<HTMLElement>;
     constructor(elementRef: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAutocompleteOrigin, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAutocompleteOrigin, "[kbqAutocompleteOrigin]", ["kbqAutocompleteOrigin"], {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAutocompleteOrigin, "[kbqAutocompleteOrigin]", ["kbqAutocompleteOrigin"], {}, {}, never, never, true, never>;
 }

package/autocomplete/autocomplete-trigger.directive.d.ts

@@ -159,5 +159,5 @@ export declare class KbqAutocompleteTrigger implements AfterViewInit, ControlVal
     private resetActiveItem;
     private canOpen;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAutocompleteTrigger, [null, null, null, null, null, null, { optional: true; }, { optional: true; host: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAutocompleteTrigger, "input[kbqAutocomplete], textarea[kbqAutocomplete]", ["kbqAutocompleteTrigger"], { "autocomplete": { "alias": "kbqAutocomplete"; "required": false; }; "connectedTo": { "alias": "kbqAutocompleteConnectedTo"; "required": false; }; "autocompleteAttribute": { "alias": "autocomplete"; "required": false; }; "autocompleteDisabled": { "alias": "kbqAutocompleteDisabled"; "required": false; }; "onInputBlur": { "alias": "kbqAutocompleteOnBlur"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAutocompleteTrigger, "input[kbqAutocomplete], textarea[kbqAutocomplete]", ["kbqAutocompleteTrigger"], { "autocomplete": { "alias": "kbqAutocomplete"; "required": false; }; "connectedTo": { "alias": "kbqAutocompleteConnectedTo"; "required": false; }; "autocompleteAttribute": { "alias": "autocomplete"; "required": false; }; "autocompleteDisabled": { "alias": "kbqAutocompleteDisabled"; "required": false; }; "onInputBlur": { "alias": "kbqAutocompleteOnBlur"; "required": false; }; }, {}, never, never, true, never>;
 }

package/autocomplete/autocomplete.component.d.ts

@@ -73,5 +73,5 @@ export declare class KbqAutocomplete implements AfterContentInit {
     onKeydown(event: KeyboardEvent): any;
     private updateFocusClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAutocomplete, [null, null, null, { optional: true; host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqAutocomplete, "kbq-autocomplete", ["kbqAutocomplete"], { "displayWith": { "alias": "displayWith"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "autoActiveFirstOption": { "alias": "autoActiveFirstOption"; "required": false; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; }; }, { "optionSelected": "optionSelected"; "opened": "opened"; "closed": "closed"; }, ["options", "optionGroups"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqAutocomplete, "kbq-autocomplete", ["kbqAutocomplete"], { "displayWith": { "alias": "displayWith"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "autoActiveFirstOption": { "alias": "autoActiveFirstOption"; "required": false; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; }; }, { "optionSelected": "optionSelected"; "opened": "opened"; "closed": "closed"; }, ["options", "optionGroups"], ["*"], true, never>;
 }

package/autocomplete/autocomplete.module.d.ts

@@ -1,12 +1,12 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./autocomplete.component";
-import * as i2 from "./autocomplete-trigger.directive";
-import * as i3 from "./autocomplete-origin.directive";
-import * as i4 from "@koobiq/components/core";
-import * as i5 from "@angular/cdk/overlay";
-import * as i6 from "@angular/common";
+import * as i1 from "@koobiq/components/core";
+import * as i2 from "@angular/cdk/overlay";
+import * as i3 from "@angular/common";
+import * as i4 from "./autocomplete.component";
+import * as i5 from "./autocomplete-trigger.directive";
+import * as i6 from "./autocomplete-origin.directive";
 export declare class KbqAutocompleteModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAutocompleteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqAutocompleteModule, [typeof i1.KbqAutocomplete, typeof i2.KbqAutocompleteTrigger, typeof i3.KbqAutocompleteOrigin], [typeof i4.KbqOptionModule, typeof i5.OverlayModule, typeof i6.NgClass], [typeof i1.KbqAutocomplete, typeof i4.KbqOptionModule, typeof i2.KbqAutocompleteTrigger, typeof i3.KbqAutocompleteOrigin]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqAutocompleteModule, never, [typeof i1.KbqOptionModule, typeof i2.OverlayModule, typeof i3.NgClass, typeof i4.KbqAutocomplete, typeof i5.KbqAutocompleteTrigger, typeof i6.KbqAutocompleteOrigin], [typeof i4.KbqAutocomplete, typeof i1.KbqOptionModule, typeof i5.KbqAutocompleteTrigger, typeof i6.KbqAutocompleteOrigin]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqAutocompleteModule>;
 }

package/badge/badge.component.d.ts

@@ -16,7 +16,7 @@ export declare enum KbqBadgeColors {
 }
 export declare class KbqBadgeCaption {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqBadgeCaption, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqBadgeCaption, "[kbq-badge-caption]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqBadgeCaption, "[kbq-badge-caption]", never, {}, {}, never, never, true, never>;
 }
 export declare const leftIconClassName = "kbq-icon_left";
 export declare const rightIconClassName = "kbq-icon_right";
@@ -32,7 +32,7 @@ export declare class KbqBadgeCssStyler implements AfterContentInit {
     ngAfterContentInit(): void;
     updateClassModifierForIcons(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqBadgeCssStyler, [null, null, { skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqBadgeCssStyler, "kbq-badge", never, {}, {}, ["icons"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqBadgeCssStyler, "kbq-badge", never, {}, {}, ["icons"], never, true, never>;
 }
 export declare class KbqBadge {
     iconItem: KbqIconItem;
@@ -42,5 +42,5 @@ export declare class KbqBadge {
     set badgeColor(value: string | KbqBadgeColors);
     private _badgeColor;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqBadge, "kbq-badge", never, { "compact": { "alias": "compact"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "badgeColor": { "alias": "badgeColor"; "required": false; }; }, {}, ["iconItem"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqBadge, "kbq-badge", never, { "compact": { "alias": "compact"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "badgeColor": { "alias": "badgeColor"; "required": false; }; }, {}, ["iconItem"], ["*"], true, never>;
 }

package/badge/badge.module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./badge.component";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/cdk/platform";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/cdk/platform";
+import * as i3 from "./badge.component";
 export declare class KbqBadgeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqBadgeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqBadgeModule, [typeof i1.KbqBadge, typeof i1.KbqBadgeCaption, typeof i1.KbqBadgeCssStyler], [typeof i2.A11yModule, typeof i3.PlatformModule], [typeof i1.KbqBadge, typeof i1.KbqBadgeCaption, typeof i1.KbqBadgeCssStyler]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqBadgeModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof i3.KbqBadge, typeof i3.KbqBadgeCaption, typeof i3.KbqBadgeCssStyler], [typeof i3.KbqBadge, typeof i3.KbqBadgeCaption, typeof i3.KbqBadgeCssStyler]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqBadgeModule>;
 }

package/breadcrumbs/breadcrumbs.d.ts

@@ -4,7 +4,8 @@ import { KbqButtonStyles } from '@koobiq/components/button';
 import { KbqComponentColors, KbqDefaultSizes, PopUpPlacements } from '@koobiq/components/core';
 import { KbqBreadcrumbsConfiguration, KbqBreadcrumbsWrapMode } from './breadcrumbs.types';
 import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/roving-focus";
+import * as i1 from "./roving-focus-item.directive";
+import * as i2 from "./roving-focus-group.directive";
 /** Breadcrumbs options global configuration provider. */
 export declare const KBQ_BREADCRUMBS_CONFIGURATION: InjectionToken<KbqBreadcrumbsConfiguration>;
 /** Utility provider for `KBQ_BREADCRUMBS_CONFIGURATION`. */
@@ -120,7 +121,7 @@ export declare class KbqBreadcrumbs implements AfterContentInit {
     ngAfterContentInit(): void;
     private getItemWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqBreadcrumbs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqBreadcrumbs, "kbq-breadcrumbs,[kbq-breadcrumbs]", never, { "firstItemNegativeMargin": { "alias": "firstItemNegativeMargin"; "required": false; }; "size": { "alias": "size"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "wrapMode": { "alias": "wrapMode"; "required": false; }; }, {}, ["separator", "items"], ["*"], true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqBreadcrumbs, "kbq-breadcrumbs,[kbq-breadcrumbs]", never, { "firstItemNegativeMargin": { "alias": "firstItemNegativeMargin"; "required": false; }; "size": { "alias": "size"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "wrapMode": { "alias": "wrapMode"; "required": false; }; }, {}, ["separator", "items"], ["*"], true, [{ directive: typeof i2.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_firstItemNegativeMargin: unknown;
     static ngAcceptInputType_disabled: unknown;
 }

package/breadcrumbs/public-api.d.ts

@@ -1,3 +1,5 @@
 export * from './breadcrumbs';
 export * from './breadcrumbs.module';
 export * from './breadcrumbs.types';
+export * from './roving-focus-group.directive';
+export * from './roving-focus-item.directive';