@edmicro/olkit 1.0.4 → 1.0.5

package/types/edmicro-olkit.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, QueryList, ElementRef } from '@angular/core';
+import { OnDestroy, ElementRef, QueryList, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _edmicro_olkit from '@edmicro/olkit';
 import { SafeHtml } from '@angular/platform-browser';
@@ -60,7 +60,7 @@ declare class AlertComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "ol-alert", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; }, { "isVisible": "isVisibleChange"; "dismissed": "dismissed"; }, never, ["[badge]", "*", "[icon]", "[title]", "*", "[actions]", "[icon]", "*"], true, never>;
 }
 
-type AvatarSize = 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
+type AvatarSize = '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
 type AvatarShape = 'rounded' | 'circle';
 type AvatarStatus = 'online' | 'offline' | 'alternative' | 'busy' | 'away';
 declare class AvatarComponent {
@@ -91,15 +91,34 @@ declare class AvatarGroupComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "ol-avatar-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "counterAriaLabel": { "alias": "counterAriaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-type BadgeColor = 'default' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink';
-type BadgeSize = 'xs' | 'sm';
+type BadgeTheme = 'brand' | 'gray' | 'white' | 'danger' | 'warning' | 'success' | 'default' | 'dark' | 'red' | 'yellow' | 'green';
+type BadgeSize = 'sm' | 'lg' | 'xs';
+type BadgeShape = 'square' | 'pill';
+type BadgeType = 'default' | 'dot' | 'icon' | 'avatar' | 'loader' | 'secondary';
 declare class BadgeComponent {
-    readonly color: _angular_core.InputSignal<BadgeColor>;
+    readonly theme: _angular_core.InputSignal<BadgeTheme>;
+    readonly color: _angular_core.InputSignal<BadgeTheme>;
     readonly size: _angular_core.InputSignal<BadgeSize>;
+    readonly shape: _angular_core.InputSignal<BadgeShape>;
     readonly rounded: _angular_core.InputSignal<boolean>;
+    readonly type: _angular_core.InputSignal<BadgeType>;
+    readonly dot: _angular_core.InputSignal<boolean>;
+    readonly leftIcon: _angular_core.InputSignal<string | null>;
+    readonly rightIcon: _angular_core.InputSignal<string | null>;
+    readonly avatar: _angular_core.InputSignal<string | null>;
+    readonly avatarText: _angular_core.InputSignal<string | null>;
+    readonly secondaryText: _angular_core.InputSignal<string | null>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly removable: _angular_core.InputSignal<boolean>;
     readonly href: _angular_core.InputSignal<string | null>;
+    readonly dismiss: _angular_core.OutputEmitterRef<MouseEvent>;
+    readonly normalizedTheme: _angular_core.Signal<string>;
+    readonly isPill: _angular_core.Signal<boolean>;
+    readonly badgeClasses: _angular_core.Signal<string>;
+    readonly dotClasses: _angular_core.Signal<"bg-[#2B4182] dark:bg-blue-400" | "bg-[#C70036] dark:bg-rose-400" | "bg-[#FF5A1F] dark:bg-amber-400" | "bg-[#007A55] dark:bg-emerald-400" | "bg-gray-700 dark:bg-gray-300" | "bg-gray-500 dark:bg-gray-400">;
+    onDismiss(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "ol-badge", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "ol-badge", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "rightIcon": { "alias": "rightIcon"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "avatarText": { "alias": "avatarText"; "required": false; "isSignal": true; }; "secondaryText": { "alias": "secondaryText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, ["*"], true, never>;
 }
 
 declare class BannerComponent {
@@ -110,16 +129,35 @@ declare class BannerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BannerComponent, "ol-banner", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
 }
 
+type BreadcrumbVariant = 'default' | 'background' | 'with-dropdown' | 'with-group-buttons' | 'only-buttons' | 'with-badge';
+type BreadcrumbSeparator = 'chevron' | 'slash' | 'arrow' | 'dot';
 declare class BreadcrumbComponent {
+    readonly variant: _angular_core.InputSignal<BreadcrumbVariant>;
+    readonly separator: _angular_core.InputSignal<BreadcrumbSeparator>;
+    readonly contained: _angular_core.InputSignal<boolean>;
+    readonly isBackground: _angular_core.Signal<boolean>;
+    readonly navClasses: _angular_core.Signal<"flex items-center text-sm font-medium px-3 py-2 bg-gray-50 dark:bg-slate-800/80 rounded-xl border border-gray-200 dark:border-slate-700/80 shadow-xs w-fit max-w-full overflow-x-auto" | "flex items-center text-sm font-medium w-full overflow-x-auto">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "ol-breadcrumb", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "ol-breadcrumb", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "contained": { "alias": "contained"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+type BreadcrumbItemStatus = 'initial' | 'hover' | 'active';
 declare class BreadcrumbItemComponent {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly routerLink: _angular_core.InputSignal<string | any[] | null>;
     readonly href: _angular_core.InputSignal<string | null>;
-    readonly isHome: _angular_core.InputSignal<boolean>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly current: _angular_core.InputSignal<boolean>;
+    readonly active: _angular_core.InputSignal<boolean>;
+    readonly status: _angular_core.InputSignal<BreadcrumbItemStatus>;
+    readonly showSeparator: _angular_core.InputSignal<boolean>;
+    readonly separator: _angular_core.InputSignal<BreadcrumbSeparator | null>;
+    private readonly parentBreadcrumb;
+    readonly isCurrent: _angular_core.Signal<boolean>;
+    readonly effectiveSeparator: _angular_core.Signal<BreadcrumbSeparator>;
+    readonly isLink: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbItemComponent, "ol-breadcrumb-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "isHome": { "alias": "isHome"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbItemComponent, "ol-breadcrumb-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "showSeparator": { "alias": "showSeparator"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type ButtonColor = 'default' | 'brand' | 'primary' | 'alternative' | 'secondary' | 'tertiary' | 'ghost' | 'success' | 'green' | 'danger' | 'red' | 'warning' | 'yellow' | 'purple' | 'dark' | 'light';
@@ -140,7 +178,7 @@ declare class ButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ol-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pill": { "alias": "pill"; "required": false; "isSignal": true; }; "outline": { "alias": "outline"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "btnClick": "btnClick"; }, never, ["[leftIcon]", "[logo]", "*", "[rightIcon]"], true, never>;
 }
 
-type AppDevice = 'appstore' | 'googleplay' | 'google-play';
+type AppDevice = 'appstore' | 'googleplay' | 'google-play' | 'apple' | 'google';
 type AppTheme = 'light' | 'dark' | 'auto';
 declare class DownloadAppButtonComponent {
     readonly store: _angular_core.InputSignal<AppDevice>;
@@ -154,18 +192,38 @@ declare class DownloadAppButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DownloadAppButtonComponent, "ol-download-app-button", never, { "store": { "alias": "store"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "btnClick": "btnClick"; }, never, never, true, never>;
 }
 
+type ButtonGroupOrientation = 'horizontal' | 'vertical';
+type ButtonGroupSize = 'xs' | 'sm' | 'base' | 'l';
+type ButtonGroupColor = 'gray' | 'white' | 'brand';
 declare class ButtonGroupComponent {
+    readonly orientation: _angular_core.InputSignal<ButtonGroupOrientation>;
+    readonly size: _angular_core.InputSignal<ButtonGroupSize>;
+    readonly color: _angular_core.InputSignal<ButtonGroupColor>;
+    readonly shadow: _angular_core.InputSignal<boolean>;
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    readonly containerClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "ol-button-group", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "ol-button-group", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+type CardVariant = 'default' | 'flat' | 'outline' | 'interactive' | 'selected' | 'disabled';
+type CardPadding = 'none' | 'sm' | 'md' | 'lg';
+type CardShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg';
+type CardRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 declare class CardComponent {
-    readonly href: _angular_core.InputSignal<string | null>;
+    readonly variant: _angular_core.InputSignal<CardVariant>;
+    readonly padding: _angular_core.InputSignal<CardPadding>;
+    readonly shadow: _angular_core.InputSignal<CardShadow>;
+    readonly rounded: _angular_core.InputSignal<CardRadius>;
+    readonly horizontal: _angular_core.InputSignal<boolean>;
     readonly imgSrc: _angular_core.InputSignal<string | null>;
     readonly imgAlt: _angular_core.InputSignal<string>;
-    readonly horizontal: _angular_core.InputSignal<boolean>;
+    readonly href: _angular_core.InputSignal<string | null>;
+    readonly interactive: _angular_core.InputSignal<boolean>;
+    readonly selected: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ol-card", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "imgSrc"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ol-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "imgSrc"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class CarouselComponent {
@@ -313,7 +371,7 @@ declare class DatepickerComponent implements ControlValueAccessor {
     private onTouched;
     constructor();
     readonly inputSizeClasses: _angular_core.Signal<"py-2 px-3 ps-9 text-xs rounded-lg" | "py-3.5 px-4 ps-11 text-base rounded-xl" | "py-2.5 px-3.5 ps-10 text-sm rounded-xl">;
-    readonly iconSizeClasses: _angular_core.Signal<"w-3.5 h-3.5 text-gray-500 start-3" | "w-5 h-5 text-gray-500 start-3.5" | "w-4 h-4 text-gray-500 start-3.5">;
+    readonly iconSizeClasses: _angular_core.Signal<"w-3.5 h-3.5 text-gray-500 inset-s-3" | "w-5 h-5 text-gray-500 inset-s-3.5" | "w-4 h-4 text-gray-500 inset-s-3.5">;
     writeValue(val: Date | null | string): void;
     registerOnChange(fn: (val: Date | null) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -510,6 +568,7 @@ declare class DrawerComponent {
 
 type DropdownPlacement = 'bottom' | 'top' | 'left' | 'right' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
 type DropdownTrigger = 'click' | 'hover';
+type DropdownAutoClose = boolean | 'inside' | 'outside';
 declare class DropdownComponent {
     private readonly elementRef;
     private readonly destroyRef;
@@ -517,19 +576,18 @@ declare class DropdownComponent {
     readonly buttonId: string;
     readonly menuId: string;
     private readonly triggerButtonRef;
-    private readonly menuRef;
     private hideTimeoutId;
-    private suppressOutsideClickTimeoutId;
-    private suppressOutsideClick;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly isOpen: _angular_core.ModelSignal<boolean>;
     readonly placement: _angular_core.InputSignal<DropdownPlacement>;
     readonly trigger: _angular_core.InputSignal<DropdownTrigger>;
+    readonly autoClose: _angular_core.InputSignal<DropdownAutoClose>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
     readonly triggerClass: _angular_core.InputSignal<string>;
+    readonly menuClass: _angular_core.InputSignal<string>;
     readonly opened: _angular_core.OutputEmitterRef<void>;
     readonly closed: _angular_core.OutputEmitterRef<void>;
     constructor();
-    readonly triggerButtonClasses: _angular_core.Signal<string>;
     readonly menuPlacementClasses: _angular_core.Signal<"bottom-full left-0 mb-2" | "bottom-full right-0 mb-2" | "right-full top-0 me-2" | "left-full top-0 ms-2" | "top-full right-0 mt-2" | "top-full left-0 mt-2">;
     onDocumentClick(event: MouseEvent): void;
     onEscape(): void;
@@ -538,19 +596,30 @@ declare class DropdownComponent {
     show(): void;
     hide(): void;
     toggle(): void;
-    isVisible(): boolean;
-    private focusFirstMenuItem;
     private clearHideTimeout;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ol-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "opened": "opened"; "closed": "closed"; }, never, ["[triggerIcon]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ol-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; "menuClass": { "alias": "menuClass"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "opened": "opened"; "closed": "closed"; }, never, ["[slot=trigger], [trigger]", "[triggerIcon]", "[triggerIcon]", "*"], true, never>;
 }
 
 declare class DropdownItemComponent {
+    readonly routerLink: _angular_core.InputSignal<string | any[] | null>;
     readonly href: _angular_core.InputSignal<string | null>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly label: _angular_core.InputSignal<string | null>;
+    readonly secondaryText: _angular_core.InputSignal<string | null>;
+    readonly kbd: _angular_core.InputSignal<string | null>;
+    readonly suffixIcon: _angular_core.InputSignal<string | null>;
+    readonly selected: _angular_core.InputSignal<boolean>;
+    readonly active: _angular_core.InputSignal<boolean>;
+    readonly danger: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
     readonly itemClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    private readonly parentDropdown;
+    readonly isItemActive: _angular_core.Signal<boolean>;
+    readonly itemClasses: _angular_core.Signal<string>;
     handleClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownItemComponent, "ol-dropdown-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownItemComponent, "ol-dropdown-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "secondaryText": { "alias": "secondaryText"; "required": false; "isSignal": true; }; "kbd": { "alias": "kbd"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "danger": { "alias": "danger"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
 }
 
 declare class FooterComponent {
@@ -630,20 +699,34 @@ declare class SelectComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ol-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showAsterisk": { "alias": "showAsterisk"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[leftIcon]", "*"], true, never>;
 }
 
-declare class CheckboxComponent {
+type CheckboxSize = 'sm' | 'md' | 'lg';
+declare class CheckboxComponent implements ControlValueAccessor {
     readonly checked: _angular_core.ModelSignal<boolean>;
     readonly label: _angular_core.InputSignal<string>;
     readonly description: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<CheckboxSize>;
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    readonly card: _angular_core.InputSignal<boolean>;
     readonly id: _angular_core.InputSignal<string>;
-    /** Falls back to an auto-generated id so the label stays associated with the input even when consumers don't pass one. */
+    nativeInput?: ElementRef<HTMLInputElement>;
     private readonly generatedId;
     protected readonly inputId: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    constructor();
+    onModelChange(val: boolean): void;
+    toggleCard(): void;
+    writeValue(val: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ol-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ol-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "card": { "alias": "card"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
 }
 
-declare class RadioComponent {
+type RadioSize = 'sm' | 'md' | 'lg';
+declare class RadioComponent implements ControlValueAccessor {
     readonly name: _angular_core.InputSignal<string>;
     readonly value: _angular_core.InputSignal<any>;
     readonly selectedValue: _angular_core.ModelSignal<any>;
@@ -651,26 +734,46 @@ declare class RadioComponent {
     readonly label: _angular_core.InputSignal<string>;
     readonly description: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<RadioSize>;
+    readonly card: _angular_core.InputSignal<boolean>;
     readonly id: _angular_core.InputSignal<string>;
-    /** Falls back to an auto-generated id so the label stays associated with the input even when consumers don't pass one. */
+    readonly checked: _angular_core.InputSignal<boolean | null>;
     private readonly generatedId;
     protected readonly inputId: _angular_core.Signal<string>;
-    get currentValue(): any;
-    onModelChange(val: any): void;
+    private onChange;
+    private onTouched;
+    get isChecked(): boolean;
+    onSelect(): void;
+    writeValue(val: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "ol-radio", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "selectedValue": "selectedValueChange"; "modelValue": "modelValueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "ol-radio", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "card": { "alias": "card"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "selectedValue": "selectedValueChange"; "modelValue": "modelValueChange"; }, never, ["*"], true, never>;
 }
 
 type ToggleSize = 'sm' | 'md' | 'lg';
-declare class ToggleComponent {
+type ToggleColor = 'brand' | 'orange' | 'green' | 'red';
+declare class ToggleComponent implements ControlValueAccessor {
     readonly checked: _angular_core.ModelSignal<boolean>;
     readonly label: _angular_core.InputSignal<string>;
     readonly description: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly size: _angular_core.InputSignal<ToggleSize>;
+    readonly color: _angular_core.InputSignal<ToggleColor>;
+    readonly justifyBetween: _angular_core.InputSignal<boolean>;
     readonly id: _angular_core.InputSignal<string>;
+    private readonly generatedId;
+    protected readonly inputId: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    onModelChange(val: boolean): void;
+    writeValue(val: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "ol-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "ol-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "justifyBetween": { "alias": "justifyBetween"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
 }
 
 type FileInputSize = 'sm' | 'md' | 'lg';
@@ -696,29 +799,78 @@ declare class FileInputComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "ol-file-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dropzone": { "alias": "dropzone"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "filesChanged": "filesChanged"; }, never, never, true, never>;
 }
 
-declare class RangeComponent {
+declare class RangeComponent implements ControlValueAccessor {
     readonly value: _angular_core.ModelSignal<number>;
+    readonly minValue: _angular_core.ModelSignal<number>;
+    readonly maxValue: _angular_core.ModelSignal<number>;
+    readonly dualRange: _angular_core.InputSignal<boolean>;
     readonly min: _angular_core.InputSignal<number>;
     readonly max: _angular_core.InputSignal<number>;
     readonly step: _angular_core.InputSignal<number>;
     readonly label: _angular_core.InputSignal<string>;
     readonly helperText: _angular_core.InputSignal<string>;
     readonly showValue: _angular_core.InputSignal<boolean>;
+    readonly showTooltip: _angular_core.InputSignal<boolean>;
+    readonly showMinMaxLabels: _angular_core.InputSignal<boolean>;
+    readonly unit: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly id: _angular_core.InputSignal<string>;
+    private readonly generatedId;
+    protected readonly inputId: _angular_core.Signal<string>;
+    readonly singlePercentage: _angular_core.Signal<number>;
+    readonly dualMinPercentage: _angular_core.Signal<number>;
+    readonly dualMaxPercentage: _angular_core.Signal<number>;
+    private onChange;
+    private onTouched;
+    onSingleChange(val: number): void;
+    onMinChange(val: number): void;
+    onMaxChange(val: number): void;
+    writeValue(val: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeComponent, "ol-range", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeComponent, "ol-range", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "dualRange": { "alias": "dualRange"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "showMinMaxLabels": { "alias": "showMinMaxLabels"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "minValue": "minValueChange"; "maxValue": "maxValueChange"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
 }
 
-declare class FloatingLabelComponent {
+type FloatingLabelVariant = 'outlined' | 'filled' | 'standard';
+type FloatingLabelSize = 'sm' | 'md' | 'lg';
+type FloatingLabelState = 'default' | 'error' | 'success';
+declare class FloatingLabelComponent implements ControlValueAccessor {
     readonly value: _angular_core.ModelSignal<string>;
     readonly label: _angular_core.InputSignal<string>;
     readonly type: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<FloatingLabelVariant>;
+    readonly size: _angular_core.InputSignal<FloatingLabelSize>;
+    readonly state: _angular_core.InputSignal<FloatingLabelState>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
     readonly helperText: _angular_core.InputSignal<string>;
+    readonly errorText: _angular_core.InputSignal<string>;
     readonly id: _angular_core.InputSignal<string>;
+    readonly autocomplete: _angular_core.InputSignal<string>;
+    readonly labelBg: _angular_core.InputSignal<string>;
+    readonly prefixIcon: _angular_core.InputSignal<string>;
+    readonly suffixIcon: _angular_core.InputSignal<string>;
+    readonly prefixVariant: _angular_core.InputSignal<string>;
+    readonly suffixVariant: _angular_core.InputSignal<string>;
+    readonly hasPrefix: _angular_core.Signal<boolean>;
+    readonly hasSuffix: _angular_core.Signal<boolean>;
+    readonly isFocused: _angular_core.WritableSignal<boolean>;
+    readonly isFloated: _angular_core.Signal<boolean>;
+    private readonly generatedId;
+    protected readonly inputId: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    onFocus(): void;
+    onBlur(): void;
+    onModelChange(val: string): void;
+    writeValue(val: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FloatingLabelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatingLabelComponent, "ol-floating-label", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatingLabelComponent, "ol-floating-label", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "labelBg": { "alias": "labelBg"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "prefixVariant": { "alias": "prefixVariant"; "required": false; "isSignal": true; }; "suffixVariant": { "alias": "suffixVariant"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 type InputCounterSize = 'sm' | 'md' | 'lg';
@@ -796,6 +948,125 @@ declare class RichTextEditorComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorComponent, "ol-rich-text-editor", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "content": "contentChange"; }, never, never, true, never>;
 }
 
+type TimepickerFormat = '24h' | '12h';
+type TimepickerSize = 'sm' | 'md' | 'lg';
+type TimepickerState = 'default' | 'error' | 'success';
+declare class TimepickerComponent implements ControlValueAccessor {
+    private readonly elementRef;
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly format: _angular_core.InputSignal<TimepickerFormat>;
+    readonly size: _angular_core.InputSignal<TimepickerSize>;
+    readonly state: _angular_core.InputSignal<TimepickerState>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly showAsterisk: _angular_core.InputSignal<boolean>;
+    readonly helperText: _angular_core.InputSignal<string>;
+    readonly errorText: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly minuteStep: _angular_core.InputSignal<number>;
+    readonly showPresets: _angular_core.InputSignal<boolean>;
+    private readonly generatedId;
+    protected readonly inputId: _angular_core.Signal<string>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly selectedHour: _angular_core.WritableSignal<number>;
+    readonly selectedMinute: _angular_core.WritableSignal<number>;
+    readonly selectedPeriod: _angular_core.WritableSignal<"AM" | "PM">;
+    readonly presetTimes: string[];
+    readonly hours24: number[];
+    readonly hours12: number[];
+    readonly minutes: number[];
+    private onChange;
+    private onTouched;
+    constructor(elementRef: ElementRef);
+    onDocumentClick(event: MouseEvent): void;
+    toggleDropdown(): void;
+    private parseCurrentValue;
+    selectHour(h: number): void;
+    selectMinute(m: number): void;
+    selectPeriod(p: 'AM' | 'PM'): void;
+    selectPreset(time: string): void;
+    clear(event: MouseEvent): void;
+    apply(): void;
+    cancel(): void;
+    private updateFormattedValue;
+    pad(num: number): string;
+    writeValue(val: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimepickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimepickerComponent, "ol-timepicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showAsterisk": { "alias": "showAsterisk"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "showPresets": { "alias": "showPresets"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+type AutocompleteSize = 'sm' | 'md' | 'lg';
+type AutocompleteState = 'default' | 'error' | 'success';
+interface AutocompleteOption {
+    label: string;
+    value: any;
+    subLabel?: string;
+    avatar?: string;
+    badge?: string;
+    group?: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+declare class AutocompleteComponent implements ControlValueAccessor {
+    private readonly elementRef;
+    readonly value: _angular_core.ModelSignal<any>;
+    readonly options: _angular_core.InputSignal<any[]>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly labelKey: _angular_core.InputSignal<string>;
+    readonly valueKey: _angular_core.InputSignal<string>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<AutocompleteSize>;
+    readonly state: _angular_core.InputSignal<AutocompleteState>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly showAsterisk: _angular_core.InputSignal<boolean>;
+    readonly helperText: _angular_core.InputSignal<string>;
+    readonly errorText: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly allowCreate: _angular_core.InputSignal<boolean>;
+    readonly emptyText: _angular_core.InputSignal<string>;
+    readonly groupBy: _angular_core.InputSignal<string>;
+    readonly createOption: _angular_core.OutputEmitterRef<string>;
+    optionTemplate?: TemplateRef<any>;
+    private readonly generatedId;
+    protected readonly inputId: _angular_core.Signal<string>;
+    readonly searchQuery: _angular_core.WritableSignal<string>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly activeIndex: _angular_core.WritableSignal<number>;
+    private onChange;
+    private onTouched;
+    constructor(elementRef: ElementRef);
+    onDocumentClick(event: MouseEvent): void;
+    readonly filteredOptions: _angular_core.Signal<any[]>;
+    getItemLabel(item: any): string;
+    getItemValue(item: any): any;
+    isSelected(item: any): boolean;
+    private areValuesEqual;
+    onInputFocus(): void;
+    onSearchChange(val: string): void;
+    selectOption(item: any): void;
+    removeTag(valToRemove: any, event: MouseEvent): void;
+    clearAll(event: MouseEvent): void;
+    onCreateNew(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    getDisplayLabelForValue(val: any): string;
+    writeValue(val: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutocompleteComponent, "ol-autocomplete", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "valueKey": { "alias": "valueKey"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showAsterisk": { "alias": "showAsterisk"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "allowCreate": { "alias": "allowCreate"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "createOption": "createOption"; }, ["optionTemplate"], never, true, never>;
+}
+
 declare class KbdComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbdComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbdComponent, "ol-kbd", never, {}, {}, never, ["*"], true, never>;
@@ -840,29 +1111,89 @@ declare class ModalComponent {
 }
 
 declare class NavbarComponent {
+    readonly brandLogo: _angular_core.InputSignal<string>;
+    readonly brandName: _angular_core.InputSignal<string>;
+    readonly sticky: _angular_core.InputSignal<boolean>;
+    readonly bordered: _angular_core.InputSignal<boolean>;
+    readonly fluid: _angular_core.InputSignal<boolean>;
+    readonly showSearch: _angular_core.InputSignal<boolean>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
     readonly isCollapsed: _angular_core.ModelSignal<boolean>;
-    toggle(): void;
+    readonly onSearch: _angular_core.OutputEmitterRef<string>;
+    readonly onToggleMobileMenu: _angular_core.OutputEmitterRef<boolean>;
+    searchQuery: string;
+    private readonly elementRef;
+    readonly navbarClasses: _angular_core.Signal<string>;
+    readonly containerClasses: _angular_core.Signal<"w-full px-4 sm:px-6" | "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">;
+    toggleMobileMenu(): void;
+    handleSearchSubmit(): void;
+    handleSearchInput(event: Event): void;
+    handleGlobalKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarComponent, "ol-navbar", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, ["[brand]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarComponent, "ol-navbar", never, { "brandLogo": { "alias": "brandLogo"; "required": false; "isSignal": true; }; "brandName": { "alias": "brandName"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; "onSearch": "onSearch"; "onToggleMobileMenu": "onToggleMobileMenu"; }, never, ["[slot=brand], [brand]", "[slot=navigation], [navigation], ol-navbar-item, ol-nav-dropdown", "[slot=actions], [actions]", "[slot=mobile-user]", "[slot=mobile], [slot=mobile-links]", "[slot=mobile-actions]", "[slot=mobile-footer]"], true, never>;
 }
 
 declare class NavbarItemComponent {
-    readonly href: _angular_core.InputSignal<string>;
+    readonly routerLink: _angular_core.InputSignal<string | any[] | null>;
+    readonly routerLinkActive: _angular_core.InputSignal<string>;
+    readonly routerLinkActiveOptions: _angular_core.InputSignal<{
+        exact: boolean;
+    }>;
+    readonly href: _angular_core.InputSignal<string | null>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly label: _angular_core.InputSignal<string | null>;
     readonly active: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly itemClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarItemComponent, "ol-navbar-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarItemComponent, "ol-navbar-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class NavDropdownComponent {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly alignRight: _angular_core.InputSignal<boolean>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    private readonly elementRef;
+    toggle(): void;
+    close(): void;
+    handleClickOutside(event: MouseEvent): void;
+    handleEscape(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavDropdownComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavDropdownComponent, "ol-nav-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "alignRight": { "alias": "alignRight"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=trigger], [trigger]", "*"], true, never>;
 }
 
+type PaginationType = 'default' | 'arrows' | 'dropdown-buttons' | 'text-buttons' | 'two-buttons' | 'buttons-helper' | 'with-dropdown' | 'with-input' | 'simple-input';
+type PaginationVariant = PaginationType | 'grouped' | 'separated';
 declare class PaginationComponent {
+    readonly type: _angular_core.InputSignal<PaginationType>;
+    readonly variant: _angular_core.InputSignal<PaginationVariant>;
+    readonly total: _angular_core.InputSignal<number>;
+    readonly pageSize: _angular_core.ModelSignal<number>;
+    readonly pageIndex: _angular_core.ModelSignal<number>;
     readonly currentPage: _angular_core.ModelSignal<number>;
-    readonly totalPages: _angular_core.InputSignal<number>;
-    readonly showIcons: _angular_core.InputSignal<boolean>;
+    readonly totalPagesInput: _angular_core.InputSignal<number | null>;
+    readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
+    readonly showText: _angular_core.InputSignal<boolean>;
+    readonly text: _angular_core.InputSignal<string>;
+    readonly showInfo: _angular_core.InputSignal<boolean>;
+    readonly showSizeChanger: _angular_core.InputSignal<boolean>;
+    readonly showQuickJumper: _angular_core.InputSignal<boolean>;
     readonly pageChange: _angular_core.OutputEmitterRef<number>;
+    jumpPageValue: _angular_core.WritableSignal<number | null>;
+    readonly effectiveType: _angular_core.Signal<PaginationType>;
+    readonly effectivePageIndex: _angular_core.Signal<number>;
+    readonly calculatedTotalPages: _angular_core.Signal<number>;
+    readonly startRecord: _angular_core.Signal<number>;
+    readonly endRecord: _angular_core.Signal<number>;
+    readonly visiblePages: _angular_core.Signal<(number | "ellipsis")[]>;
     goToPage(page: number): void;
     prev(): void;
     next(): void;
+    onPageSizeSelect(event: Event): void;
+    handleJump(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ol-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageChange": "pageChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ol-pagination", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPagesInput": { "alias": "totalPages"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showText": { "alias": "showText"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "showInfo": { "alias": "showInfo"; "required": false; "isSignal": true; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; "isSignal": true; }; "showQuickJumper": { "alias": "showQuickJumper"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "pageIndex": "pageIndexChange"; "currentPage": "currentPageChange"; "pageChange": "pageChange"; }, never, never, true, never>;
 }
 
 type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
@@ -896,15 +1227,53 @@ declare class RatingComponent {
 }
 
 declare class SidebarComponent {
+    readonly collapsed: _angular_core.ModelSignal<boolean>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly collapsedWidth: _angular_core.InputSignal<string>;
+    readonly collapsible: _angular_core.InputSignal<boolean>;
+    readonly bordered: _angular_core.InputSignal<boolean>;
+    readonly currentWidth: _angular_core.Signal<string>;
+    readonly sidebarClasses: _angular_core.Signal<string>;
+    toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "ol-sidebar", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "ol-sidebar", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[slot=header], [header]", "*", "[slot=footer], [footer]"], true, never>;
 }
 
 declare class SidebarItemComponent {
-    readonly href: _angular_core.InputSignal<string>;
-    readonly icon: _angular_core.InputSignal<string>;
+    readonly routerLink: _angular_core.InputSignal<string | any[] | null>;
+    readonly routerLinkActive: _angular_core.InputSignal<string>;
+    readonly routerLinkActiveOptions: _angular_core.InputSignal<{
+        exact: boolean;
+    }>;
+    readonly href: _angular_core.InputSignal<string | null>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly badge: _angular_core.InputSignal<string | number | null>;
+    readonly badgeTheme: _angular_core.InputSignal<BadgeTheme>;
+    readonly active: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly dot: _angular_core.InputSignal<boolean>;
+    readonly itemClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarItemComponent, "ol-sidebar-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarItemComponent, "ol-sidebar-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeTheme": { "alias": "badgeTheme"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*", "*"], true, never>;
+}
+
+declare class SidebarGroupComponent {
+    readonly title: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarGroupComponent, "ol-sidebar-group", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class SidebarSubmenuComponent {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly badge: _angular_core.InputSignal<string | number | null>;
+    readonly badgeTheme: _angular_core.InputSignal<BadgeTheme>;
+    readonly isOpen: _angular_core.ModelSignal<boolean>;
+    readonly active: _angular_core.InputSignal<boolean>;
+    readonly triggerClasses: _angular_core.Signal<string>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarSubmenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarSubmenuComponent, "ol-sidebar-submenu", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeTheme": { "alias": "badgeTheme"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; }, never, ["*"], true, never>;
 }
 
 declare class SkeletonComponent {
@@ -937,19 +1306,33 @@ declare class TableComponent {
 
 declare class TabItemComponent {
     readonly tabId: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
     readonly title: _angular_core.InputSignal<string>;
+    readonly subtitle: _angular_core.InputSignal<string>;
+    readonly helper: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly avatar: _angular_core.InputSignal<string | null>;
+    readonly badge: _angular_core.InputSignal<string | number | null>;
+    readonly badgeTheme: _angular_core.InputSignal<BadgeTheme>;
     readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly badge: _angular_core.InputSignal<string | undefined>;
+    readonly displayLabel: _angular_core.Signal<string>;
+    readonly displaySubtitle: _angular_core.Signal<string>;
     private readonly parentTabs;
     readonly isActive: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabItemComponent, "ol-tab-item", never, { "tabId": { "alias": "tabId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabItemComponent, "ol-tab-item", never, { "tabId": { "alias": "tabId"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeTheme": { "alias": "badgeTheme"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-type TabsVariant = 'underline' | 'pills' | 'card';
+type TabsVariant = 'default' | 'underline' | 'border-bottom' | 'pills' | 'button' | 'boxed' | 'button-group' | 'vertical' | 'vertical-pills' | 'vertical-list' | 'card';
+type TabsSize = 'sm' | 'md' | 'lg';
 declare class TabsComponent {
-    readonly activeTab: _angular_core.ModelSignal<string | number>;
     readonly variant: _angular_core.InputSignal<TabsVariant>;
+    readonly size: _angular_core.InputSignal<TabsSize>;
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    readonly mobile: _angular_core.InputSignal<boolean>;
+    readonly mobileDropdown: _angular_core.InputSignal<boolean>;
+    readonly selectedIndex: _angular_core.ModelSignal<number>;
+    readonly activeTab: _angular_core.ModelSignal<string | number>;
     readonly tabChange: _angular_core.OutputEmitterRef<{
         index: number;
         id?: string;
@@ -957,13 +1340,16 @@ declare class TabsComponent {
     }>;
     readonly items: _angular_core.Signal<readonly TabItemComponent[]>;
     readonly currentIndex: _angular_core.Signal<number>;
-    selectTab(indexOrId: number | string): void;
+    readonly currentItem: _angular_core.Signal<TabItemComponent>;
+    readonly isMobileDropdown: _angular_core.Signal<boolean>;
+    readonly isVertical: _angular_core.Signal<boolean>;
+    readonly sizeClasses: _angular_core.Signal<"py-1.5 px-3 text-xs gap-1.5" | "py-3.5 px-6 text-base gap-2.5" | "py-2.5 px-4 text-sm gap-2">;
+    selectTab(index: number): void;
     show(indexOrId: number | string): void;
     nextTab(): void;
     prevTab(): void;
-    getActiveTab(): TabItemComponent | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ol-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "tabChange": "tabChange"; }, ["items"], ["[tab-headers]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ol-tabs", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "mobile": { "alias": "mobile"; "required": false; "isSignal": true; }; "mobileDropdown": { "alias": "mobileDropdown"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "activeTab": "activeTabChange"; "tabChange": "tabChange"; }, ["items"], ["*", "*"], true, never>;
 }
 
 declare class TimelineComponent {
@@ -1074,6 +1460,7 @@ declare class OlIconService {
      */
     getIcon(name: string, variant?: string): Observable<SafeHtml | null>;
     private fetchIconSvg;
+    private readonly builtinSvgMap;
     private readonly aliasMap;
     private getCandidateUrls;
     private normalizeKey;
@@ -1099,6 +1486,88 @@ interface IconDefinition {
 }
 declare const OL_ICONS: Record<string, IconDefinition>;
 
-export { AccordionComponent, AccordionItemComponent, AlertComponent, AvatarComponent, AvatarGroupComponent, BadgeComponent, BannerComponent, BreadcrumbComponent, BreadcrumbItemComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CarouselComponent, CarouselSlideComponent, CheckboxComponent, ClipboardComponent, CollapseComponent, DateRangePickerComponent, DatepickerComponent, DatepickerDirective, DatepickerFooterComponent, DatepickerHeaderComponent, DatepickerPopupComponent, DatepickerStateService, DayViewComponent, DownloadAppButtonComponent, DrawerComponent, DropdownComponent, DropdownItemComponent, FileInputComponent, FloatingLabelComponent, FooterComponent, IconComponent, InputComponent, InputCounterComponent, KbdComponent, ListGroupComponent, ListGroupItemComponent, MONTHS_FULL_EN, MONTHS_FULL_VI, MONTHS_SHORT_VI, ModalComponent, MonthViewComponent, NavbarComponent, NavbarItemComponent, OL_ICONS, OlIconService, OtpInputComponent, PaginationComponent, PopoverComponent, ProgressComponent, RadioComponent, RangeComponent, RatingComponent, RichTextEditorComponent, SelectComponent, SidebarComponent, SidebarItemComponent, SkeletonComponent, SpeedDialComponent, SpinnerComponent, TabItemComponent, TableComponent, TabsComponent, TagInputComponent, TextareaComponent, TimelineComponent, TimelineItemComponent, ToastComponent, ToggleComponent, TooltipComponent, WEEKDAYS_SHORT_EN, WEEKDAYS_SHORT_VI, YearViewComponent, cloneDate, endOfDay, formatDate, generateMonthMatrix, generateMonthsMatrix, generateYearsMatrix, isBetween, isDateDisabled, isSameDay, isSameMonth, isSameYear, isToday, parseDate, startOfDay };
-export type { AlertColor, AlertVariant, AppDevice, AppTheme, AvatarShape, AvatarSize, AvatarStatus, BadgeColor, BadgeSize, ButtonColor, ButtonSize, DateCustomClass, DateRange, DatepickerPreset, DatepickerSelectionMode, DatepickerSize, DatepickerViewMode, DayCell, DrawerPlacement, DropdownPlacement, DropdownTrigger, FileInputSize, IconColor, IconDefinition, IconManifestEntry, IconSize, IconVariant, InputCounterSize, InputSize, InputState, ModalPlacement, ModalSize, MonthCell, PopoverPlacement, ProgressColor, ProgressSize, SelectOption, SelectSize, SelectState, SpinnerColor, SpinnerSize, TabsVariant, TextareaState, ToastType, ToggleSize, TooltipPlacement, TooltipTheme, TooltipTrigger, YearCell };
+type IconShapeSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
+type IconShapeColor = 'brand' | 'white' | 'dark' | 'red' | 'gray' | 'green' | 'yellow';
+type IconShapeType = 'circle' | 'square';
+declare class IconShapeComponent {
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<IconShapeSize>;
+    readonly color: _angular_core.InputSignal<IconShapeColor>;
+    readonly type: _angular_core.InputSignal<IconShapeType>;
+    readonly iconSize: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconShapeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconShapeComponent, "ol-icon-shape", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class BottomNavComponent {
+    readonly bordered: _angular_core.InputSignal<boolean>;
+    readonly shadow: _angular_core.InputSignal<boolean>;
+    readonly safeArea: _angular_core.InputSignal<boolean>;
+    readonly position: _angular_core.InputSignal<"relative" | "fixed">;
+    readonly navClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BottomNavComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BottomNavComponent, "ol-bottom-nav", never, { "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "safeArea": { "alias": "safeArea"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class BottomNavItemComponent {
+    readonly routerLink: _angular_core.InputSignal<string | any[] | null>;
+    readonly routerLinkActive: _angular_core.InputSignal<string>;
+    readonly routerLinkActiveOptions: _angular_core.InputSignal<{
+        exact: boolean;
+    }>;
+    readonly href: _angular_core.InputSignal<string | null>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly badge: _angular_core.InputSignal<string | number | null>;
+    readonly badgeTheme: _angular_core.InputSignal<BadgeTheme>;
+    readonly isCenterAction: _angular_core.InputSignal<boolean>;
+    readonly active: _angular_core.InputSignal<boolean>;
+    readonly itemClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BottomNavItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BottomNavItemComponent, "ol-bottom-nav-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeTheme": { "alias": "badgeTheme"; "required": false; "isSignal": true; }; "isCenterAction": { "alias": "isCenterAction"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type StepState = 'initial' | 'active' | 'completed' | 'error' | 'disabled';
+declare class StepItemComponent {
+    readonly stepId: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly subtitle: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly state: _angular_core.InputSignal<StepState | null>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly badge: _angular_core.InputSignal<string | null>;
+    private readonly parentStepper;
+    readonly stepIndex: _angular_core.Signal<any>;
+    readonly effectiveState: _angular_core.Signal<StepState>;
+    readonly isActive: _angular_core.Signal<boolean>;
+    readonly effectiveSubtitle: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepItemComponent, "ol-step-item", never, { "stepId": { "alias": "stepId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type StepperVariant = 'default' | 'only-icons' | 'icons-text' | 'with-dots' | 'vertical' | 'cards';
+type StepperOrientation = 'horizontal' | 'vertical';
+type StepperBreakpoint = 'desktop' | 'mobile';
+declare class StepperComponent {
+    readonly currentStep: _angular_core.ModelSignal<number>;
+    readonly variant: _angular_core.InputSignal<StepperVariant>;
+    readonly orientation: _angular_core.InputSignal<StepperOrientation>;
+    readonly breakpoint: _angular_core.InputSignal<StepperBreakpoint>;
+    readonly linear: _angular_core.InputSignal<boolean>;
+    readonly clickable: _angular_core.InputSignal<boolean>;
+    readonly stepChange: _angular_core.OutputEmitterRef<number>;
+    readonly steps: _angular_core.Signal<readonly StepItemComponent[]>;
+    readonly isVertical: _angular_core.Signal<boolean>;
+    readonly isHorizontal: _angular_core.Signal<boolean>;
+    readonly isMobile: _angular_core.Signal<boolean>;
+    goToStep(index: number): void;
+    next(): void;
+    prev(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepperComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepperComponent, "ol-stepper", never, { "currentStep": { "alias": "currentStep"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "currentStep": "currentStepChange"; "stepChange": "stepChange"; }, ["steps"], ["*"], true, never>;
+}
+
+export { AccordionComponent, AccordionItemComponent, AlertComponent, AutocompleteComponent, AvatarComponent, AvatarGroupComponent, BadgeComponent, BannerComponent, BottomNavComponent, BottomNavItemComponent, BreadcrumbComponent, BreadcrumbItemComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CarouselComponent, CarouselSlideComponent, CheckboxComponent, ClipboardComponent, CollapseComponent, DateRangePickerComponent, DatepickerComponent, DatepickerDirective, DatepickerFooterComponent, DatepickerHeaderComponent, DatepickerPopupComponent, DatepickerStateService, DayViewComponent, DownloadAppButtonComponent, DrawerComponent, DropdownComponent, DropdownItemComponent, FileInputComponent, FloatingLabelComponent, FooterComponent, IconComponent, IconShapeComponent, InputComponent, InputCounterComponent, KbdComponent, ListGroupComponent, ListGroupItemComponent, MONTHS_FULL_EN, MONTHS_FULL_VI, MONTHS_SHORT_VI, ModalComponent, MonthViewComponent, NavDropdownComponent, NavbarComponent, NavbarItemComponent, OL_ICONS, OlIconService, OtpInputComponent, PaginationComponent, PopoverComponent, ProgressComponent, RadioComponent, RangeComponent, RatingComponent, RichTextEditorComponent, SelectComponent, SidebarComponent, SidebarGroupComponent, SidebarItemComponent, SidebarSubmenuComponent, SkeletonComponent, SpeedDialComponent, SpinnerComponent, StepItemComponent, StepperComponent, TabItemComponent, TableComponent, TabsComponent, TagInputComponent, TextareaComponent, TimelineComponent, TimelineItemComponent, TimepickerComponent, ToastComponent, ToggleComponent, TooltipComponent, WEEKDAYS_SHORT_EN, WEEKDAYS_SHORT_VI, YearViewComponent, cloneDate, endOfDay, formatDate, generateMonthMatrix, generateMonthsMatrix, generateYearsMatrix, isBetween, isDateDisabled, isSameDay, isSameMonth, isSameYear, isToday, parseDate, startOfDay };
+export type { AlertColor, AlertVariant, AppDevice, AppTheme, AutocompleteOption, AutocompleteSize, AutocompleteState, AvatarShape, AvatarSize, AvatarStatus, BadgeShape, BadgeSize, BadgeTheme, BadgeType, BreadcrumbItemStatus, BreadcrumbSeparator, BreadcrumbVariant, ButtonColor, ButtonGroupColor, ButtonGroupOrientation, ButtonGroupSize, ButtonSize, CardPadding, CardRadius, CardShadow, CardVariant, CheckboxSize, DateCustomClass, DateRange, DatepickerPreset, DatepickerSelectionMode, DatepickerSize, DatepickerViewMode, DayCell, DrawerPlacement, DropdownAutoClose, DropdownPlacement, DropdownTrigger, FileInputSize, FloatingLabelSize, FloatingLabelState, FloatingLabelVariant, IconColor, IconDefinition, IconManifestEntry, IconShapeColor, IconShapeSize, IconShapeType, IconSize, IconVariant, InputCounterSize, InputSize, InputState, ModalPlacement, ModalSize, MonthCell, PaginationType, PaginationVariant, PopoverPlacement, ProgressColor, ProgressSize, RadioSize, SelectOption, SelectSize, SelectState, SpinnerColor, SpinnerSize, StepState, StepperBreakpoint, StepperOrientation, StepperVariant, TabsSize, TabsVariant, TextareaState, TimepickerFormat, TimepickerSize, TimepickerState, ToastType, ToggleColor, ToggleSize, TooltipPlacement, TooltipTheme, TooltipTrigger, YearCell };
 //# sourceMappingURL=edmicro-olkit.d.ts.map