@koobiq/components 18.8.0 → 18.9.0

package/code-block/code-block.component.d.ts

@@ -4,7 +4,7 @@ import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, Renderer2 } fr
 import { KbqLocaleService } from '@koobiq/components/core';
 import { KbqTabChangeEvent, KbqTabGroup } from '@koobiq/components/tabs';
 import { Subject } from 'rxjs';
-import { KbqCodeBlockConfiguration, KbqCodeFile } from './code-block.types';
+import { KbqCodeBlockConfiguration, KbqCodeBlockFile } from './code-block.types';
 import * as i0 from "@angular/core";
 export declare const COPIED_MESSAGE_TOOLTIP_TIMEOUT = 100;
 export declare const DEFAULT_EXTENSION = "txt";
@@ -40,8 +40,8 @@ export declare class KbqCodeBlockComponent implements AfterViewInit, OnDestroy {
     maxHeight: number;
     softWrap: boolean;
     canLoad: boolean;
-    get codeFiles(): KbqCodeFile[];
-    set codeFiles(files: KbqCodeFile[]);
+    get codeFiles(): KbqCodeBlockFile[];
+    set codeFiles(files: KbqCodeBlockFile[]);
     private _codeFiles;
     get noHeader(): any;
     get singleFile(): boolean;

package/code-block/code-block.module.d.ts

@@ -4,10 +4,10 @@ import * as i2 from "./actionbar.component";
 import * as i3 from "@koobiq/components/button";
 import * as i4 from "@koobiq/components/tooltip";
 import * as i5 from "@koobiq/components/icon";
-import * as i6 from "ngx-highlightjs";
-import * as i7 from "@koobiq/components/tabs";
+import * as i6 from "@koobiq/components/tabs";
+import * as i7 from "./code-block-content";
 export declare class KbqCodeBlockModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqCodeBlockModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqCodeBlockModule, [typeof i1.KbqCodeBlockComponent, typeof i2.KbqActionBarComponent], [typeof i3.KbqButtonModule, typeof i4.KbqToolTipModule, typeof i5.KbqIconModule, typeof i6.HighlightModule, typeof i7.KbqTabsModule], [typeof i1.KbqCodeBlockComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqCodeBlockModule, [typeof i1.KbqCodeBlockComponent, typeof i2.KbqActionBarComponent], [typeof i3.KbqButtonModule, typeof i4.KbqToolTipModule, typeof i5.KbqIconModule, typeof i6.KbqTabsModule, typeof i7.KbqCodeBlockContent], [typeof i1.KbqCodeBlockComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqCodeBlockModule>;
 }

package/code-block/code-block.types.d.ts

@@ -20,9 +20,17 @@ export interface KbqCodeBlockConfiguration {
     viewLessText: string;
     openExternalSystemTooltip: string;
 }
-export interface KbqCodeFile {
+/** Code block file type. */
+export type KbqCodeBlockFile = {
     filename: string;
     content: string;
+    /**
+     * File language
+     *
+     * @link https://highlightjs.readthedocs.io/en/stable/supported-languages.html
+     */
     language: string;
     link?: string;
-}
+};
+/** @deprecated Will be removed in next major release, use `KbqCodeBlockFile` instead. */
+export type KbqCodeFile = KbqCodeBlockFile;

package/core/forms/forms-tokens.scss

@@ -9,14 +9,7 @@
     --kbq-forms-size-vertical-control-padding-left: var(--kbq-size-xxl);
     --kbq-forms-size-vertical-legend-margin-top: var(--kbq-size-3xl);
     --kbq-forms-size-vertical-legend-margin-bottom: var(--kbq-size-m);
-}
-
-:where(.kbq-light, .theme-light, .kbq-theme-light) {
-    --kbq-forms-label: var(--kbq-foreground-contrast);
-    --kbq-forms-legend: var(--kbq-foreground-contrast);
-}
-
-:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
+    /* THEME TOKENS */
     --kbq-forms-label: var(--kbq-foreground-contrast);
     --kbq-forms-legend: var(--kbq-foreground-contrast);
 }

package/core/option/_option-theme.scss

@@ -40,6 +40,16 @@
         &.kbq-disabled {
             @include kbq-option(states-disabled);
         }
+
+        &:is(.kbq-selected, .kbq-focused, .kbq-active):has(+ :is(.kbq-selected, .kbq-focused, .kbq-active)) {
+            border-bottom-left-radius: 0;
+            border-bottom-right-radius: 0;
+        }
+
+        &:is(.kbq-selected, .kbq-focused, .kbq-active) + :is(.kbq-selected, .kbq-focused, .kbq-active) {
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+        }
     }
 }
 

package/core/option/option-tokens.scss

@@ -1,5 +1,9 @@
+@use '../../list/list-tokens';
+
 .kbq-option {
     --kbq-option-size-horizontal-padding: var(--kbq-size-m);
     --kbq-option-size-height: var(--kbq-size-3xl);
     --kbq-option-size-border-width: 2px;
+    /* LIST THEME TOKENS */
+    @include list-tokens.list-theme-tokens;
 }

package/core/selection/pseudo-checkbox/pseudo-checkbox-tokens.scss

@@ -11,9 +11,7 @@
     --kbq-checkbox-size-big-horizontal-content-padding: var(--kbq-size-s);
     --kbq-checkbox-size-big-vertical-content-padding: var(--kbq-size-3xs);
     --kbq-checkbox-size-big-top: var(--kbq-size-xxs);
-}
-
-:where(.kbq-light, .theme-light, .kbq-theme-light) {
+    /* THEME TOKENS */
     --kbq-checkbox-theme-default-border: var(--kbq-line-contrast-fade);
     --kbq-checkbox-theme-default-color: var(--kbq-icon-white);
     --kbq-checkbox-theme-default-text: var(--kbq-foreground-contrast);
@@ -59,50 +57,3 @@
     --kbq-checkbox-error-states-disabled-background: var(--kbq-states-background-disabled);
     --kbq-checkbox-error-states-disabled-caption: var(--kbq-states-icon-disabled);
 }
-
-:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
-    --kbq-checkbox-theme-default-border: var(--kbq-line-contrast-fade);
-    --kbq-checkbox-theme-default-color: var(--kbq-icon-white);
-    --kbq-checkbox-theme-default-text: var(--kbq-foreground-contrast);
-    --kbq-checkbox-theme-default-background: var(--kbq-background-bg);
-    --kbq-checkbox-theme-default-caption: var(--kbq-foreground-contrast-secondary);
-    --kbq-checkbox-theme-states-hover-border: var(--kbq-line-contrast-fade);
-    --kbq-checkbox-theme-states-hover-background: var(--kbq-states-background-transparent-hover);
-    --kbq-checkbox-theme-states-checked-border: transparent;
-    --kbq-checkbox-theme-states-checked-background: var(--kbq-background-theme);
-    --kbq-checkbox-theme-states-checked-hover-border: transparent;
-    --kbq-checkbox-theme-states-checked-hover-background: var(--kbq-states-background-theme-hover);
-    --kbq-checkbox-theme-states-focused-border: var(--kbq-states-line-focus-theme);
-    --kbq-checkbox-theme-states-focused-background: var(--kbq-background-bg);
-    --kbq-checkbox-theme-states-focused-outline: 1px solid var(--kbq-states-line-focus-theme);
-    --kbq-checkbox-theme-states-checked-focused-border: var(--kbq-states-line-focus-theme);
-    --kbq-checkbox-theme-states-checked-focused-background: var(--kbq-background-theme);
-    --kbq-checkbox-theme-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-theme);
-    --kbq-checkbox-theme-states-disabled-border: var(--kbq-line-contrast-fade);
-    --kbq-checkbox-theme-states-disabled-color: var(--kbq-states-icon-disabled);
-    --kbq-checkbox-theme-states-disabled-text: var(--kbq-states-foreground-disabled);
-    --kbq-checkbox-theme-states-disabled-background: var(--kbq-states-background-disabled);
-    --kbq-checkbox-theme-states-disabled-caption: var(--kbq-states-icon-disabled);
-    --kbq-checkbox-error-default-border: var(--kbq-line-error);
-    --kbq-checkbox-error-default-color: var(--kbq-icon-white);
-    --kbq-checkbox-error-default-text: var(--kbq-foreground-contrast);
-    --kbq-checkbox-error-default-background: var(--kbq-states-background-error-less);
-    --kbq-checkbox-error-default-caption: var(--kbq-foreground-contrast-secondary);
-    --kbq-checkbox-error-states-hover-border: var(--kbq-line-error);
-    --kbq-checkbox-error-states-hover-background: var(--kbq-states-background-error-fade-hover);
-    --kbq-checkbox-error-states-checked-border: transparent;
-    --kbq-checkbox-error-states-checked-background: var(--kbq-background-error);
-    --kbq-checkbox-error-states-checked-hover-border: transparent;
-    --kbq-checkbox-error-states-checked-hover-background: var(--kbq-states-background-error-hover);
-    --kbq-checkbox-error-states-focused-border: var(--kbq-line-error);
-    --kbq-checkbox-error-states-focused-background: var(--kbq-states-background-error-less);
-    --kbq-checkbox-error-states-focused-outline: 1px solid var(--kbq-states-line-focus-error);
-    --kbq-checkbox-error-states-checked-focused-border: var(--kbq-states-line-focus-error);
-    --kbq-checkbox-error-states-checked-focused-background: var(--kbq-background-error);
-    --kbq-checkbox-error-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-error);
-    --kbq-checkbox-error-states-disabled-border: var(--kbq-line-contrast-fade);
-    --kbq-checkbox-error-states-disabled-color: var(--kbq-states-icon-disabled);
-    --kbq-checkbox-error-states-disabled-text: var(--kbq-states-foreground-disabled);
-    --kbq-checkbox-error-states-disabled-background: var(--kbq-states-background-disabled);
-    --kbq-checkbox-error-states-disabled-caption: var(--kbq-states-icon-disabled);
-}

package/core/styles/_koobiq-theme.scss

@@ -3,7 +3,7 @@
 
 @use 'theming/scrollbar-theme' as *;
 
-@use '../../link/link-theme' as *;
+@use '../../link/link-theme';
 @use '../../markdown/markdown-theme' as *;
 @use '../../tabs/tabs-theme' as *;
 @use '../../tags/tag-theme' as *;
@@ -17,7 +17,7 @@
     @include kbq-forms-theme();
     @include kbq-highlight-theme();
     // link is a directive, so styles for it should be applied globally
-    @include kbq-link-theme();
+    @include link-theme.kbq-link-theme();
     @include kbq-markdown-theme();
     @include kbq-scrollbar-theme();
     @include kbq-tabs-theme();
@@ -29,6 +29,7 @@
     @include kbq-markdown-base-typography();
     @include kbq-markdown-typography();
 
+    @include link-theme.kbq-link-typography();
     @include kbq-forms-typography();
     @include kbq-tabs-typography();
     @include kbq-tag-typography();

package/core/styles/common/_list.scss

@@ -64,11 +64,9 @@
     gap: var(--kbq-size-s);
 
     border: var(--kbq-size-3xs) solid transparent;
+    border-radius: var(--kbq-size-border-radius);
 
-    padding-top: var(--kbq-size-xxs);
-    padding-left: var(--kbq-size-m);
-    padding-right: var(--kbq-size-m);
-    padding-bottom: var(--kbq-size-xxs);
+    padding: var(--kbq-size-xxs) kbq-difference-series-css-variables([size-m, size-3xs]);
 
     .kbq-list-text {
         @include kbq-list-text();
@@ -90,8 +88,8 @@
     border-right: var(--kbq-size-3xs) solid transparent;
 
     padding-top: var(--kbq-size-xs);
-    padding-left: var(--kbq-size-m);
-    padding-right: var(--kbq-size-m);
+    padding-left: kbq-difference-series-css-variables([size-m, size-3xs]);
+    padding-right: kbq-difference-series-css-variables([size-m, size-3xs]);
     padding-bottom: var(--kbq-size-3xs);
 
     .kbq-list-text {
@@ -110,8 +108,8 @@
     border-right: var(--kbq-size-3xs) solid transparent;
 
     padding-top: var(--kbq-size-m);
-    padding-left: var(--kbq-size-m);
-    padding-right: var(--kbq-size-m);
+    padding-left: kbq-difference-series-css-variables([size-m, size-3xs]);
+    padding-right: kbq-difference-series-css-variables([size-m, size-3xs]);
     padding-bottom: var(--kbq-size-xxs);
 
     .kbq-list-text {

package/core/styles/common/_select.scss

@@ -165,6 +165,7 @@
     }
 
     .kbq-select__search-container {
+        padding: var(--kbq-size-xxs);
         border-bottom: {
             width: 1px;
             style: solid;
@@ -174,7 +175,7 @@
 
 %kbq-select-content {
     max-height: var(--kbq-select-panel-size-max-height, 256px);
-    padding: 4px 0;
+    padding: var(--kbq-size-xxs);
     overflow: hidden auto;
 }
 
@@ -188,5 +189,5 @@
     border-top-width: 1px;
     border-top-style: solid;
 
-    padding: var(--kbq-size-xxs) var(--kbq-size-m);
+    padding: var(--kbq-size-xxs) var(--kbq-size-l);
 }

package/core/styles/theming/scrollbar-tokens.scss

@@ -5,22 +5,7 @@
     --kbq-scrollbar-size-thumb-width: var(--kbq-size-s);
     --kbq-scrollbar-size-thumb-min-size: var(--kbq-size-xl);
     --kbq-scrollbar-size-thumb-border-radius: var(--kbq-size-s);
-}
-
-:where(.kbq-light, .theme-light, .kbq-theme-light) {
-    --kbq-scrollbar-thumb-default-background: var(--kbq-icon-contrast-fade);
-    --kbq-scrollbar-thumb-hover-background: var(--kbq-states-icon-contrast-fade-hover);
-    --kbq-scrollbar-thumb-active-background: var(--kbq-states-icon-contrast-fade-active);
-    --kbq-scrollbar-thumb-disabled-background: var(--kbq-states-icon-disabled);
-    --kbq-scrollbar-track-default-border: transparent;
-    --kbq-scrollbar-track-default-background: transparent;
-    --kbq-scrollbar-track-hover-border: transparent;
-    --kbq-scrollbar-track-hover-background: transparent;
-    --kbq-scrollbar-track-active-border: transparent;
-    --kbq-scrollbar-track-active-background: transparent;
-}
-
-:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
+    /* THEME TOKENS */
     --kbq-scrollbar-thumb-default-background: var(--kbq-icon-contrast-fade);
     --kbq-scrollbar-thumb-hover-background: var(--kbq-states-icon-contrast-fade-hover);
     --kbq-scrollbar-thumb-active-background: var(--kbq-states-icon-contrast-fade-active);

package/datepicker/datepicker-tokens.scss

@@ -9,9 +9,7 @@
     --kbq-datepicker-size-grid-cell-padding-horizontal: var(--kbq-size-s);
     --kbq-datepicker-size-grid-cell-padding-vertical: var(--kbq-size-s);
     --kbq-datepicker-size-grid-cell-border-radius: var(--kbq-size-s);
-}
-
-:where(.kbq-light, .theme-light, .kbq-theme-light) {
+    /* THEME TOKENS */
     --kbq-datepicker-container-background: var(--kbq-background-card);
     --kbq-datepicker-container-shadow: var(--kbq-shadow-popup);
     --kbq-datepicker-header-text: var(--kbq-foreground-contrast-tertiary);
@@ -28,21 +26,3 @@
     --kbq-datepicker-grid-cell-states-disabled-background: transparent;
     --kbq-datepicker-grid-cell-states-disabled-text: var(--kbq-states-foreground-disabled);
 }
-
-:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
-    --kbq-datepicker-container-background: var(--kbq-background-card);
-    --kbq-datepicker-container-shadow: var(--kbq-shadow-popup);
-    --kbq-datepicker-header-text: var(--kbq-foreground-contrast-tertiary);
-    --kbq-datepicker-header-divider: var(--kbq-line-contrast-less);
-    --kbq-datepicker-grid-cell-default-background: transparent;
-    --kbq-datepicker-grid-cell-default-text: var(--kbq-foreground-contrast);
-    --kbq-datepicker-grid-cell-today-background: transparent;
-    --kbq-datepicker-grid-cell-today-text: var(--kbq-foreground-theme);
-    --kbq-datepicker-grid-cell-states-hover-background: var(--kbq-states-background-transparent-hover);
-    --kbq-datepicker-grid-cell-states-active-background: var(--kbq-states-background-transparent-active);
-    --kbq-datepicker-grid-cell-states-selected-background: var(--kbq-background-contrast);
-    --kbq-datepicker-grid-cell-states-selected-text: var(--kbq-foreground-on-contrast);
-    --kbq-datepicker-grid-cell-states-selected-hover-background: var(--kbq-states-background-contrast-active);
-    --kbq-datepicker-grid-cell-states-disabled-background: transparent;
-    --kbq-datepicker-grid-cell-states-disabled-text: var(--kbq-states-foreground-disabled);
-}

package/divider/divider-tokens.scss

@@ -3,12 +3,6 @@
     --kbq-divider-size-horizontal-margin-vertical: var(--kbq-size-xxs);
     --kbq-divider-size-vertical-width: 1px;
     --kbq-divider-size-vertical-margin-horizontal: var(--kbq-size-xxs);
-}
-
-:where(.kbq-light, .theme-light, .kbq-theme-light) {
-    --kbq-divider-color: var(--kbq-line-contrast-less);
-}
-
-:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
+    /* THEME TOKENS */
     --kbq-divider-color: var(--kbq-line-contrast-less);
 }

package/dl/dl-tokens.scss

@@ -3,14 +3,7 @@
     --kbq-description-list-size-horizontal-gap-vertical: var(--kbq-size-l);
     --kbq-description-list-size-vertical-content-gap-vertical: var(--kbq-size-3xs);
     --kbq-description-list-size-vertical-gap-vertical: var(--kbq-size-m);
-}
-
-:where(.kbq-light, .theme-light, .kbq-theme-light) {
-    --kbq-description-list-term-color: var(--kbq-foreground-contrast-secondary);
-    --kbq-description-list-description-color: var(--kbq-foreground-contrast);
-}
-
-:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
+    /* THEME TOKENS */
     --kbq-description-list-term-color: var(--kbq-foreground-contrast-secondary);
     --kbq-description-list-description-color: var(--kbq-foreground-contrast);
 }

package/dropdown/_dropdown-theme.scss

@@ -43,6 +43,16 @@
         &.kbq-disabled {
             @include kbq-dropdown-item-state(states-disabled);
         }
+
+        &:is(.kbq-selected, .cdk-keyboard-focused):has(+ :is(.kbq-selected, .cdk-keyboard-focused)) {
+            border-bottom-left-radius: 0;
+            border-bottom-right-radius: 0;
+        }
+
+        &:is(.kbq-selected, .cdk-keyboard-focused) + :is(.kbq-selected, .cdk-keyboard-focused) {
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+        }
     }
 
     .kbq-dropdown__group-header {

package/dropdown/dropdown-tokens.scss

@@ -1,16 +1,13 @@
+@use '../list/list-tokens';
+
 .kbq-dropdown__panel {
     --kbq-dropdown-size-container-width-min: var(--kbq-size-7xl);
     --kbq-dropdown-size-container-width-max: 640px;
     --kbq-dropdown-size-container-padding-vertical: var(--kbq-size-xxs);
     --kbq-dropdown-size-container-border-radius: var(--kbq-size-s);
-}
-
-:where(.kbq-light, .theme-light, .kbq-theme-light) {
-    --kbq-dropdown-container-background: var(--kbq-background-card);
-    --kbq-dropdown-container-shadow: var(--kbq-shadow-popup);
-}
-
-:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
+    /* THEME TOKENS */
     --kbq-dropdown-container-background: var(--kbq-background-card);
     --kbq-dropdown-container-shadow: var(--kbq-shadow-popup);
+    /* LIST THEME TOKENS */
+    @include list-tokens.list-theme-tokens;
 }

package/dropdown/dropdown.scss

@@ -22,9 +22,8 @@
 
     border-radius: var(--kbq-dropdown-size-container-border-radius);
 
-    padding-top: var(--kbq-dropdown-size-container-padding-vertical);
-
-    padding-bottom: var(--kbq-dropdown-size-container-padding-vertical);
+    box-sizing: border-box;
+    padding: var(--kbq-size-xxs);
 
     // Prevent users from interacting with the panel while it's animating. Note that
     // people won't be able to click through it, because the overlay pane will catch the click.
@@ -36,6 +35,26 @@
     &.ng-animating {
         pointer-events: none;
     }
+
+    .kbq-option {
+        position: relative;
+
+        &:before,
+        &:after {
+            position: absolute;
+            content: '';
+            width: var(--kbq-size-xxs);
+            height: calc(100% + var(--kbq-size-3xs) * 2); // outline size * 2
+        }
+
+        &:before {
+            right: calc(100% + var(--kbq-size-3xs)); // outline size
+        }
+
+        &:after {
+            left: calc(100% + var(--kbq-size-3xs)); // outline size
+        }
+    }
 }
 
 .kbq-dropdown__content {

package/empty-state/empty-state-tokens.scss

@@ -15,14 +15,7 @@
     --kbq-empty-state-size-normal-image-margin-bottom: var(--kbq-size-xl);
     --kbq-empty-state-size-normal-image-addon-height: var(--kbq-size-xxl);
     --kbq-empty-state-size-normal-title-margin-bottom: var(--kbq-size-xxs);
-}
-
-:where(.kbq-light, .theme-light, .kbq-theme-light) {
-    --kbq-empty-state-title: var(--kbq-foreground-contrast);
-    --kbq-empty-state-color: var(--kbq-foreground-contrast);
-}
-
-:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
+    /* THEME TOKENS */
     --kbq-empty-state-title: var(--kbq-foreground-contrast);
     --kbq-empty-state-color: var(--kbq-foreground-contrast);
 }

package/esm2022/accordion/accordion-trigger.component.mjs

@@ -26,7 +26,7 @@ export class KbqAccordionTrigger {
         }
 
         <ng-content />
-    `, isInline: true, styles: [".kbq-accordion-trigger{display:flex;flex-direction:row;align-items:center;background:transparent;border:none;outline:none}.kbq-accordion-trigger .kbq-accordion-trigger__icon{padding:var(--kbq-size-xxs);transition:transform .3s ease-out}.kbq-accordion-trigger .kbq-accordion-trigger__badge,.kbq-accordion-trigger .kbq-accordion-trigger__caption{margin-top:var(--kbq-size-xxs);margin-right:var(--kbq-size-s)}.kbq-accordion-trigger .kbq-accordion-trigger__action{padding:var(--kbq-size-xxs) var(--kbq-size-xxs) var(--kbq-size-3xs);margin-bottom:calc(-1 * var(--kbq-size-3xs))}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger.kbq-accordion-trigger_fill{padding:var(--kbq-accordion-size-item-header-variant-fill-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_fill[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug{flex-direction:row-reverse;justify-content:flex-end;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between{flex-direction:row-reverse;justify-content:space-between;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(-180deg)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}button.kbq-accordion-trigger{flex:1}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"], dependencies: [{ kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: [".kbq-accordion-trigger{display:flex;flex-direction:row;align-items:center;background:transparent;border:none;outline:none}.kbq-accordion-trigger .kbq-accordion-trigger__icon{padding:var(--kbq-size-xxs);transition:transform .3s ease-out}.kbq-accordion-trigger .kbq-accordion-trigger__badge,.kbq-accordion-trigger .kbq-accordion-trigger__caption{margin-top:var(--kbq-size-xxs);margin-right:var(--kbq-size-s)}.kbq-accordion-trigger .kbq-accordion-trigger__action{padding:var(--kbq-size-xxs) var(--kbq-size-xxs) var(--kbq-size-3xs);margin-bottom:calc(-1 * var(--kbq-size-3xs))}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger.kbq-accordion-trigger_fill{padding:var(--kbq-accordion-size-item-header-variant-fill-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_fill[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug{flex-direction:row-reverse;justify-content:flex-end;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between{flex-direction:row-reverse;justify-content:space-between;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(-180deg)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}button.kbq-accordion-trigger{flex:1}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"], dependencies: [{ kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionTrigger, decorators: [{
             type: Component,
@@ -43,6 +43,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         '[class.kbq-accordion-trigger_fill]': 'isFill',
                         '[class.kbq-accordion-trigger_hug]': 'isHug',
                         '[class.kbq-accordion-trigger_hug-space-between]': 'isHugSpaceBetween'
-                    }, styles: [".kbq-accordion-trigger{display:flex;flex-direction:row;align-items:center;background:transparent;border:none;outline:none}.kbq-accordion-trigger .kbq-accordion-trigger__icon{padding:var(--kbq-size-xxs);transition:transform .3s ease-out}.kbq-accordion-trigger .kbq-accordion-trigger__badge,.kbq-accordion-trigger .kbq-accordion-trigger__caption{margin-top:var(--kbq-size-xxs);margin-right:var(--kbq-size-s)}.kbq-accordion-trigger .kbq-accordion-trigger__action{padding:var(--kbq-size-xxs) var(--kbq-size-xxs) var(--kbq-size-3xs);margin-bottom:calc(-1 * var(--kbq-size-3xs))}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger.kbq-accordion-trigger_fill{padding:var(--kbq-accordion-size-item-header-variant-fill-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_fill[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug{flex-direction:row-reverse;justify-content:flex-end;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between{flex-direction:row-reverse;justify-content:space-between;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(-180deg)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}button.kbq-accordion-trigger{flex:1}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"] }]
+                    }, styles: [".kbq-accordion-trigger{display:flex;flex-direction:row;align-items:center;background:transparent;border:none;outline:none}.kbq-accordion-trigger .kbq-accordion-trigger__icon{padding:var(--kbq-size-xxs);transition:transform .3s ease-out}.kbq-accordion-trigger .kbq-accordion-trigger__badge,.kbq-accordion-trigger .kbq-accordion-trigger__caption{margin-top:var(--kbq-size-xxs);margin-right:var(--kbq-size-s)}.kbq-accordion-trigger .kbq-accordion-trigger__action{padding:var(--kbq-size-xxs) var(--kbq-size-xxs) var(--kbq-size-3xs);margin-bottom:calc(-1 * var(--kbq-size-3xs))}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger.kbq-accordion-trigger_fill{padding:var(--kbq-accordion-size-item-header-variant-fill-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_fill[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug{flex-direction:row-reverse;justify-content:flex-end;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between{flex-direction:row-reverse;justify-content:space-between;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(-180deg)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}button.kbq-accordion-trigger{flex:1}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLXRyaWdnZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLXRyaWdnZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQXVCMUUsTUFBTSxPQUFPLG1CQUFtQjtJQXJCaEM7UUFzQmMsY0FBUyxHQUFpQixNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7S0FhNUQ7SUFYRyxJQUFJLE1BQU07UUFDTixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxLQUFLLG1CQUFtQixDQUFDLElBQUksQ0FBQztJQUMvRCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sS0FBSyxtQkFBbUIsQ0FBQyxHQUFHLENBQUM7SUFDOUQsQ0FBQztJQUVELElBQUksaUJBQWlCO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEtBQUssbUJBQW1CLENBQUMsZUFBZSxDQUFDO0lBQzFFLENBQUM7aUlBYlEsbUJBQW1CO3FIQUFuQixtQkFBbUIsMlhBbkJsQjs7Ozs7Ozs7S0FRVDs7MkZBV1EsbUJBQW1CO2tCQXJCL0IsU0FBUzsrQkFDSSxnREFBZ0QsWUFDaEQ7Ozs7Ozs7O0tBUVQsa0JBRWUsQ0FBQyw0QkFBNEIsQ0FBQyxpQkFDL0IsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDRixLQUFLLEVBQUUsdUJBQXVCO3dCQUM5QixvQ0FBb0MsRUFBRSxRQUFRO3dCQUM5QyxtQ0FBbUMsRUFBRSxPQUFPO3dCQUM1QyxpREFBaUQsRUFBRSxtQkFBbUI7cUJBQ3pFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZHhBY2NvcmRpb25UcmlnZ2VyRGlyZWN0aXZlIH0gZnJvbSAnQHJhZGl4LW5nL3ByaW1pdGl2ZXMvYWNjb3JkaW9uJztcbmltcG9ydCB7IEticUFjY29yZGlvbiwgS2JxQWNjb3JkaW9uVmFyaWFudCB9IGZyb20gJy4vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWFjY29yZGlvbi10cmlnZ2VyLCBba2JxLWFjY29yZGlvbi10cmlnZ2VyXScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgQGlmIChpc0h1Z1NwYWNlQmV0d2Vlbikge1xuICAgICAgICAgICAgPGkgY2xhc3M9XCJrYnEtYWNjb3JkaW9uLXRyaWdnZXJfX2ljb25cIiBrYnEtaWNvbj1cImticS1jaGV2cm9uLWRvd24tc18xNlwiPjwvaT5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8aSBjbGFzcz1cImticS1hY2NvcmRpb24tdHJpZ2dlcl9faWNvblwiIGticS1pY29uPVwia2JxLWNoZXZyb24tcmlnaHQtc18xNlwiPjwvaT5cbiAgICAgICAgfVxuXG4gICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgYCxcbiAgICBzdHlsZVVybHM6IFsnYWNjb3JkaW9uLXRyaWdnZXIuY29tcG9uZW50LnNjc3MnLCAnYWNjb3JkaW9uLXRva2Vucy5zY3NzJ10sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtSZHhBY2NvcmRpb25UcmlnZ2VyRGlyZWN0aXZlXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtYWNjb3JkaW9uLXRyaWdnZXInLFxuICAgICAgICAnW2NsYXNzLmticS1hY2NvcmRpb24tdHJpZ2dlcl9maWxsXSc6ICdpc0ZpbGwnLFxuICAgICAgICAnW2NsYXNzLmticS1hY2NvcmRpb24tdHJpZ2dlcl9odWddJzogJ2lzSHVnJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtYWNjb3JkaW9uLXRyaWdnZXJfaHVnLXNwYWNlLWJldHdlZW5dJzogJ2lzSHVnU3BhY2VCZXR3ZWVuJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWNjb3JkaW9uVHJpZ2dlciB7XG4gICAgcHJvdGVjdGVkIGFjY29yZGlvbjogS2JxQWNjb3JkaW9uID0gaW5qZWN0KEticUFjY29yZGlvbik7XG5cbiAgICBnZXQgaXNGaWxsKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5hY2NvcmRpb24udmFyaWFudCA9PT0gS2JxQWNjb3JkaW9uVmFyaWFudC5maWxsO1xuICAgIH1cblxuICAgIGdldCBpc0h1ZygpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYWNjb3JkaW9uLnZhcmlhbnQgPT09IEticUFjY29yZGlvblZhcmlhbnQuaHVnO1xuICAgIH1cblxuICAgIGdldCBpc0h1Z1NwYWNlQmV0d2VlbigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYWNjb3JkaW9uLnZhcmlhbnQgPT09IEticUFjY29yZGlvblZhcmlhbnQuaHVnU3BhY2VCZXR3ZWVuO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/accordion/accordion.component.mjs

@@ -21,7 +21,7 @@ export class KbqAccordion {
         this.focusMonitor.stopMonitoring(this.elementRef);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordion, deps: [{ token: i1.FocusMonitor }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqAccordion, selector: "kbq-accordion, [kbq-accordion]", inputs: { variant: "variant" }, host: { classAttribute: "kbq-accordion" }, hostDirectives: [{ directive: i2.RdxAccordionRootDirective, inputs: ["type", "type", "collapsible", "collapsible", "disabled", "disabled", "defaultValue", "defaultValue", "value", "value"], outputs: ["onValueChange", "onValueChange"] }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@keyframes slideDown{0%{height:0;padding-bottom:0}to{height:var(--radix-accordion-content-height);padding-bottom:0}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);padding-bottom:0}to{height:0;padding-bottom:0}}.kbq-accordion{display:block}.kbq-accordion-item{box-sizing:border-box;display:block;border-width:2px;border-style:solid;border-color:transparent}.kbq-accordion-header{display:flex;height:var(--kbq-accordion-size-item-header-height)}.kbq-accordion-content{display:block;overflow:hidden;padding:var(--kbq-accordion-size-item-content-padding)}.kbq-accordion-content[data-state=open]{animation:slideDown .3s ease-out}.kbq-accordion-content[data-state=closed]{animation:slideUp .3s ease-out}.kbq-accordion.cdk-keyboard-focused .kbq-accordion-item:focus-within{border-color:var(--kbq-accordion-item-states-focus-border-color)}.kbq-accordion-item{background:var(--kbq-accordion-item-default-background);color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-item .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-default-icon-color)}.kbq-accordion-trigger{width:100%;background:transparent;border:none;outline:none;color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger[data-disabled=true]{color:var(--kbq-accordion-item-states-disabled-text-color)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}.kbq-accordion-header,.kbq-accordion-trigger{font-size:var(--kbq-typography-text-big-font-size);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-accordion-trigger__caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-accordion-content{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqAccordion, selector: "kbq-accordion, [kbq-accordion]", inputs: { variant: "variant" }, host: { classAttribute: "kbq-accordion" }, hostDirectives: [{ directive: i2.RdxAccordionRootDirective, inputs: ["type", "type", "collapsible", "collapsible", "disabled", "disabled", "defaultValue", "defaultValue", "value", "value"], outputs: ["onValueChange", "onValueChange"] }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@keyframes slideDown{0%{height:0;padding-bottom:0}to{height:var(--radix-accordion-content-height);padding-bottom:0}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);padding-bottom:0}to{height:0;padding-bottom:0}}.kbq-accordion{display:block}.kbq-accordion-item{box-sizing:border-box;display:block;border-width:2px;border-style:solid;border-color:transparent}.kbq-accordion-header{display:flex;height:var(--kbq-accordion-size-item-header-height)}.kbq-accordion-content{display:block;overflow:hidden;padding:var(--kbq-accordion-size-item-content-padding)}.kbq-accordion-content[data-state=open]{animation:slideDown .3s ease-out}.kbq-accordion-content[data-state=closed]{animation:slideUp .3s ease-out}.kbq-accordion.cdk-keyboard-focused .kbq-accordion-item:focus-within{border-color:var(--kbq-accordion-item-states-focus-border-color)}.kbq-accordion-item{background:var(--kbq-accordion-item-default-background);color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-item .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-default-icon-color)}.kbq-accordion-trigger{width:100%;background:transparent;border:none;outline:none;color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger[data-disabled=true]{color:var(--kbq-accordion-item-states-disabled-text-color)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}.kbq-accordion-header,.kbq-accordion-trigger{font-size:var(--kbq-typography-text-big-font-size);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-accordion-trigger__caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-accordion-content{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordion, decorators: [{
             type: Component,
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         }
                     ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kbq-accordion'
-                    }, styles: ["@keyframes slideDown{0%{height:0;padding-bottom:0}to{height:var(--radix-accordion-content-height);padding-bottom:0}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);padding-bottom:0}to{height:0;padding-bottom:0}}.kbq-accordion{display:block}.kbq-accordion-item{box-sizing:border-box;display:block;border-width:2px;border-style:solid;border-color:transparent}.kbq-accordion-header{display:flex;height:var(--kbq-accordion-size-item-header-height)}.kbq-accordion-content{display:block;overflow:hidden;padding:var(--kbq-accordion-size-item-content-padding)}.kbq-accordion-content[data-state=open]{animation:slideDown .3s ease-out}.kbq-accordion-content[data-state=closed]{animation:slideUp .3s ease-out}.kbq-accordion.cdk-keyboard-focused .kbq-accordion-item:focus-within{border-color:var(--kbq-accordion-item-states-focus-border-color)}.kbq-accordion-item{background:var(--kbq-accordion-item-default-background);color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-item .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-default-icon-color)}.kbq-accordion-trigger{width:100%;background:transparent;border:none;outline:none;color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger[data-disabled=true]{color:var(--kbq-accordion-item-states-disabled-text-color)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}.kbq-accordion-header,.kbq-accordion-trigger{font-size:var(--kbq-typography-text-big-font-size);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-accordion-trigger__caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-accordion-content{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"] }]
+                    }, styles: ["@keyframes slideDown{0%{height:0;padding-bottom:0}to{height:var(--radix-accordion-content-height);padding-bottom:0}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);padding-bottom:0}to{height:0;padding-bottom:0}}.kbq-accordion{display:block}.kbq-accordion-item{box-sizing:border-box;display:block;border-width:2px;border-style:solid;border-color:transparent}.kbq-accordion-header{display:flex;height:var(--kbq-accordion-size-item-header-height)}.kbq-accordion-content{display:block;overflow:hidden;padding:var(--kbq-accordion-size-item-content-padding)}.kbq-accordion-content[data-state=open]{animation:slideDown .3s ease-out}.kbq-accordion-content[data-state=closed]{animation:slideUp .3s ease-out}.kbq-accordion.cdk-keyboard-focused .kbq-accordion-item:focus-within{border-color:var(--kbq-accordion-item-states-focus-border-color)}.kbq-accordion-item{background:var(--kbq-accordion-item-default-background);color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-item .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-default-icon-color)}.kbq-accordion-trigger{width:100%;background:transparent;border:none;outline:none;color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger[data-disabled=true]{color:var(--kbq-accordion-item-states-disabled-text-color)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}.kbq-accordion-header,.kbq-accordion-trigger{font-size:var(--kbq-typography-text-big-font-size);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-accordion-trigger__caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-accordion-content{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"] }]
         }], ctorParameters: () => [{ type: i1.FocusMonitor }, { type: i0.ElementRef }], propDecorators: { variant: [{
                 type: Input
             }] } });