@frame-ui-ng/components 0.3.0-beta.0 → 0.4.1

package/types/frame-ui-ng-components-resizable.d.ts

@@ -3,6 +3,7 @@ import { AfterViewInit, OnDestroy } from '@angular/core';
 
 declare const FR_RESIZABLE_ORIENTATIONS: readonly ["horizontal", "vertical"];
 type FrResizableOrientation = (typeof FR_RESIZABLE_ORIENTATIONS)[number];
+/** Resizable panel group that coordinates pane sizes. */
 declare class FrResizablePanelGroup implements AfterViewInit, OnDestroy {
     private readonly elementRef;
     private readonly groupId;
@@ -32,6 +33,7 @@ declare class FrResizablePanelGroup implements AfterViewInit, OnDestroy {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrResizablePanelGroup, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrResizablePanelGroup, "[frResizablePanelGroup], frame-resizable-panel-group", ["frResizablePanelGroup"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "layoutChange": "layoutChange"; }, never, never, true, never>;
 }
+/** Panel slot for resizable. */
 declare class FrResizablePanel {
     readonly defaultSize: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly minSize: _angular_core.InputSignalWithTransform<number, unknown>;
@@ -41,6 +43,7 @@ declare class FrResizablePanel {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrResizablePanel, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrResizablePanel, "[frResizablePanel], frame-resizable-panel", never, { "defaultSize": { "alias": "defaultSize"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsedSize": { "alias": "collapsedSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Resize handle between adjacent resizable panels. */
 declare class FrResizableHandle {
     protected readonly group: FrResizablePanelGroup;
     private readonly elementRef;

package/types/frame-ui-ng-components-select.d.ts

@@ -1,19 +1,26 @@
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import * as i0 from '@angular/core';
+import { AfterViewChecked, DoCheck } from '@angular/core';
 import * as i1 from '@frame-ui-ng/components/dropdown-menu';
 import { FrDropdownMenuContent } from '@frame-ui-ng/components/dropdown-menu';
 import { FrControlValueAccessor } from '@frame-ui-ng/components/forms';
 
 declare const FR_SELECT_INDICATOR_POSITIONS: readonly ["start", "end"];
 type FrSelectIndicatorPosition = (typeof FR_SELECT_INDICATOR_POSITIONS)[number];
-declare class FrSelect extends FrControlValueAccessor<string | null> {
+/** Select control backed by dropdown menu primitives. */
+declare class FrSelect extends FrControlValueAccessor<string | null> implements AfterViewChecked, DoCheck {
     private readonly destroyRef;
     private readonly dropdownTrigger;
     private readonly elementRef;
     private readonly selectedLabel;
     private readonly labels;
+    private lastContent;
+    private lastContentDebugVisible;
+    private lastDebugVisible;
+    private lastTriggerWidth;
     private resizeObserver;
     readonly value: i0.ModelSignal<string | null>;
+    readonly menuContent: i0.InputSignal<FrSelectContent | null>;
     readonly debugVisible: i0.InputSignalWithTransform<boolean, unknown>;
     readonly disabledInput: i0.InputSignalWithTransform<boolean, unknown>;
     readonly indicatorPosition: i0.InputSignal<"start" | "end">;
@@ -22,16 +29,21 @@ declare class FrSelect extends FrControlValueAccessor<string | null> {
     readonly invalid: i0.Signal<boolean | null>;
     readonly displayValue: i0.Signal<string | null>;
     constructor();
+    ngDoCheck(): void;
+    ngAfterViewChecked(): void;
     registerItem(value: string | null, label: string): void;
     selectValue(value: string | null, label: string): void;
     protected setViewValue(value: string | null): void;
     private attachResizeObserver;
+    private syncContent;
+    private resolveContent;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelect, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelect, "button[frSelect]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "debugVisible": { "alias": "debugVisible"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "indicatorPosition": { "alias": "indicatorPosition"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof i1.FrDropdownMenu; inputs: { "closeDelay": "closeDelay"; "triggerMode": "triggerMode"; }; outputs: {}; }, { directive: typeof i1.FrDropdownMenuTrigger; inputs: { "frDropdownMenuTrigger": "frSelect"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelect, "button[frSelect]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "menuContent": { "alias": "frSelect"; "required": false; "isSignal": true; }; "debugVisible": { "alias": "debugVisible"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "indicatorPosition": { "alias": "indicatorPosition"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof i1.FrDropdownMenu; inputs: { "closeDelay": "closeDelay"; "triggerMode": "triggerMode"; }; outputs: {}; }, { directive: typeof i1.FrDropdownMenuTrigger; inputs: {}; outputs: {}; }]>;
 }
 
 declare const FR_SELECT_POSITIONS: readonly ["item-aligned", "popper"];
 type FrSelectPosition = (typeof FR_SELECT_POSITIONS)[number];
+/** Content slot for select. */
 declare class FrSelectContent extends FrDropdownMenuContent {
     private readonly destroyRef;
     private readonly viewContainerRef;
@@ -50,6 +62,7 @@ declare class FrSelectContent extends FrDropdownMenuContent {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectContent, "ng-template[frSelectContent]", ["frSelectContent"], { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Panel slot for select. */
 declare class FrSelectPanel {
     protected readonly content: FrSelectContent;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectPanel, never>;
@@ -58,6 +71,7 @@ declare class FrSelectPanel {
 
 declare const FR_SELECT_ICON_POSITIONS: readonly ["leading", "trailing"];
 type FrSelectIconPosition = (typeof FR_SELECT_ICON_POSITIONS)[number];
+/** Value slot for select. */
 declare class FrSelectValue {
     private readonly select;
     readonly placeholder: i0.InputSignal<string>;
@@ -66,32 +80,39 @@ declare class FrSelectValue {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectValue, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectValue, "[frSelectValue], frame-select-value", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Indicator slot for select item. */
 declare class FrSelectItemIndicator {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectItemIndicator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectItemIndicator, "[frSelectItemIndicator], frame-select-item-indicator", never, {}, {}, never, never, true, never>;
 }
+/** Icon slot for select. */
 declare class FrSelectIcon {
     readonly position: i0.InputSignal<"leading" | "trailing">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectIcon, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectIcon, "[frSelectIcon], frame-select-icon", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Error slot for select. */
 declare class FrSelectError {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectError, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectError, "[frSelectError], frame-select-error", never, {}, {}, never, never, true, never>;
 }
 
+/** Group slot for select. */
 declare class FrSelectGroup {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectGroup, "[frSelectGroup], frame-select-group", never, {}, {}, never, never, true, never>;
 }
+/** Label slot for select. */
 declare class FrSelectLabel {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectLabel, "[frSelectLabel], frame-select-label", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuLabel; inputs: {}; outputs: {}; }]>;
 }
+/** Separator slot for select. */
 declare class FrSelectSeparator {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectSeparator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectSeparator, "[frSelectSeparator], frame-select-separator", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuSeparator; inputs: {}; outputs: {}; }]>;
 }
+/** Item slot for select. */
 declare class FrSelectItem {
     private readonly elementRef;
     private readonly content;

package/types/frame-ui-ng-components-separator.d.ts

@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
 
 declare const FR_SEPARATOR_ORIENTATIONS: readonly ["horizontal", "vertical"];
 type FrSeparatorOrientation = (typeof FR_SEPARATOR_ORIENTATIONS)[number];
+/** Visual or semantic separator with orientation support. */
 declare class FrSeparator {
     readonly orientation: i0.InputSignalWithTransform<"horizontal" | "vertical", unknown>;
     readonly decorative: i0.InputSignalWithTransform<boolean, unknown>;

package/types/frame-ui-ng-components-sheet.d.ts

@@ -7,6 +7,7 @@ import { FrButtonAppearance } from '@frame-ui-ng/components/button';
 
 declare const FR_SHEET_SIDES: readonly ["top", "right", "bottom", "left"];
 type FrSheetSide = (typeof FR_SHEET_SIDES)[number];
+/** Close control for sheet. */
 declare class FrSheetClose {
     private readonly dialogRef;
     readonly result: _angular_core.InputSignal<unknown>;
@@ -14,29 +15,37 @@ declare class FrSheetClose {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSheetClose, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrSheetClose, "[frSheetClose]", never, { "result": { "alias": "frSheetClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Panel slot for sheet. */
 declare class FrSheetPanel {
+    private readonly dialogRef;
     readonly scrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showCloseButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly side: _angular_core.InputSignalWithTransform<"top" | "right" | "bottom" | "left", unknown>;
+    close(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSheetPanel, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrSheetPanel, "[frSheetPanel], frame-sheet-panel", never, { "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
+/** Header slot for sheet. */
 declare class FrSheetHeader {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSheetHeader, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrSheetHeader, "[frSheetHeader], frame-sheet-header", never, {}, {}, never, never, true, never>;
 }
+/** Body slot for sheet. */
 declare class FrSheetBody {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSheetBody, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrSheetBody, "[frSheetBody], frame-sheet-body", never, {}, {}, never, never, true, never>;
 }
+/** Footer slot for sheet. */
 declare class FrSheetFooter {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSheetFooter, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrSheetFooter, "[frSheetFooter], frame-sheet-footer", never, {}, {}, never, never, true, never>;
 }
+/** Title slot for sheet. */
 declare class FrSheetTitle {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSheetTitle, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrSheetTitle, "[frSheetTitle], frame-sheet-title", never, {}, {}, never, never, true, never>;
 }
+/** Description slot for sheet. */
 declare class FrSheetDescription {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSheetDescription, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrSheetDescription, "[frSheetDescription], frame-sheet-description", never, {}, {}, never, never, true, never>;
@@ -61,6 +70,7 @@ type FrSheetShellOptions = {
     side?: FrSheetSide;
     title?: string;
 };
+/** Default shell for sheet content, title, and footer actions. */
 declare class FrSheetShell {
     private readonly dialogRef;
     private readonly injector;
@@ -82,6 +92,7 @@ type FrSheetConfig<Data = unknown, Result = unknown, Component = unknown> = Dial
     side?: FrSheetSide;
     title?: string;
 };
+/** Service for opening sheet dialogs. */
 declare class FrSheetService {
     private readonly dialog;
     open<Result = unknown, Data = unknown, Component = unknown>(content: ComponentType<Component>, config?: FrSheetConfig<Data, Result, Component>): FrSheetRef<Result, Component>;
@@ -92,6 +103,7 @@ declare class FrSheetService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<FrSheetService>;
 }
 
+/** Content slot for sheet. */
 declare class FrSheetContent {
     readonly templateRef: TemplateRef<any>;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
@@ -118,6 +130,7 @@ declare class FrSheetContent {
 
 declare const FR_SHEET_DATA: _angular_core.InjectionToken<any>;
 
+/** Trigger control for sheet. */
 declare class FrSheetTrigger {
     private static readonly CUSTOM_PROPERTY_PREFIX;
     private readonly destroyRef;

package/types/frame-ui-ng-components-sidebar.d.ts

@@ -13,6 +13,7 @@ type FrSidebarState = 'expanded' | 'collapsed';
 type FrSidebarMenuButtonSize = (typeof FR_SIDEBAR_MENU_BUTTON_SIZES)[number];
 type FrSidebarMenuButtonVariant = (typeof FR_SIDEBAR_MENU_BUTTON_VARIANTS)[number];
 declare const FR_SIDEBAR_PROVIDER: InjectionToken<FrSidebarProvider>;
+/** Shared state provider for sidebar. */
 declare class FrSidebarProvider {
     private readonly document;
     private readonly elementRef;
@@ -39,6 +40,7 @@ declare class FrSidebarProvider {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarProvider, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarProvider, "[frSidebarProvider], frame-sidebar-provider", ["frSidebarProvider"], { "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "openInput": { "alias": "open"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; "keyboardShortcut": { "alias": "keyboardShortcut"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; "openMobileChange": "openMobileChange"; }, never, never, true, never>;
 }
+/** Sidebar root driven by provider state. */
 declare class FrSidebar {
     readonly elementRef: ElementRef<HTMLElement>;
     readonly provider: FrSidebarProvider | null;
@@ -47,9 +49,11 @@ declare class FrSidebar {
     readonly collapsible: i0.InputSignalWithTransform<"offcanvas" | "icon" | "none", unknown>;
     readonly minSize: i0.InputSignalWithTransform<number | null, unknown>;
     readonly maxSize: i0.InputSignalWithTransform<number | null, unknown>;
+    readonly resizable: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebar, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebar, "[frSidebar], frame-sidebar", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebar, "[frSidebar], frame-sidebar", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Trigger control for sidebar. */
 declare class FrSidebarTrigger {
     readonly provider: FrSidebarProvider | null;
     readonly ariaLabel: i0.InputSignal<string>;
@@ -57,6 +61,7 @@ declare class FrSidebarTrigger {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarTrigger, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarTrigger, "[frSidebarTrigger]", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Rail slot for sidebar. */
 declare class FrSidebarRail {
     private readonly document;
     private readonly sidebar;
@@ -73,52 +78,62 @@ declare class FrSidebarRail {
     startResize(event: PointerEvent): void;
     private resize;
     private flushResize;
-    private clampWidth;
     private captureResizeBounds;
     private measureContentMinSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarRail, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarRail, "[frSidebarRail], frame-sidebar-rail", never, {}, {}, never, never, true, never>;
 }
+/** Inset slot for sidebar. */
 declare class FrSidebarInset {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarInset, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarInset, "[frSidebarInset], frame-sidebar-inset", never, {}, {}, never, never, true, never>;
 }
+/** Header slot for sidebar. */
 declare class FrSidebarHeader {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarHeader, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarHeader, "[frSidebarHeader], frame-sidebar-header", never, {}, {}, never, never, true, never>;
 }
+/** Footer slot for sidebar. */
 declare class FrSidebarFooter {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarFooter, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarFooter, "[frSidebarFooter], frame-sidebar-footer", never, {}, {}, never, never, true, never>;
 }
+/** Content slot for sidebar. */
 declare class FrSidebarContent {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarContent, "[frSidebarContent], frame-sidebar-content", never, {}, {}, never, never, true, never>;
 }
+/** Group slot for sidebar. */
 declare class FrSidebarGroup {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarGroup, "[frSidebarGroup], frame-sidebar-group", never, {}, {}, never, never, true, never>;
 }
+/** Label slot for sidebar group. */
 declare class FrSidebarGroupLabel {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarGroupLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarGroupLabel, "[frSidebarGroupLabel], frame-sidebar-group-label", never, {}, {}, never, never, true, never>;
 }
+/** Action slot for sidebar group. */
 declare class FrSidebarGroupAction {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarGroupAction, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarGroupAction, "[frSidebarGroupAction], frame-sidebar-group-action", never, {}, {}, never, never, true, never>;
 }
+/** Content slot for sidebar group. */
 declare class FrSidebarGroupContent {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarGroupContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarGroupContent, "[frSidebarGroupContent], frame-sidebar-group-content", never, {}, {}, never, never, true, never>;
 }
+/** Menu list inside sidebar navigation. */
 declare class FrSidebarMenu {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarMenu, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarMenu, "[frSidebarMenu], frame-sidebar-menu", never, {}, {}, never, never, true, never>;
 }
+/** Item slot for sidebar menu. */
 declare class FrSidebarMenuItem {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarMenuItem, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarMenuItem, "[frSidebarMenuItem], frame-sidebar-menu-item", never, {}, {}, never, never, true, never>;
 }
+/** Interactive button or link inside a sidebar menu item. */
 declare class FrSidebarMenuButton {
     readonly active: i0.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
@@ -129,23 +144,28 @@ declare class FrSidebarMenuButton {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarMenuButton, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarMenuButton, "[frSidebarMenuButton], a[frSidebarMenuButton], button[frSidebarMenuButton]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Action slot for sidebar menu. */
 declare class FrSidebarMenuAction {
     readonly showOnHover: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarMenuAction, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarMenuAction, "[frSidebarMenuAction], frame-sidebar-menu-action", never, { "showOnHover": { "alias": "showOnHover"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Badge slot for sidebar menu. */
 declare class FrSidebarMenuBadge {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarMenuBadge, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarMenuBadge, "[frSidebarMenuBadge], frame-sidebar-menu-badge", never, {}, {}, never, never, true, never>;
 }
+/** Nested menu list inside sidebar navigation. */
 declare class FrSidebarMenuSub {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarMenuSub, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarMenuSub, "[frSidebarMenuSub], frame-sidebar-menu-sub", never, {}, {}, never, never, true, never>;
 }
+/** Item slot for sidebar menu sub. */
 declare class FrSidebarMenuSubItem {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarMenuSubItem, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarMenuSubItem, "[frSidebarMenuSubItem], frame-sidebar-menu-sub-item", never, {}, {}, never, never, true, never>;
 }
+/** Interactive button or link inside a sidebar submenu. */
 declare class FrSidebarMenuSubButton {
     readonly active: i0.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
@@ -153,6 +173,7 @@ declare class FrSidebarMenuSubButton {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarMenuSubButton, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarMenuSubButton, "[frSidebarMenuSubButton], a[frSidebarMenuSubButton], button[frSidebarMenuSubButton]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Skeleton slot for sidebar menu. */
 declare class FrSidebarMenuSkeleton {
     readonly showIcon: i0.InputSignalWithTransform<boolean, unknown>;
     readonly width: i0.InputSignal<string>;

package/types/frame-ui-ng-components-skeleton.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 
+/** Skeleton placeholder for loading content. */
 declare class FrSkeleton {
     readonly animated: i0.InputSignalWithTransform<boolean, unknown>;
     readonly width: i0.InputSignal<string | null>;

package/types/frame-ui-ng-components-slider.d.ts

@@ -1,13 +1,16 @@
 import * as _angular_core from '@angular/core';
+import { DoCheck } from '@angular/core';
 import { FrControlValueAccessor } from '@frame-ui-ng/components/forms';
 
 declare const FR_SLIDER_ORIENTATIONS: readonly ["horizontal", "vertical"];
 type FrSliderOrientation = (typeof FR_SLIDER_ORIENTATIONS)[number];
 type FrSliderValue = number | number[];
-declare class FrSlider extends FrControlValueAccessor<FrSliderValue | null> {
+/** Slider control with single and range value support. */
+declare class FrSlider extends FrControlValueAccessor<FrSliderValue | null> implements DoCheck {
     private readonly elementRef;
     private readonly document;
     private controlledByInput;
+    private lastInputKey;
     readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly step: _angular_core.InputSignalWithTransform<number, unknown>;
@@ -27,7 +30,7 @@ declare class FrSlider extends FrControlValueAccessor<FrSliderValue | null> {
     protected readonly invalid: _angular_core.Signal<boolean | null>;
     protected readonly rangeStartPercent: _angular_core.Signal<number>;
     protected readonly rangeEndPercent: _angular_core.Signal<number>;
-    constructor();
+    ngDoCheck(): void;
     protected setViewValue(value: FrSliderValue | null): void;
     protected handleNativeInput(index: number, rawValue: string): void;
     protected markTouched(): void;

package/types/frame-ui-ng-components-spinner.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 
 declare const FR_SPINNER_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
 type FrSpinnerSize = (typeof FR_SPINNER_SIZES)[number];
+/** Spinner indicator with size variants. */
 declare class FrSpinner {
     readonly customSize: _angular_core.InputSignal<string | null>;
     readonly decorative: _angular_core.InputSignalWithTransform<boolean, unknown>;

package/types/frame-ui-ng-components-switch.d.ts

@@ -2,27 +2,33 @@ import * as i0 from '@angular/core';
 
 declare const FR_SWITCH_SIZES: readonly ["sm", "default"];
 type FrSwitchSize = (typeof FR_SWITCH_SIZES)[number];
+/** Switch input styled as a FrameUI control. */
 declare class FrSwitch {
     readonly size: i0.InputSignal<"sm" | "default">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitch, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSwitch, "input[type=checkbox][frSwitch]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Field slot for switch. */
 declare class FrSwitchField {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitchField, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSwitchField, "[frSwitchField], frame-switch-field", never, {}, {}, never, never, true, never>;
 }
+/** Content slot for switch. */
 declare class FrSwitchContent {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitchContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSwitchContent, "[frSwitchContent], frame-switch-content", never, {}, {}, never, never, true, never>;
 }
+/** Label slot for switch. */
 declare class FrSwitchLabel {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitchLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSwitchLabel, "[frSwitchLabel], frame-switch-label", never, {}, {}, never, never, true, never>;
 }
+/** Description slot for switch. */
 declare class FrSwitchDescription {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitchDescription, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSwitchDescription, "[frSwitchDescription], frame-switch-description", never, {}, {}, never, never, true, never>;
 }
+/** Error slot for switch. */
 declare class FrSwitchError {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitchError, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSwitchError, "[frSwitchError], frame-switch-error", never, {}, {}, never, never, true, never>;

package/types/frame-ui-ng-components-table.d.ts

@@ -6,6 +6,7 @@ declare const FR_TABLE_DENSITIES: readonly ["sm", "md", "lg"];
 declare const FR_TABLE_VARIANTS: readonly ["default", "outline", "card"];
 type FrTableDensity = (typeof FR_TABLE_DENSITIES)[number];
 type FrTableVariant = (typeof FR_TABLE_VARIANTS)[number];
+/** CDK table wrapper with FrameUI density and variant styling. */
 declare class FrTable<T> extends CdkTable<T> {
     readonly density: i0.InputSignal<"sm" | "md" | "lg">;
     readonly hover: i0.InputSignalWithTransform<boolean, unknown>;
@@ -14,102 +15,127 @@ declare class FrTable<T> extends CdkTable<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTable<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FrTable<any>, "table[frTable], frame-table", ["frTable"], { "density": { "alias": "density"; "required": false; "isSignal": true; }; "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["caption", "colgroup, col", "*"], true, never>;
 }
+/** Scrollable container for tables. */
 declare class FrTableContainer {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTableContainer, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableContainer, "[frTableContainer], frame-table-container", never, {}, {}, never, never, true, never>;
 }
+/** Caption slot for table. */
 declare class FrTableCaption {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTableCaption, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableCaption, "[frTableCaption], frame-table-caption, caption[frTableCaption]", never, {}, {}, never, never, true, never>;
 }
+/** Header slot for table. */
 declare class FrTableHeader {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTableHeader, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableHeader, "[frTableHeader], frame-table-header, thead[frTableHeader]", never, {}, {}, never, never, true, never>;
 }
+/** Body slot for table. */
 declare class FrTableBody {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTableBody, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableBody, "[frTableBody], frame-table-body, tbody[frTableBody]", never, {}, {}, never, never, true, never>;
 }
+/** Footer slot for table. */
 declare class FrTableFooter {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTableFooter, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableFooter, "[frTableFooter], frame-table-footer, tfoot[frTableFooter]", never, {}, {}, never, never, true, never>;
 }
+/** Column definition bridge to CDK table. */
 declare class FrColumnDef {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrColumnDef, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrColumnDef, "[frColumnDef]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkColumnDef; inputs: { "cdkColumnDef": "frColumnDef"; "sticky": "sticky"; "stickyEnd": "stickyEnd"; }; outputs: {}; }]>;
 }
+/** Header cell template definition for CDK table. */
 declare class FrHeaderCellDef {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrHeaderCellDef, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrHeaderCellDef, "[frHeaderCellDef]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkHeaderCellDef; inputs: {}; outputs: {}; }]>;
 }
+/** Body cell template definition for CDK table. */
 declare class FrCellDef {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCellDef, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCellDef, "[frCellDef]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkCellDef; inputs: {}; outputs: {}; }]>;
 }
+/** Footer cell template definition for CDK table. */
 declare class FrFooterCellDef {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrFooterCellDef, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrFooterCellDef, "[frFooterCellDef]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkFooterCellDef; inputs: {}; outputs: {}; }]>;
 }
+/** Header cell host for table columns. */
 declare class FrHeaderCell {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrHeaderCell, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrHeaderCell, "th[frHeaderCell], frame-header-cell", never, {}, {}, never, never, true, never>;
 }
+/** Body cell host for table rows. */
 declare class FrCell {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCell, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCell, "td[frCell], frame-cell", never, {}, {}, never, never, true, never>;
 }
+/** Footer cell host for table summaries. */
 declare class FrFooterCell {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrFooterCell, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrFooterCell, "td[frFooterCell], frame-footer-cell", never, {}, {}, never, never, true, never>;
 }
+/** Header row rendered by CDK table. */
 declare class FrHeaderRow extends CdkHeaderRow {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrHeaderRow, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FrHeaderRow, "tr[frHeaderRow], frame-header-row", never, {}, {}, never, never, true, never>;
 }
+/** Body row rendered by CDK table. */
 declare class FrRow extends CdkRow {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrRow, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FrRow, "tr[frRow], frame-row", never, {}, {}, never, never, true, never>;
 }
+/** Footer row rendered by CDK table. */
 declare class FrFooterRow extends CdkFooterRow {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrFooterRow, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FrFooterRow, "tr[frFooterRow], frame-footer-row", never, {}, {}, never, never, true, never>;
 }
+/** Header row definition bridge to CDK table. */
 declare class FrHeaderRowDef {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrHeaderRowDef, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrHeaderRowDef, "[frHeaderRowDef]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkHeaderRowDef; inputs: { "cdkHeaderRowDef": "frHeaderRowDef"; "cdkHeaderRowDefSticky": "frHeaderRowDefSticky"; }; outputs: {}; }]>;
 }
+/** Body row definition bridge to CDK table. */
 declare class FrRowDef<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrRowDef<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrRowDef<any>, "[frRowDef]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkRowDef; inputs: { "cdkRowDefColumns": "frRowDefColumns"; "cdkRowDefWhen": "frRowDefWhen"; }; outputs: {}; }]>;
 }
+/** Footer row definition bridge to CDK table. */
 declare class FrFooterRowDef {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrFooterRowDef, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrFooterRowDef, "[frFooterRowDef]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkFooterRowDef; inputs: { "cdkFooterRowDef": "frFooterRowDef"; "cdkFooterRowDefSticky": "frFooterRowDefSticky"; }; outputs: {}; }]>;
 }
+/** Fallback row rendered when table data is empty. */
 declare class FrNoDataRow {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrNoDataRow, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrNoDataRow, "ng-template[frNoDataRow]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkNoDataRow; inputs: {}; outputs: {}; }]>;
 }
+/** Numeric alignment helper for table cells. */
 declare class FrTableNumeric {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTableNumeric, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableNumeric, "[frTableNumeric]", never, {}, {}, never, never, true, never>;
 }
+/** Muted text helper for table content. */
 declare class FrTableMuted {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTableMuted, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableMuted, "[frTableMuted]", never, {}, {}, never, never, true, never>;
 }
+/** Virtualized table viewport helper. */
 declare class FrTableVirtual {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTableVirtual, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableVirtual, "[frTableVirtual], frame-table-virtual", never, {}, {}, never, never, true, never>;
 }
+/** Header slot for table virtual. */
 declare class FrTableVirtualHeader {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTableVirtualHeader, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableVirtualHeader, "[frTableVirtualHeader], frame-table-virtual-header", never, {}, {}, never, never, true, never>;
 }
+/** Virtualized table row helper. */
 declare class FrTableVirtualRow {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTableVirtualRow, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableVirtualRow, "[frTableVirtualRow], frame-table-virtual-row", never, {}, {}, never, never, true, never>;
 }
+/** Virtualized table cell helper. */
 declare class FrTableVirtualCell {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTableVirtualCell, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableVirtualCell, "[frTableVirtualCell], frame-table-virtual-cell", never, {}, {}, never, never, true, never>;

package/types/frame-ui-ng-components-tabs.d.ts

@@ -8,6 +8,7 @@ type FrTabsOrientation = (typeof FR_TABS_ORIENTATIONS)[number];
 type FrTabsActivation = (typeof FR_TABS_ACTIVATIONS)[number];
 type FrTabsListVariant = (typeof FR_TABS_LIST_VARIANTS)[number];
 declare const FR_TABS_ROOT: InjectionToken<FrTabs>;
+/** Tabs root that coordinates selected value state. */
 declare class FrTabs {
     readonly defaultValue: _angular_core.InputSignal<string | null>;
     readonly orientation: _angular_core.InputSignalWithTransform<"horizontal" | "vertical", unknown>;
@@ -19,6 +20,7 @@ declare class FrTabs {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTabs, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTabs, "[frTabs], frame-tabs", ["frTabs"], { "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "activationMode": { "alias": "activationMode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
 }
+/** List slot for tabs. */
 declare class FrTabsList {
     private readonly elementRef;
     protected readonly root: FrTabs | null;
@@ -29,6 +31,7 @@ declare class FrTabsList {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTabsList, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTabsList, "[frTabsList], frame-tabs-list", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Trigger control for tabs. */
 declare class FrTabsTrigger {
     private readonly elementRef;
     private readonly root;
@@ -42,6 +45,7 @@ declare class FrTabsTrigger {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTabsTrigger, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTabsTrigger, "button[frTabsTrigger], a[frTabsTrigger], [frTabsTrigger], frame-tabs-trigger", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Content slot for tabs. */
 declare class FrTabsContent {
     private readonly root;
     readonly value: _angular_core.InputSignal<string>;

package/types/frame-ui-ng-components-textarea.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 
+/** Textarea control with FrameUI field styling. */
 declare class FrTextarea {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrTextarea, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrTextarea, "textarea[frTextarea]", never, {}, {}, never, never, true, never>;