@koobiq/components 20.4.1 → 21.0.0

package/core/styles/functions/_number.scss

@@ -1,60 +0,0 @@
-@use 'sass:math';
-@use 'sass:list';
-@use 'sass:string';
-
-@function unit-length($number, $unit) {
-    $strings: 'px' 'cm' 'mm' '%' 'ch' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax';
-    $units: 1px 1cm 1mm 1% 1ch 1in 1em 1rem 1pt 1pc 1ex 1vw 1vh 1vmin 1vmax;
-    $index: list.index($strings, $unit);
-
-    @if not $index {
-        @warn "Invalid unit `#{$unit}`.";
-        @return false;
-    }
-
-    @return $number * list.nth($units, $index);
-}
-
-// @author Hugo Giraudel
-// @link http://hugogiraudel.com/2014/01/15/sass-string-to-number/
-@function number($string) {
-    // Matrices
-    $strings: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';
-    $numbers: 0 1 2 3 4 5 6 7 8 9;
-
-    // Result
-    $result: 0;
-    $divider: 0;
-    $minus: false;
-
-    // Looping through all characters
-    @for $i from 1 through string.length($string) {
-        $character: string.slice($string, $i, $i);
-        $index: list.index($strings, $character);
-
-        @if $character == '-' {
-            $minus: true;
-        } @else if $character == '.' {
-            $divider: 1;
-        } @else {
-            @if not $index {
-                $result: if($minus, $result * -1, $result);
-                @return unit-length($result, string.slice($string, $i));
-            }
-
-            $number: list.nth($numbers, $index);
-
-            @if $divider == 0 {
-                $result: $result * 10;
-            } @else {
-                // Move the decimal dot to the left
-                $divider: $divider * 10;
-                $number: math.div($number, $divider);
-            }
-
-            $result: $result + $number;
-        }
-    }
-
-    @return if($minus, $result * -1, $result);
-}

package/core/styles/functions/_string.scss

@@ -1,18 +0,0 @@
-@use 'sass:string';
-
-/// Replace `$search` with `$replace` in `$string`
-/// @author Kitty Giraudel
-/// @param {String} $string - Initial string
-/// @param {String} $search - Substring to replace
-/// @param {String} $replace ('') - New value
-/// @return {String} - Updated string
-@function str-replace($string, $search, $replace: '') {
-    $index: string.index($string, $search);
-
-    @if $index {
-        @return string.slice($string, 1, $index - 1) + $replace +
-            str-replace(string.slice($string, $index + string.length($search)), $search, $replace);
-    }
-
-    @return $string;
-}

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

@@ -1,25 +0,0 @@
-:where(.kbq-scrollbar) {
-    --kbq-scrollbar-size-track-dimension: var(--kbq-size-l);
-    --kbq-scrollbar-size-track-padding-vertical: var(--kbq-size-3xs);
-    --kbq-scrollbar-size-track-padding-horizontal: var(--kbq-size-3xs);
-    --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);
-    /* THEME TOKENS */
-    --kbq-scrollbar-thumb-default-background: var(--kbq-semantic-contrast-a3, var(--kbq-palette-grey-50-a32));
-    --kbq-scrollbar-thumb-hover-background: var(--kbq-semantic-contrast-a4, var(--kbq-palette-grey-50-a48));
-    --kbq-scrollbar-thumb-active-background: var(--kbq-semantic-contrast-a5, var(--kbq-palette-grey-20-a55));
-    --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 .kbq-scrollbar) {
-    --kbq-scrollbar-thumb-default-background: var(--kbq-semantic-dark-contrast-a9, var(--kbq-palette-grey-50-a48));
-    --kbq-scrollbar-thumb-hover-background: var(--kbq-semantic-dark-contrast-a10, var(--kbq-palette-grey-50-a60));
-    --kbq-scrollbar-thumb-active-background: var(--kbq-semantic-dark-contrast-a11, var(--kbq-palette-grey-50-a80));
-}

package/core/styles/typography/_typography-utils.scss

@@ -1,84 +0,0 @@
-@use 'sass:map';
-@use 'sass:meta';
-@use 'sass:string';
-
-@function kbq-typography-level(
-    $font-size,
-    $line-height: $font-size,
-    $letter-spacing: normal,
-    $font-weight: normal,
-    $font-style: normal,
-    $font-family: null,
-    $text-transform: null,
-    $font-feature-settings: null
-) {
-    @return (
-        font-size: $font-size,
-        line-height: $line-height,
-        font-weight: $font-weight,
-        font-style: $font-style,
-        font-family: $font-family,
-        letter-spacing: $letter-spacing,
-        text-transform: $text-transform,
-        font-feature-settings: $font-feature-settings
-    );
-}
-
-@function _kbq-get-type-value($config, $level, $name) {
-    @return map.get(map.get($config, $level), $name);
-}
-
-@function kbq-font-size($config, $level) {
-    @return _kbq-get-type-value($config, $level, font-size);
-}
-
-@function kbq-line-height($config, $level) {
-    @return _kbq-get-type-value($config, $level, line-height);
-}
-
-@function kbq-font-weight($config, $level) {
-    @return _kbq-get-type-value($config, $level, font-weight);
-}
-
-@function kbq-font-style($config, $level) {
-    @return _kbq-get-type-value($config, $level, font-style);
-}
-
-@function kbq-letter-spacing($config, $level) {
-    @return _kbq-get-type-value($config, $level, letter-spacing);
-}
-
-@function kbq-text-transform($config, $level) {
-    @return _kbq-get-type-value($config, $level, text-transform);
-}
-
-@function kbq-font-feature-settings($config, $level) {
-    @return _kbq-get-type-value($config, $level, font-feature-settings);
-}
-
-// Gets the font-family from a typography config and removes the quotes around it.
-@function kbq-font-family($config, $level: null) {
-    $font-family: map.get($config, font-family);
-
-    @if $level {
-        $font-family: _kbq-get-type-value($config, $level, font-family);
-    }
-
-    // Guard against unquoting non-string values, because it's deprecated.
-    @return if(meta.type-of($font-family) == string, string.unquote($font-family), $font-family);
-}
-
-@mixin kbq-typography-level-to-styles($config, $level) {
-    $font-size: kbq-font-size($config, $level);
-    $font-weight: kbq-font-weight($config, $level);
-    $font-style: kbq-font-style($config, $level);
-    $line-height: kbq-line-height($config, $level);
-    $font-family: kbq-font-family($config, $level);
-    $text-transform: kbq-text-transform($config, $level);
-    $font-feature-settings: kbq-font-feature-settings($config, $level);
-
-    font: $font-weight $font-style #{$font-size}/#{$line-height} $font-family;
-    letter-spacing: kbq-letter-spacing($config, $level);
-    text-transform: kbq-text-transform($config, $level);
-    font-feature-settings: kbq-font-feature-settings($config, $level);
-}

package/divider/index.d.ts

@@ -1,20 +0,0 @@
-import * as i0 from '@angular/core';
-
-declare class KbqDivider {
-    get vertical(): boolean;
-    set vertical(value: boolean);
-    private _vertical;
-    get paddings(): boolean;
-    set paddings(value: boolean);
-    private _paddings;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDivider, "kbq-divider", never, { "vertical": { "alias": "vertical"; "required": false; }; "paddings": { "alias": "paddings"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class KbqDividerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDividerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDividerModule, never, [typeof KbqDivider], [typeof KbqDivider]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqDividerModule>;
-}
-
-export { KbqDivider, KbqDividerModule };

package/dl/index.d.ts

@@ -1,45 +0,0 @@
-import * as i0 from '@angular/core';
-import { AfterContentInit, OnDestroy } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i1 from '@angular/cdk/a11y';
-import * as i2 from '@angular/cdk/platform';
-
-/** Supported alignment values for description list items. */
-type KbqDlAlign = 'start' | 'center' | 'end';
-declare class KbqDlComponent implements AfterContentInit, OnDestroy {
-    readonly minWidth: i0.InputSignal<number>;
-    readonly wide: i0.InputSignal<boolean>;
-    /** Vertical alignment of `kbq-dt` and `kbq-dd` items. */
-    readonly verticalAlign: i0.InputSignal<KbqDlAlign>;
-    /** Horizontal alignment of `kbq-dt` and `kbq-dd` items. */
-    readonly horizontalAlign: i0.InputSignal<KbqDlAlign>;
-    vertical: boolean | null;
-    readonly resizeStream: Subject<Event>;
-    private readonly resizeDebounceInterval;
-    private resizeSubscription;
-    private readonly elementRef;
-    private readonly changeDetectorRef;
-    private readonly platform;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    private readonly updateState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDlComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDlComponent, "kbq-dl", never, { "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "wide": { "alias": "wide"; "required": false; "isSignal": true; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-declare class KbqDtComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDtComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDtComponent, "kbq-dt", never, {}, {}, never, ["*"], true, never>;
-}
-declare class KbqDdComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDdComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDdComponent, "kbq-dd", never, {}, {}, never, ["*"], true, never>;
-}
-
-declare class KbqDlModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDlModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDlModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof KbqDlComponent, typeof KbqDtComponent, typeof KbqDdComponent], [typeof KbqDlComponent, typeof KbqDtComponent, typeof KbqDdComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqDlModule>;
-}
-
-export { KbqDdComponent, KbqDlComponent, KbqDlModule, KbqDtComponent };
-export type { KbqDlAlign };

package/ellipsis-center/index.d.ts

@@ -1,71 +0,0 @@
-import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, OnDestroy } from '@angular/core';
-import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
-import { Subject } from 'rxjs';
-
-/**
- * Renders text as two spans and moves the ellipsis into the middle, so the tail — a file extension, the
- * digits that tell two reports apart — stays readable when the host is too narrow for the whole string. A
- * tooltip spells out the full text, and is enabled only while something is actually hidden.
- */
-declare class KbqEllipsisCenterDirective extends KbqTooltipTrigger implements OnInit, AfterViewInit, OnDestroy {
-    private cdr;
-    /**
-     * Application-wide `ResizeObserver` shared by every consumer, as `KbqTitleDirective` uses. Unlike the
-     * `window:resize` listener this directive used to carry, it also reacts to container-only resizes — a
-     * splitter drag, a sidebar collapse, or the vertical scrollbar that appears once a file list fills up —
-     * none of which resize the window, all of which change where the text has to be split.
-     */
-    private readonly resizeObserver;
-    /** The two spans this directive renders have no styles of their own until this is loaded. */
-    private readonly styleLoader;
-    set kbqEllipsisCenter(value: string);
-    /**
-     * Shortest text worth splitting in the middle. Anything below it keeps its natural order and is cut off
-     * at the end by the host's own `text-overflow`.
-     *
-     * Defaults to `0` — every overflowing text is split — because that is what the directive has always
-     * done: the input was declared but never read, so any other default would silently end-truncate labels
-     * that consumers expect to see split.
-     */
-    readonly minVisibleLength: i0.InputSignal<number>;
-    /**
-     * Lower bound, in pixels, for the average glyph width used to decide how many characters fit in the
-     * tail. The rendered text is measured as well and the wider of the two wins, so an underestimate here
-     * can no longer push the extension out of the tail — raising it only shortens the tail further.
-     */
-    readonly charWidth: i0.InputSignal<number>;
-    /**
-     * Debounce time (ms) for resize events before recalculating ellipsis position.
-     * @default 50
-     */
-    readonly debounceInterval: i0.InputSignalWithTransform<number, unknown>;
-    /**
-     * @deprecated No longer read. Resizes now come from the shared `ResizeObserver`, which also catches the
-     * container-only ones a `window:resize` listener cannot see; the host listener that used to feed this
-     * subject is gone, and nothing subscribes to it. Kept as a no-op and removed in the next major version.
-     * @docs-private */
-    readonly resizeStream: Subject<Event>;
-    private _kbqEllipsisCenter;
-    private lastMeasuredWidth;
-    private refreshTimeoutId;
-    constructor();
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Updates the displayed text with center ellipsis truncation based on container width.
-     * Recreates start/end span elements, measures available space, and adjusts text accordingly.
-     * @docs-private
-     */
-    refresh(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEllipsisCenterDirective, "[kbqEllipsisCenter]", never, { "kbqEllipsisCenter": { "alias": "kbqEllipsisCenter"; "required": false; }; "minVisibleLength": { "alias": "minVisibleLength"; "required": false; "isSignal": true; }; "charWidth": { "alias": "charWidth"; "required": false; "isSignal": true; }; "debounceInterval": { "alias": "debounceInterval"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-declare class KbqEllipsisCenterModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqEllipsisCenterModule, never, [typeof KbqEllipsisCenterDirective], [typeof KbqEllipsisCenterDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqEllipsisCenterModule>;
-}
-
-export { KbqEllipsisCenterDirective, KbqEllipsisCenterModule };

package/empty-state/index.d.ts

@@ -1,45 +0,0 @@
-import * as i0 from '@angular/core';
-import { AfterContentInit } from '@angular/core';
-import { KbqDefaultSizes } from '@koobiq/components/core';
-import * as i1 from '@angular/cdk/a11y';
-import * as i2 from '@angular/cdk/platform';
-
-declare class KbqEmptyStateIcon {
-    private icon;
-    setErrorColor(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateIcon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateIcon, "[kbq-empty-state-icon]", never, {}, {}, never, never, true, never>;
-}
-declare class KbqEmptyStateText {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateText, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateText, "[kbq-empty-state-text]", never, {}, {}, never, never, true, never>;
-}
-declare class KbqEmptyStateTitle {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateTitle, "[kbq-empty-state-title]", never, {}, {}, never, never, true, never>;
-}
-declare class KbqEmptyStateActions {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateActions, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateActions, "[kbq-empty-state-actions]", never, {}, {}, never, never, true, never>;
-}
-declare class KbqEmptyState implements AfterContentInit {
-    readonly errorColor: i0.InputSignal<boolean>;
-    readonly alignTop: i0.InputSignal<boolean>;
-    size: KbqDefaultSizes;
-    icon: KbqEmptyStateIcon | null;
-    /**
-     * @docs-private
-     */
-    protected get emptyStateSizeClass(): string;
-    ngAfterContentInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyState, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqEmptyState, "kbq-empty-state", never, { "errorColor": { "alias": "errorColor"; "required": false; "isSignal": true; }; "alignTop": { "alias": "alignTop"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; }; }, {}, ["icon"], ["[kbq-empty-state-icon]", "[kbq-empty-state-title]", "[kbq-empty-state-text]", "[kbq-empty-state-actions]"], true, never>;
-}
-
-declare class KbqEmptyStateModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqEmptyStateModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof KbqEmptyState, typeof KbqEmptyStateIcon, typeof KbqEmptyStateText, typeof KbqEmptyStateTitle, typeof KbqEmptyStateActions], [typeof KbqEmptyState, typeof KbqEmptyStateIcon, typeof KbqEmptyStateText, typeof KbqEmptyStateTitle, typeof KbqEmptyStateActions]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqEmptyStateModule>;
-}
-
-export { KbqEmptyState, KbqEmptyStateActions, KbqEmptyStateIcon, KbqEmptyStateModule, KbqEmptyStateText, KbqEmptyStateTitle };

package/flag/index.d.ts

@@ -1,44 +0,0 @@
-import * as _angular_core from '@angular/core';
-
-/** Shape of the flag. `rectangle` keeps the default 3:2 ratio, `square`/`circle` expect a 1:1 source. */
-type KbqFlagShape = 'rectangle' | 'square' | 'circle';
-/** Inset shadow (hairline) that separates the flag from the background. */
-type KbqFlagShadow = 'inset' | 'none';
-
-/**
- * Presentational wrapper for a consumer-provided country flag (inline `<svg>` or `<img>`).
- * Decorates it with shape and shadow and applies the accessibility contract.
- *
- * ```html
- * <kbq-flag><img src="…/AL.svg" alt="" /></kbq-flag> Albania
- * ```
- */
-declare class KbqFlag {
-    /**
-     * Shape of the flag. `square`/`circle` expect a 1:1 (square) flag source to be projected.
-     * @default rectangle
-     */
-    readonly shape: _angular_core.InputSignal<KbqFlagShape>;
-    /**
-     * Inset hairline that keeps the flag distinct from the background. Its color adapts to the theme.
-     * @default inset
-     */
-    readonly shadow: _angular_core.InputSignal<KbqFlagShadow>;
-    /** Renders a neutral placeholder — use when no flag can be shown (unknown / invalid country code). */
-    readonly empty: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Marks the flag as decorative — hidden from screen readers (use when adjacent text is present). */
-    readonly decorative: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Accessible name for the flag. Use when the flag carries meaning and has no adjacent text. */
-    readonly label: _angular_core.InputSignal<string | undefined>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqFlag, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqFlag, "kbq-flag", ["kbqFlag"], { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "empty": { "alias": "empty"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class KbqFlagModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqFlagModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KbqFlagModule, never, [typeof KbqFlag], [typeof KbqFlag]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<KbqFlagModule>;
-}
-
-export { KbqFlag, KbqFlagModule };
-export type { KbqFlagShadow, KbqFlagShape };

package/icon/index.d.ts

@@ -1,200 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, Provider, AfterContentInit, OnChanges, ElementRef, ChangeDetectorRef, DestroyRef, SimpleChanges, AfterViewInit, OnDestroy } from '@angular/core';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { Observable, ReplaySubject } from 'rxjs';
-import { KbqColorDirective } from '@koobiq/components/core';
-import { SafeResourceUrl, SafeHtml } from '@angular/platform-browser';
-
-/**
- * Narrow contract that lets `KbqIcon` react to a host's error state (e.g. `autoColor`) without
- * depending on the host's concrete class.
- * @docs-private
- */
-interface KbqIconErrorStateContext {
-    /** Whether the host is currently in an error state. */
-    readonly errorState: boolean;
-    /** Emits whenever the host's state changes, prompting `KbqIcon` to re-check `errorState`. */
-    readonly stateChanges: Observable<void>;
-}
-/**
- * Injection token used by `KbqIcon` to look up its `KbqIconErrorStateContext`.
- * @docs-private
- */
-declare const KBQ_ICON_ERROR_STATE_CONTEXT: InjectionToken<KbqIconErrorStateContext>;
-/**
- * Utility provider for `KBQ_ICON_ERROR_STATE_CONTEXT`, built from a factory that resolves the current host's `KbqIconErrorStateContext`.
- * @docs-private
- */
-declare const kbqIconErrorStateContextFactoryProvider: (factory: () => KbqIconErrorStateContext) => Provider;
-
-interface KbqIconOptions {
-    viewBox?: string;
-    withCredentials?: boolean;
-}
-declare class KbqIconRegistry {
-    private readonly sanitizer;
-    private readonly document;
-    private readonly httpClient;
-    private readonly iconsConfig;
-    private readonly resolvers;
-    /** Individual icon configs, keyed by "namespace:name". */
-    private readonly iconConfigs;
-    /** Icon-set configs per namespace. */
-    private readonly iconSetConfigs;
-    /** In-progress URL fetches to dedupe concurrent requests. */
-    private readonly inProgressUrlFetches;
-    /** Cached parsed SVG sets, keyed by URL string. */
-    private readonly cachedIconSets;
-    constructor();
-    /** Registers an SVG icon by URL in the default namespace. */
-    addSvgIcon(name: string, url: SafeResourceUrl, options?: KbqIconOptions): void;
-    /** Registers an SVG icon from an inline HTML string in the default namespace. */
-    addSvgIconLiteral(name: string, literal: SafeHtml, options?: KbqIconOptions): void;
-    /** Registers an SVG icon by URL under the given namespace. */
-    addSvgIconInNamespace(namespace: string, name: string, url: SafeResourceUrl, options?: KbqIconOptions): void;
-    /** Registers an SVG icon from an inline HTML string under the given namespace. */
-    addSvgIconLiteralInNamespace(namespace: string, name: string, literal: SafeHtml, options?: KbqIconOptions): void;
-    /** Registers an SVG sprite file in the default namespace. Icons are looked up by their `symbol id`. */
-    addSvgIconSet(url: SafeResourceUrl, options?: KbqIconOptions): void;
-    /** Registers an SVG sprite file under the given namespace. Duplicate URLs are silently ignored. */
-    addSvgIconSetInNamespace(namespace: string, url: SafeResourceUrl, options?: KbqIconOptions): void;
-    /**
-     * Emits a cloned SVGElement for the given name.
-     * Accepts "namespace:name" syntax.
-     */
-    getNamedSvgIcon(name: string, namespace?: string): Observable<SVGElement>;
-    private cacheIcon;
-    private loadIcon;
-    private registerIconSet;
-    private loadIconFromSets;
-    private loadIconSet;
-    private extractIconFromSet;
-    private svgElementFromText;
-    private fetchUrl;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconRegistry, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<KbqIconRegistry>;
-}
-
-declare class KbqIcon extends KbqColorDirective implements AfterContentInit, OnChanges {
-    readonly elementRef: ElementRef<HTMLElement>;
-    /**
-     * Host providing error state for `autoColor`, when the icon sits inside one (e.g. a form field).
-     * @docs-private
-     */
-    protected readonly errorStateContext: KbqIconErrorStateContext | null;
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    protected readonly registry: KbqIconRegistry | null;
-    protected readonly destroyRef: DestroyRef;
-    readonly small: i0.InputSignal<boolean>;
-    autoColor: boolean;
-    hasError: boolean;
-    /** Name of an icon within a @koobiq/icons. Accepts "namespace:name" syntax. */
-    iconName: string;
-    protected name: string;
-    /**
-     * True when icon is being rendered as inline SVG.
-     * @docs-private
-     */
-    protected svgIcon: boolean;
-    /** @docs-private */
-    protected readonly svgIconName: ReplaySubject<string | undefined>;
-    getHostElement(): HTMLElement;
-    updateMaxHeight(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterContentInit(): void;
-    private updateState;
-    private parseIconSize;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIcon, "[kbq-icon]", never, { "small": { "alias": "small"; "required": false; "isSignal": true; }; "autoColor": { "alias": "autoColor"; "required": false; }; "iconName": { "alias": "kbq-icon"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
-/**
- * Size options for `KbqIconButton`.
- * - `compact`: 16px icon with padding, 24×24px container.
- * - `normal`: 24px icon, no padding.
- */
-type KbqIconButtonSize = 'compact' | 'normal';
-declare class KbqIconButton extends KbqIcon implements AfterViewInit, OnDestroy {
-    protected readonly focusMonitor: FocusMonitor;
-    /** Size of the icon button. */
-    readonly size: i0.InputSignal<KbqIconButtonSize>;
-    /**
-     * @deprecated Use `size` input instead. Will be removed in the next major release (#DS-5338).
-     */
-    readonly small: i0.InputSignal<boolean>;
-    /** @docs-private */
-    protected readonly isCompact: i0.Signal<boolean>;
-    /** Name of an icon within a @koobiq/icons. */
-    iconName: string;
-    get tabindex(): any;
-    set tabindex(value: any);
-    private _tabindex;
-    /** Whether the button is disabled. */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _disabled;
-    /** @docs-private */
-    readonly disabledSignal: i0.WritableSignal<boolean>;
-    name: string;
-    constructor();
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private runFocusMonitor;
-    private stopFocusMonitor;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIconButton, "[kbq-icon-button]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; "iconName": { "alias": "kbq-icon-button"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}
-
-declare class KbqIconItem extends KbqIcon {
-    name: string;
-    /** Name of an icon within a @koobiq/icons. */
-    iconName: string;
-    readonly fade: i0.InputSignal<boolean>;
-    readonly big: i0.InputSignal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIconItem, "[kbq-icon-item]", never, { "iconName": { "alias": "kbq-icon-item"; "required": false; }; "fade": { "alias": "fade"; "required": false; "isSignal": true; }; "big": { "alias": "big"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-interface KbqIconsConfig {
-    /** URL to the SVG sprite file. Must be served as a static asset. */
-    spriteUrl: string;
-    /** Optional namespace to register the sprite under. */
-    namespace?: string;
-}
-declare const KBQ_ICONS_CONFIG: InjectionToken<KbqIconsConfig[]>;
-/**
- * A function that resolves an icon name to either an inline SVG string or a URL string.
- * Return `null` to indicate this resolver does not handle the given name.
- */
-type KbqIconResolver = (name: string) => string | null;
-/**
- * Multi-valued injection token for icon resolver functions.
- * Resolvers are tried in registration order; the first non-null result wins.
- */
-declare const KBQ_ICON_RESOLVER: InjectionToken<KbqIconResolver[]>;
-/** Configures the icon registry to load icons from one or more SVG sprite assets. */
-declare function kbqIconsProvider(...sprites: KbqIconsConfig[]): Provider;
-/**
- * Registers a resolver function that maps icon names to SVG strings or URLs.
- * Multiple resolvers can be registered; they are tried in registration order.
- */
-declare function kbqIconsResolverProvider(resolver: KbqIconResolver): Provider;
-/**
- * Registers a name→SVG/URL dictionary as an icon resolver.
- * Values starting with `<` are treated as inline SVG (no HTTP request).
- * All other values are treated as URLs and fetched at runtime.
- *
- * @example
- * kbqIconsDictProvider({ 'chevron-down-s_16': '<svg>...</svg>' })
- */
-declare function kbqIconsDictProvider(dict: Record<string, string>): Provider;
-
-declare class KbqIconModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqIconModule, never, [typeof KbqIcon, typeof KbqIconButton, typeof KbqIconItem], [typeof KbqIcon, typeof KbqIconButton, typeof KbqIconItem]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqIconModule>;
-}
-
-export { KBQ_ICONS_CONFIG, KBQ_ICON_ERROR_STATE_CONTEXT, KBQ_ICON_RESOLVER, KbqIcon, KbqIconButton, KbqIconItem, KbqIconModule, KbqIconRegistry, kbqIconErrorStateContextFactoryProvider, kbqIconsDictProvider, kbqIconsProvider, kbqIconsResolverProvider };
-export type { KbqIconButtonSize, KbqIconErrorStateContext, KbqIconOptions, KbqIconResolver, KbqIconsConfig };