@frame-kit/ui-ng 0.0.1

package/types/frame-kit-ui-ng-ui-nav-group.d.ts

@@ -0,0 +1,60 @@
+import * as _angular_core from '@angular/core';
+import { IconSize } from '@frame-kit/ui-ng/core/icon';
+export { IconSize as NavGroupIconSize } from '@frame-kit/ui-ng/core/icon';
+
+/**
+ * Expandable nav group — renders a trigger row (icon + label, optionally
+ * linked) and reveals projected children when `expanded` is true. Designed
+ * to sit inside a collapsible sidenav: when the outer shell is collapsed,
+ * clicking the row emits `requestOpen` so the host can pop the sidenav
+ * open, and the group auto-expands once it's visible.
+ */
+declare class NavGroupComponent {
+    /** Primary label text shown in the group trigger row. */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Optional icon name shown to the leading side of the label. */
+    readonly icon: _angular_core.InputSignal<string | null>;
+    /** Size of the leading icon. */
+    readonly iconSize: _angular_core.InputSignal<IconSize>;
+    /** Optional router path; when set, the trigger navigates on click in expanded sidenav mode. */
+    readonly routerLink: _angular_core.InputSignal<string | string[] | null>;
+    /**
+     * True when the containing sidenav is in its collapsed rail state.
+     * In that mode, clicking the trigger BOTH navigates via
+     * `routerLink` AND emits `requestOpen` so the host can expand the
+     * outer shell — the user lands on the group's route with the
+     * sidenav already open. The trigger never expands its own children
+     * inside the rail (no horizontal room); the rail-to-expanded
+     * transition is what reveals them.
+     */
+    readonly collapsed: _angular_core.InputSignal<boolean>;
+    /**
+     * When true and the sidenav is in its expanded state, clicking the
+     * trigger row does NOT fold the group — children stay visible.
+     * Useful when the group's children are permanent navigation rather
+     * than a collapsible disclosure (e.g. a parent nav item that should
+     * always show its sub-pages while the sidenav is open). Clicks on
+     * the trigger still navigate via `routerLink`.
+     *
+     * Has no effect in collapsed (rail) mode — clicks there still
+     * navigate via `routerLink` and emit `requestOpen`, and `expanded`
+     * stays untouched regardless of this input.
+     */
+    readonly lockedOpen: _angular_core.InputSignal<boolean>;
+    /** Whether the group is currently expanded, showing projected child links. */
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    /**
+     * Emitted when the group is clicked while the outer sidenav is
+     * collapsed. Hosts typically listen to open their collapsible shell
+     * so the projected children become visible.
+     */
+    readonly requestOpen: _angular_core.OutputEmitterRef<void>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavGroupComponent, "fk-nav-group", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "lockedOpen": { "alias": "lockedOpen"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "requestOpen": "requestOpen"; }, never, ["*"], true, never>;
+}
+
+export { NavGroupComponent };

package/types/frame-kit-ui-ng-ui-nav-separator.d.ts

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+
+type NavSeparatorOrientation = 'vertical' | 'horizontal';
+
+declare class NavSeparatorComponent {
+    /** Direction the separator line runs — vertical fills block height, horizontal fills inline width. */
+    readonly orientation: _angular_core.InputSignal<NavSeparatorOrientation>;
+    /** Custom length of the separator line as any CSS size value. */
+    readonly length: _angular_core.InputSignal<string | null>;
+    /** Custom thickness of the separator line as any CSS size value. */
+    readonly thickness: _angular_core.InputSignal<string | null>;
+    /** Custom margin around the separator as any CSS margin value. */
+    readonly margin: _angular_core.InputSignal<string | null>;
+    /** Custom color of the separator line as any CSS color value. */
+    readonly color: _angular_core.InputSignal<string | null>;
+    /** When true, the separator is hidden from assistive technology; when false it carries `role="separator"`. */
+    readonly decorative: _angular_core.InputSignal<boolean>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    get hostLength(): string | null;
+    get hostThickness(): string | null;
+    get hostMargin(): string | null;
+    get hostColor(): string | null;
+    get hostAriaHidden(): "true" | null;
+    get hostRole(): "separator" | null;
+    get hostAriaOrientation(): NavSeparatorOrientation | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavSeparatorComponent, "fk-nav-separator", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NavSeparatorComponent };
+export type { NavSeparatorOrientation };

package/types/frame-kit-ui-ng-ui-node-tree-breadcrumb.d.ts

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { TreeNode } from '@frame-kit/ui-ng/ui/node-tree';
+
+interface NodeTreeBreadcrumbItem {
+    id: string;
+    label: string;
+    icon?: string;
+}
+
+declare class NodeTreeBreadcrumbComponent {
+    /** Flat array of `TreeNode` objects used to compute the ancestry path. */
+    readonly nodes: _angular_core.InputSignal<TreeNode<unknown>[]>;
+    /** ID of the node whose full ancestor path is displayed as breadcrumbs. */
+    readonly selectedNodeId: _angular_core.InputSignal<string | undefined>;
+    readonly className: _angular_core.InputSignal<string>;
+    /** Fires when the user clicks a breadcrumb, emitting that crumb's node data. */
+    readonly nodeSelect: _angular_core.OutputEmitterRef<NodeTreeBreadcrumbItem>;
+    readonly crumbs: _angular_core.Signal<NodeTreeBreadcrumbItem[]>;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    readonly role = "navigation";
+    readonly ariaLabel = "Breadcrumb";
+    onCrumbClick(crumb: NodeTreeBreadcrumbItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NodeTreeBreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NodeTreeBreadcrumbComponent, "fk-node-tree-breadcrumb", never, { "nodes": { "alias": "nodes"; "required": true; "isSignal": true; }; "selectedNodeId": { "alias": "selectedNodeId"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "nodeSelect": "nodeSelect"; }, never, never, true, never>;
+}
+
+/**
+ * Builds an ancestry path from the root to the given node.
+ * Returns an array ordered root-first, selected-node-last.
+ */
+declare function buildAncestryPath(nodeId: string, nodes: TreeNode[]): NodeTreeBreadcrumbItem[];
+
+export { NodeTreeBreadcrumbComponent, buildAncestryPath };
+export type { NodeTreeBreadcrumbItem };

package/types/frame-kit-ui-ng-ui-node-tree.d.ts

@@ -0,0 +1,135 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { CdkDragStart, CdkDragMove } from '@angular/cdk/drag-drop';
+
+interface TreeNode<T = unknown> {
+    id: string;
+    label: string;
+    icon?: string;
+    parentId?: string | null;
+    draggable?: boolean;
+    disabled?: boolean;
+    data?: T;
+}
+interface FlatNode {
+    id: string;
+    label: string;
+    icon?: string;
+    level: number;
+    expandable: boolean;
+    expanded: boolean;
+    parentId?: string | null;
+    draggable: boolean;
+    disabled: boolean;
+}
+interface NodeExpandEvent {
+    nodeId: string;
+    expanded: boolean;
+}
+type DropPosition = 'before' | 'inside' | 'after';
+type CanDropFn = (draggedNode: FlatNode, targetNode: FlatNode, position: DropPosition) => boolean;
+interface NodeDropEvent {
+    nodeId: string;
+    newParentId: string | null;
+    previousParentId: string | null;
+    position: DropPosition;
+    referenceNodeId: string;
+}
+interface NodeTreeRowContext {
+    $implicit: FlatNode;
+    node: FlatNode;
+}
+
+declare class FkNodeTreeRowDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FkNodeTreeRowDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FkNodeTreeRowDirective, "[fkNodeTreeRow]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FkNodeTreeComponent {
+    private readonly elementRef;
+    readonly className: _angular_core.InputSignal<string>;
+    /** Flat array of `TreeNode` objects that define the hierarchy via `parentId`. */
+    readonly nodes: _angular_core.InputSignal<TreeNode<unknown>[]>;
+    /** ID of the currently selected node; drives the selected row highlight. */
+    readonly selectedNodeId: _angular_core.InputSignal<string | undefined>;
+    /** Controlled set of expanded node IDs; when undefined the tree manages expansion internally. */
+    readonly expandedNodeIds: _angular_core.InputSignal<string[] | undefined>;
+    /** When true, rows can be dragged to reorder or reparent nodes. */
+    readonly draggable: _angular_core.InputSignal<boolean>;
+    /** Optional guard called during drag to determine whether a drop at a given position is allowed. */
+    readonly canDrop: _angular_core.InputSignal<CanDropFn | undefined>;
+    /** Fires when the user clicks a node row, emitting the original `TreeNode`. */
+    readonly nodeSelect: _angular_core.OutputEmitterRef<TreeNode<unknown>>;
+    /** Fires when a node's expanded state changes, emitting the node id and new expanded boolean. */
+    readonly nodeExpand: _angular_core.OutputEmitterRef<NodeExpandEvent>;
+    /** Fires when the user drops a dragged node onto a target, emitting the drop event. */
+    readonly nodeDrop: _angular_core.OutputEmitterRef<NodeDropEvent>;
+    readonly rowTemplate: _angular_core.Signal<FkNodeTreeRowDirective | undefined>;
+    private readonly internalExpandedIds;
+    private readonly dragState;
+    private autoExpandTimer;
+    private autoExpandNodeId;
+    readonly childrenMap: _angular_core.Signal<Map<string | null, TreeNode<unknown>[]>>;
+    readonly nodeMap: _angular_core.Signal<Map<string, TreeNode<unknown>>>;
+    readonly effectiveExpandedIds: _angular_core.Signal<Set<string>>;
+    readonly visibleNodes: _angular_core.Signal<FlatNode[]>;
+    readonly draggedNodeId: _angular_core.Signal<string | null>;
+    readonly dropTargetId: _angular_core.Signal<string | null>;
+    readonly dropPosition: _angular_core.Signal<DropPosition | null>;
+    readonly classes: _angular_core.Signal<string>;
+    readonly role = "tree";
+    get hostClass(): string;
+    onNodeSelect(flatNode: FlatNode): void;
+    onNodeToggle(flatNode: FlatNode): void;
+    onDragStarted(event: CdkDragStart, flatNode: FlatNode): void;
+    onDragMoved(event: CdkDragMove): void;
+    onDragEnded(): void;
+    private resolveDropTarget;
+    private startAutoExpand;
+    private clearAutoExpand;
+    private resetDragState;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FkNodeTreeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FkNodeTreeComponent, "fk-node-tree", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "nodes": { "alias": "nodes"; "required": true; "isSignal": true; }; "selectedNodeId": { "alias": "selectedNodeId"; "required": false; "isSignal": true; }; "expandedNodeIds": { "alias": "expandedNodeIds"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "canDrop": { "alias": "canDrop"; "required": false; "isSignal": true; }; }, { "nodeSelect": "nodeSelect"; "nodeExpand": "nodeExpand"; "nodeDrop": "nodeDrop"; }, ["rowTemplate"], never, true, never>;
+}
+
+declare function isDescendantOf(nodeId: string, ancestorId: string, childrenMap: Map<string | null, TreeNode[]>): boolean;
+declare function buildChildrenMap(nodes: TreeNode[]): Map<string | null, TreeNode[]>;
+declare function flattenTree(childrenMap: Map<string | null, TreeNode[]>, expandedIds: Set<string>, parentId?: string | null, level?: number): FlatNode[];
+
+declare class FkNodeTreeRowComponent {
+    readonly className: _angular_core.InputSignal<string>;
+    /** Flattened node data including level, expandable state, and label. */
+    readonly node: _angular_core.InputSignal<FlatNode>;
+    /** Whether this row is the currently selected node. */
+    readonly selected: _angular_core.InputSignal<boolean>;
+    /** Current drop position relative to this row during a drag operation. */
+    readonly dropPosition: _angular_core.InputSignal<DropPosition | null>;
+    /** When true, this row is the one being dragged (applies ghost styling). */
+    readonly isDragSource: _angular_core.InputSignal<boolean>;
+    /** When true, renders the CDK drag handle affordance. */
+    readonly showDragHandle: _angular_core.InputSignal<boolean>;
+    /** Optional custom template used to render the row content. */
+    readonly customTemplate: _angular_core.InputSignal<TemplateRef<NodeTreeRowContext> | undefined>;
+    /** Fires when the user clicks the expand/collapse chevron. */
+    readonly toggleNode: _angular_core.OutputEmitterRef<void>;
+    /** Fires when the user clicks the row body to select the node. */
+    readonly selectNode: _angular_core.OutputEmitterRef<void>;
+    readonly classes: _angular_core.Signal<string>;
+    readonly templateContext: _angular_core.Signal<NodeTreeRowContext>;
+    get hostClass(): string;
+    get dataNodeId(): string;
+    readonly role = "treeitem";
+    get ariaLevel(): number;
+    get ariaExpanded(): boolean | null;
+    get ariaSelected(): boolean;
+    readonly tabindex = 0;
+    get paddingLeft(): string;
+    onClick(): void;
+    onToggleClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FkNodeTreeRowComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FkNodeTreeRowComponent, "fk-node-tree-row", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "node": { "alias": "node"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "dropPosition": { "alias": "dropPosition"; "required": false; "isSignal": true; }; "isDragSource": { "alias": "isDragSource"; "required": false; "isSignal": true; }; "showDragHandle": { "alias": "showDragHandle"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; }, { "toggleNode": "toggleNode"; "selectNode": "selectNode"; }, never, ["*"], true, never>;
+}
+
+export { FkNodeTreeComponent, FkNodeTreeRowComponent, FkNodeTreeRowDirective, buildChildrenMap, flattenTree, isDescendantOf };
+export type { CanDropFn, DropPosition, FlatNode, NodeDropEvent, NodeExpandEvent, NodeTreeRowContext, TreeNode };

package/types/frame-kit-ui-ng-ui-note.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+
+type NoteVariant = 'info' | 'success' | 'warning' | 'danger';
+
+declare class NoteComponent {
+    /** Semantic variant driving the color of the note text. */
+    readonly variant: _angular_core.InputSignal<NoteVariant>;
+    /** When true, renders the note text in italic style. */
+    readonly italic: _angular_core.InputSignal<boolean>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    get hostId(): string | null;
+    get hostAriaLabel(): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NoteComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NoteComponent, "fk-note", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "italic": { "alias": "italic"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { NoteComponent };
+export type { NoteVariant };

package/types/frame-kit-ui-ng-ui-numbered-list.d.ts

@@ -0,0 +1,52 @@
+import * as _angular_core from '@angular/core';
+import { Signal } from '@angular/core';
+
+type NumberedListSize = 'sm' | 'md' | 'lg';
+interface NumberedListItem {
+    /** The label text shown after the number badge. */
+    label: string;
+}
+
+/**
+ * Parent contract exposed by `fk-numbered-list` to `fk-numbered-list-item`
+ * children. Lives in its own file so the two components can reference it
+ * without the circular ES-module import that a direct
+ * `NumberedListComponent` type import would create (item -> list -> item).
+ */
+interface NumberedListParent {
+    readonly size: Signal<NumberedListSize>;
+}
+
+declare class NumberedListComponent implements NumberedListParent {
+    /** Optional array of items to render declaratively; when null, projected `fk-numbered-list-item` elements are used. */
+    readonly items: _angular_core.InputSignal<readonly NumberedListItem[] | null>;
+    /** Size applied to every item in the list. */
+    readonly size: _angular_core.InputSignal<NumberedListSize>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberedListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberedListComponent, "fk-numbered-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class NumberedListItemComponent {
+    private readonly parent;
+    /** Size for this item; falls back to the parent numbered-list's `size` when null. */
+    readonly size: _angular_core.InputSignal<NumberedListSize | null>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedSize: _angular_core.Signal<NumberedListSize>;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    get hostRole(): string | null;
+    get hostId(): string | null;
+    get hostAriaLabel(): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberedListItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberedListItemComponent, "fk-numbered-list-item", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { NumberedListComponent, NumberedListItemComponent };
+export type { NumberedListItem, NumberedListSize };

package/types/frame-kit-ui-ng-ui-pagination.d.ts

@@ -0,0 +1,49 @@
+import * as _angular_core from '@angular/core';
+
+interface PageChangeEvent {
+    page: number;
+    take: number;
+}
+
+declare class PaginationComponent {
+    /** Current 1-based page number. */
+    readonly page: _angular_core.InputSignal<number>;
+    /** Number of items shown per page (the page size). */
+    readonly take: _angular_core.InputSignal<number>;
+    /** Total count of items across all pages used to compute `pageCount`. */
+    readonly itemCount: _angular_core.InputSignal<number>;
+    /** Available page-size values shown in the per-page selector. */
+    readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
+    /** When true, renders first-page and last-page navigation buttons. */
+    readonly showFirstLast: _angular_core.InputSignal<boolean>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    /** Fires when the user navigates to a new page or changes the page size, emitting the new page and take. */
+    readonly pageChange: _angular_core.OutputEmitterRef<PageChangeEvent>;
+    readonly selectId: string;
+    /** Always >= 1. Empty datasets show "1 / 1" rather than "1 / 0". */
+    readonly pageCount: _angular_core.Signal<number>;
+    readonly hasPreviousPage: _angular_core.Signal<boolean>;
+    readonly hasNextPage: _angular_core.Signal<boolean>;
+    readonly rangeStart: _angular_core.Signal<number>;
+    readonly rangeEnd: _angular_core.Signal<number>;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    get hostId(): string | null;
+    get hostAriaLabel(): string | null;
+    /** Navigates to the first page if the current page is not already the first. */
+    goToFirst(): void;
+    /** Navigates to the previous page if one exists. */
+    goToPrevious(): void;
+    /** Navigates to the next page if one exists. */
+    goToNext(): void;
+    /** Navigates to the last page if the current page is not already the last. */
+    goToLast(): void;
+    onPageSizeChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "fk-pagination", never, { "page": { "alias": "page"; "required": true; "isSignal": true; }; "take": { "alias": "take"; "required": true; "isSignal": true; }; "itemCount": { "alias": "itemCount"; "required": true; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showFirstLast": { "alias": "showFirstLast"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
+}
+
+export { PaginationComponent };
+export type { PageChangeEvent };

package/types/frame-kit-ui-ng-ui-progress-bar.d.ts

@@ -0,0 +1,50 @@
+import * as _angular_core from '@angular/core';
+
+type ProgressBarMode = 'determinate' | 'indeterminate';
+type ProgressBarSize = 'sm' | 'md' | 'lg';
+type ProgressBarVariant = 'default' | 'success' | 'warning' | 'danger';
+
+declare class ProgressBarComponent {
+    /** Current progress value; clamped between 0 and `max`. */
+    readonly value: _angular_core.InputSignal<number>;
+    /** Maximum value representing 100% completion. */
+    readonly max: _angular_core.InputSignal<number>;
+    /** Whether the bar shows a determinate fill or an indeterminate animation. */
+    readonly mode: _angular_core.InputSignal<ProgressBarMode>;
+    /** Size preset controlling the bar height. */
+    readonly size: _angular_core.InputSignal<ProgressBarSize>;
+    /** Color variant applied to the progress fill. */
+    readonly variant: _angular_core.InputSignal<ProgressBarVariant>;
+    /** Custom fill color as a CSS value, overriding the variant token. */
+    readonly color: _angular_core.InputSignal<string | null>;
+    /** Custom track (background) color as a CSS value. */
+    readonly trackColor: _angular_core.InputSignal<string | null>;
+    /** Custom height of the bar as a CSS size value, overriding the size preset. */
+    readonly height: _angular_core.InputSignal<string | null>;
+    /** When true, renders a text label showing the current percentage. */
+    readonly showValue: _angular_core.InputSignal<boolean>;
+    /** When true, applies an animated striped pattern to the fill. */
+    readonly striped: _angular_core.InputSignal<boolean>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | null>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly clampedValue: _angular_core.Signal<number>;
+    readonly percentage: _angular_core.Signal<number>;
+    readonly valueText: _angular_core.Signal<string>;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    get hostRole(): string;
+    get hostAriaValueMin(): 0 | null;
+    get hostAriaValueMax(): number | null;
+    get hostAriaValueNow(): number | null;
+    get hostAriaValueText(): string;
+    get hostAriaLabel(): string | null;
+    get hostAriaDescribedBy(): string | null;
+    get hostId(): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBarComponent, "fk-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { ProgressBarComponent };
+export type { ProgressBarMode, ProgressBarSize, ProgressBarVariant };

package/types/frame-kit-ui-ng-ui-sidenav-link.d.ts

@@ -0,0 +1,24 @@
+import * as _angular_core from '@angular/core';
+import { IconSize } from '@frame-kit/ui-ng/core/icon';
+
+declare class SidenavLinkComponent {
+    /** Optional icon name shown to the leading side of the link label. */
+    readonly icon: _angular_core.InputSignal<string | null>;
+    /** Size of the leading icon. */
+    readonly iconSize: _angular_core.InputSignal<IconSize>;
+    /** Link text displayed next to the icon and used as a tooltip when the sidenav is collapsed. */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Router path the link navigates to; when null the element renders as a non-navigable button. */
+    readonly routerLink: _angular_core.InputSignal<string | string[] | null>;
+    /** When true, the active class is applied only on an exact route match. */
+    readonly exact: _angular_core.InputSignal<boolean>;
+    private readonly shell;
+    readonly isCollapsed: _angular_core.Signal<boolean>;
+    readonly hostClass = "fk-sidenav-link";
+    /** Dismisses the parent sidenav on mobile when the link is activated. */
+    dismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidenavLinkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidenavLinkComponent, "fk-sidenav-link", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "exact": { "alias": "exact"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SidenavLinkComponent };