@frame-ui-ng/components 0.1.0-beta.0

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

@@ -0,0 +1,56 @@
+import * as _angular_core 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> {
+    private readonly elementRef;
+    private readonly document;
+    private controlledByInput;
+    readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly step: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly minStepsBetweenThumbs: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly orientation: _angular_core.InputSignalWithTransform<"horizontal" | "vertical", unknown>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalidInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly defaultValue: _angular_core.InputSignal<FrSliderValue>;
+    readonly valueInput: _angular_core.InputSignal<FrSliderValue | null>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly formatValue: _angular_core.InputSignal<((value: number) => string) | null>;
+    readonly valueChange: _angular_core.OutputEmitterRef<FrSliderValue>;
+    protected readonly values: _angular_core.WritableSignal<number[]>;
+    protected readonly activeThumb: _angular_core.WritableSignal<number | null>;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly invalid: _angular_core.Signal<boolean | null>;
+    protected readonly rangeStartPercent: _angular_core.Signal<number>;
+    protected readonly rangeEndPercent: _angular_core.Signal<number>;
+    constructor();
+    protected setViewValue(value: FrSliderValue | null): void;
+    protected handleNativeInput(index: number, rawValue: string): void;
+    protected markTouched(): void;
+    protected handlePointerDown(event: PointerEvent): void;
+    protected thumbLabel(index: number): string;
+    protected valueText(value: number): string;
+    protected percentForValue(value: number): number;
+    private commitThumbValue;
+    private normalizeValues;
+    private snap;
+    private toExternalValue;
+    private valueFromPointer;
+    private closestThumbIndex;
+    private isRtl;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSlider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrSlider, "frame-slider", ["frSlider"], { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minStepsBetweenThumbs": { "alias": "minStepsBetweenThumbs"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "formatValue": { "alias": "formatValue"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class FrSliderModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSliderModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrSliderModule, never, [typeof FrSlider], [typeof FrSlider]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrSliderModule>;
+}
+
+export { FR_SLIDER_ORIENTATIONS, FrSlider, FrSliderModule };
+export type { FrSliderOrientation, FrSliderValue };

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

@@ -0,0 +1,23 @@
+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];
+declare class FrSpinner {
+    readonly customSize: _angular_core.InputSignal<string | null>;
+    readonly decorative: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly duration: _angular_core.InputSignal<string | null>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<"xs" | "sm" | "md" | "lg" | "xl">;
+    readonly stroke: _angular_core.InputSignal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSpinner, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrSpinner, "[frSpinner], frame-spinner", ["frSpinner"], { "customSize": { "alias": "sizeValue"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "stroke": { "alias": "stroke"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FrSpinnerModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSpinnerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrSpinnerModule, never, [typeof FrSpinner], [typeof FrSpinner]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrSpinnerModule>;
+}
+
+export { FR_SPINNER_SIZES, FrSpinner, FrSpinnerModule };
+export type { FrSpinnerSize };

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

@@ -0,0 +1,38 @@
+import * as i0 from '@angular/core';
+
+declare const FR_SWITCH_SIZES: readonly ["sm", "default"];
+type FrSwitchSize = (typeof FR_SWITCH_SIZES)[number];
+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>;
+}
+declare class FrSwitchField {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitchField, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSwitchField, "[frSwitchField], frame-switch-field", never, {}, {}, never, never, true, never>;
+}
+declare class FrSwitchContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitchContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSwitchContent, "[frSwitchContent], frame-switch-content", never, {}, {}, never, never, true, never>;
+}
+declare class FrSwitchLabel {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitchLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSwitchLabel, "[frSwitchLabel], frame-switch-label", never, {}, {}, never, never, true, never>;
+}
+declare class FrSwitchDescription {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitchDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSwitchDescription, "[frSwitchDescription], frame-switch-description", never, {}, {}, never, never, true, never>;
+}
+declare class FrSwitchError {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitchError, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSwitchError, "[frSwitchError], frame-switch-error", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrSwitchModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrSwitchModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrSwitchModule, never, [typeof FrSwitch, typeof FrSwitchContent, typeof FrSwitchDescription, typeof FrSwitchError, typeof FrSwitchField, typeof FrSwitchLabel], [typeof FrSwitch, typeof FrSwitchContent, typeof FrSwitchDescription, typeof FrSwitchError, typeof FrSwitchField, typeof FrSwitchLabel]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrSwitchModule>;
+}
+
+export { FR_SWITCH_SIZES, FrSwitch, FrSwitchContent, FrSwitchDescription, FrSwitchError, FrSwitchField, FrSwitchLabel, FrSwitchModule };
+export type { FrSwitchSize };

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

@@ -0,0 +1,125 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/cdk/table';
+import { CdkFooterRow, CdkHeaderRow, CdkRow, CdkTable } from '@angular/cdk/table';
+
+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];
+declare class FrTable<T> extends CdkTable<T> {
+    readonly density: i0.InputSignal<"sm" | "md" | "lg">;
+    readonly hover: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly striped: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly variant: i0.InputSignal<"default" | "outline" | "card">;
+    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>;
+}
+declare class FrTableContainer {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrTableContainer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableContainer, "[frTableContainer], frame-table-container", never, {}, {}, never, never, true, never>;
+}
+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>;
+}
+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>;
+}
+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>;
+}
+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>;
+}
+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: {}; }]>;
+}
+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: {}; }]>;
+}
+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: {}; }]>;
+}
+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: {}; }]>;
+}
+declare class FrHeaderCell {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrHeaderCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrHeaderCell, "th[frHeaderCell], frame-header-cell", never, {}, {}, never, never, true, never>;
+}
+declare class FrCell {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCell, "td[frCell], frame-cell", never, {}, {}, never, never, true, never>;
+}
+declare class FrFooterCell {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrFooterCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrFooterCell, "td[frFooterCell], frame-footer-cell", never, {}, {}, never, never, true, never>;
+}
+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>;
+}
+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>;
+}
+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>;
+}
+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: {}; }]>;
+}
+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: {}; }]>;
+}
+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: {}; }]>;
+}
+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: {}; }]>;
+}
+declare class FrTableNumeric {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrTableNumeric, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableNumeric, "[frTableNumeric]", never, {}, {}, never, never, true, never>;
+}
+declare class FrTableMuted {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrTableMuted, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableMuted, "[frTableMuted]", never, {}, {}, never, never, true, never>;
+}
+declare class FrTableVirtual {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrTableVirtual, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableVirtual, "[frTableVirtual], frame-table-virtual", never, {}, {}, never, never, true, never>;
+}
+declare class FrTableVirtualHeader {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrTableVirtualHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableVirtualHeader, "[frTableVirtualHeader], frame-table-virtual-header", never, {}, {}, never, never, true, never>;
+}
+declare class FrTableVirtualRow {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrTableVirtualRow, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableVirtualRow, "[frTableVirtualRow], frame-table-virtual-row", never, {}, {}, never, never, true, never>;
+}
+declare class FrTableVirtualCell {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrTableVirtualCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrTableVirtualCell, "[frTableVirtualCell], frame-table-virtual-cell", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrTableModule, never, [typeof i1.CdkTableModule, typeof FrCell, typeof FrCellDef, typeof FrColumnDef, typeof FrFooterCell, typeof FrFooterCellDef, typeof FrFooterRow, typeof FrFooterRowDef, typeof FrHeaderCell, typeof FrHeaderCellDef, typeof FrHeaderRow, typeof FrHeaderRowDef, typeof FrNoDataRow, typeof FrRow, typeof FrRowDef, typeof FrTable, typeof FrTableBody, typeof FrTableCaption, typeof FrTableContainer, typeof FrTableFooter, typeof FrTableHeader, typeof FrTableMuted, typeof FrTableNumeric, typeof FrTableVirtual, typeof FrTableVirtualCell, typeof FrTableVirtualHeader, typeof FrTableVirtualRow], [typeof i1.CdkTableModule, typeof FrCell, typeof FrCellDef, typeof FrColumnDef, typeof FrFooterCell, typeof FrFooterCellDef, typeof FrFooterRow, typeof FrFooterRowDef, typeof FrHeaderCell, typeof FrHeaderCellDef, typeof FrHeaderRow, typeof FrHeaderRowDef, typeof FrNoDataRow, typeof FrRow, typeof FrRowDef, typeof FrTable, typeof FrTableBody, typeof FrTableCaption, typeof FrTableContainer, typeof FrTableFooter, typeof FrTableHeader, typeof FrTableMuted, typeof FrTableNumeric, typeof FrTableVirtual, typeof FrTableVirtualCell, typeof FrTableVirtualHeader, typeof FrTableVirtualRow]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrTableModule>;
+}
+
+export { FR_TABLE_DENSITIES, FR_TABLE_VARIANTS, FrCell, FrCellDef, FrColumnDef, FrFooterCell, FrFooterCellDef, FrFooterRow, FrFooterRowDef, FrHeaderCell, FrHeaderCellDef, FrHeaderRow, FrHeaderRowDef, FrNoDataRow, FrRow, FrRowDef, FrTable, FrTableBody, FrTableCaption, FrTableContainer, FrTableFooter, FrTableHeader, FrTableModule, FrTableMuted, FrTableNumeric, FrTableVirtual, FrTableVirtualCell, FrTableVirtualHeader, FrTableVirtualRow };
+export type { FrTableDensity, FrTableVariant };

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

@@ -0,0 +1,62 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+
+declare const FR_TABS_ORIENTATIONS: readonly ["horizontal", "vertical"];
+declare const FR_TABS_ACTIVATIONS: readonly ["automatic", "manual"];
+declare const FR_TABS_LIST_VARIANTS: readonly ["default", "line"];
+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>;
+declare class FrTabs {
+    readonly defaultValue: _angular_core.InputSignal<string | null>;
+    readonly orientation: _angular_core.InputSignalWithTransform<"horizontal" | "vertical", unknown>;
+    readonly activationMode: _angular_core.InputSignalWithTransform<"automatic" | "manual", unknown>;
+    readonly value: _angular_core.ModelSignal<string | null>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    select(value: string): void;
+    isSelected(value: string | null): boolean;
+    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>;
+}
+declare class FrTabsList {
+    private readonly elementRef;
+    protected readonly root: FrTabs | null;
+    readonly variant: _angular_core.InputSignalWithTransform<"default" | "line", unknown>;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private focusTrigger;
+    private triggers;
+    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>;
+}
+declare class FrTabsTrigger {
+    private readonly elementRef;
+    private readonly root;
+    readonly value: _angular_core.InputSignal<string | null>;
+    readonly active: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly isActive: _angular_core.Signal<boolean>;
+    protected readonly contentId: _angular_core.Signal<string | null>;
+    protected handleClick(event: Event): void;
+    protected isButton(): boolean;
+    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>;
+}
+declare class FrTabsContent {
+    private readonly root;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly active: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly isActive: _angular_core.Signal<boolean>;
+    protected readonly contentId: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTabsContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTabsContent, "[frTabsContent], frame-tabs-content", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FrTabsModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTabsModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrTabsModule, never, [typeof FrTabs, typeof FrTabsContent, typeof FrTabsList, typeof FrTabsTrigger], [typeof FrTabs, typeof FrTabsContent, typeof FrTabsList, typeof FrTabsTrigger]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrTabsModule>;
+}
+
+export { FR_TABS_ACTIVATIONS, FR_TABS_LIST_VARIANTS, FR_TABS_ORIENTATIONS, FR_TABS_ROOT, FrTabs, FrTabsContent, FrTabsList, FrTabsModule, FrTabsTrigger };
+export type { FrTabsActivation, FrTabsListVariant, FrTabsOrientation };

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

@@ -0,0 +1,14 @@
+import * as i0 from '@angular/core';
+
+declare class FrTextarea {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrTextarea, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrTextarea, "textarea[frTextarea]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrTextareaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrTextareaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrTextareaModule, never, [typeof FrTextarea], [typeof FrTextarea]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrTextareaModule>;
+}
+
+export { FrTextarea, FrTextareaModule };

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

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as i2 from '@frame-ui-ng/components/spinner';
+
+type FrToastVariant = 'default' | 'success' | 'info' | 'warning' | 'error' | 'loading';
+type FrToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+type FrToastAction = {
+    label: string;
+    altText?: string;
+    handler?: () => void;
+};
+type FrToastState = 'visible' | 'dismissing';
+type FrToastOptions = {
+    id?: string;
+    title: string;
+    description?: string;
+    variant?: FrToastVariant;
+    position?: FrToastPosition;
+    duration?: number;
+    dismissible?: boolean;
+    action?: FrToastAction;
+    loading?: boolean;
+};
+type FrToastRecord = Required<Pick<FrToastOptions, 'id' | 'title' | 'variant' | 'position' | 'dismissible' | 'loading'>> & Pick<FrToastOptions, 'description' | 'duration' | 'action'> & {
+    createdAt: number;
+    state: FrToastState;
+};
+declare const FR_TOAST_POSITIONS: FrToastPosition[];
+
+declare class FrToastService {
+    private readonly timers;
+    private readonly removalTimers;
+    private readonly toastRecords;
+    readonly toasts: i0.Signal<FrToastRecord[]>;
+    show(title: string, options?: Omit<FrToastOptions, 'title'>): string;
+    show(options: FrToastOptions): string;
+    success(title: string, options?: Omit<FrToastOptions, 'title' | 'variant'>): string;
+    info(title: string, options?: Omit<FrToastOptions, 'title' | 'variant'>): string;
+    warning(title: string, options?: Omit<FrToastOptions, 'title' | 'variant'>): string;
+    error(title: string, options?: Omit<FrToastOptions, 'title' | 'variant'>): string;
+    loading(title: string, options?: Omit<FrToastOptions, 'title' | 'variant' | 'loading'>): string;
+    update(id: string, options: Partial<Omit<FrToastOptions, 'id'>>): void;
+    dismiss(id: string): void;
+    dismissAll(): void;
+    private createToast;
+    private scheduleDismiss;
+    private clearTimer;
+    private clearRemovalTimer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrToastService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FrToastService>;
+}
+
+declare class FrToastViewport {
+    private readonly toast;
+    readonly strategy: i0.InputSignal<"fixed" | "inline">;
+    readonly label: i0.InputSignal<string>;
+    readonly politeness: i0.InputSignal<"polite" | "assertive" | "off">;
+    readonly closeIcon: i0.InputSignal<TemplateRef<unknown> | null>;
+    protected readonly positions: FrToastPosition[];
+    protected readonly groupedToasts: i0.Signal<Map<FrToastPosition, FrToastRecord[]>>;
+    protected dismiss(id: string): void;
+    protected runAction(toast: FrToastRecord): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrToastViewport, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FrToastViewport, "frame-toast-viewport", ["frToastViewport"], { "strategy": { "alias": "strategy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "politeness": { "alias": "politeness"; "required": false; "isSignal": true; }; "closeIcon": { "alias": "closeIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FrToastModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrToastModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrToastModule, never, [typeof FrToastViewport, typeof i2.FrSpinner], [typeof FrToastViewport]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrToastModule>;
+}
+
+export { FR_TOAST_POSITIONS, FrToastModule, FrToastService, FrToastViewport };
+export type { FrToastAction, FrToastOptions, FrToastPosition, FrToastRecord, FrToastVariant };

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

@@ -0,0 +1,45 @@
+import * as _angular_core from '@angular/core';
+import { FrControlValueAccessor } from '@frame-ui-ng/components/forms';
+
+declare const FR_TOGGLE_VARIANTS: readonly ["default", "outline"];
+declare const FR_TOGGLE_SIZES: readonly ["sm", "default", "lg"];
+declare const FR_TOGGLE_TYPES: readonly ["button", "submit", "reset"];
+type FrToggleVariant = (typeof FR_TOGGLE_VARIANTS)[number];
+type FrToggleSize = (typeof FR_TOGGLE_SIZES)[number];
+type FrToggleType = (typeof FR_TOGGLE_TYPES)[number];
+declare class FrToggle extends FrControlValueAccessor<boolean> {
+    private readonly internalPressed;
+    private controlledByInput;
+    readonly defaultPressed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly pressedInput: _angular_core.InputSignalWithTransform<boolean | null, unknown>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly variant: _angular_core.InputSignal<"default" | "outline">;
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
+    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly pressedChange: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly pressed: _angular_core.Signal<boolean>;
+    constructor();
+    protected setViewValue(value: boolean | null): void;
+    protected togglePressed(event: MouseEvent): void;
+    protected markTouched(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrToggle, "button[frToggle]", ["frToggle"], { "defaultPressed": { "alias": "defaultPressed"; "required": false; "isSignal": true; }; "pressedInput": { "alias": "pressed"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "pressedChange": "pressedChange"; }, never, ["*"], true, never>;
+}
+declare class FrToggleIcon {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrToggleIcon, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrToggleIcon, "[frToggleIcon]", never, {}, {}, never, never, true, never>;
+}
+declare class FrToggleLabel {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrToggleLabel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrToggleLabel, "[frToggleLabel]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrToggleModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrToggleModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrToggleModule, never, [typeof FrToggle, typeof FrToggleIcon, typeof FrToggleLabel], [typeof FrToggle, typeof FrToggleIcon, typeof FrToggleLabel]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrToggleModule>;
+}
+
+export { FR_TOGGLE_SIZES, FR_TOGGLE_TYPES, FR_TOGGLE_VARIANTS, FrToggle, FrToggleIcon, FrToggleLabel, FrToggleModule };
+export type { FrToggleSize, FrToggleType, FrToggleVariant };

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

@@ -0,0 +1,99 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ConnectedPosition, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
+
+type FrTooltipController = {
+    isOpen(): boolean;
+    overlaySide(): string;
+    registerTrigger(trigger: HTMLElement): void;
+    setContent(content: unknown | null): void;
+    openWithDelay(): void;
+    closeWithDelay(): void;
+    open(): void;
+    close(): void;
+};
+
+declare class FrTooltipContent {
+    readonly templateRef: TemplateRef<any>;
+    readonly id: string;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
+    readonly alignOffset: _angular_core.InputSignal<number>;
+    readonly arrow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly debugVisible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly side: _angular_core.InputSignal<"top" | "right" | "bottom" | "left">;
+    readonly sideOffset: _angular_core.InputSignal<number>;
+    getPositions(): ConnectedPosition[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipContent, "ng-template[frTooltipContent]", ["frTooltipContent"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; "debugVisible": { "alias": "debugVisible"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrTooltipPanel {
+    protected readonly content: FrTooltipContent;
+    protected readonly root: FrTooltipController;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipPanel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipPanel, "[frTooltipPanel]", never, {}, {}, never, never, true, never>;
+}
+declare class FrTooltipShortcut {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipShortcut, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipShortcut, "[frTooltipShortcut]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrTooltipRoot {
+    private readonly elementRef;
+    readonly openDelay: _angular_core.InputSignal<number>;
+    readonly closeDelay: _angular_core.InputSignal<number>;
+    readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly debugVisible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly content: _angular_core.WritableSignal<FrTooltipContent | null>;
+    readonly overlaySide: _angular_core.WritableSignal<string>;
+    private openTimer;
+    private closeTimer;
+    private triggerElement;
+    readonly positions: _angular_core.Signal<ConnectedPosition[]>;
+    constructor();
+    registerTrigger(trigger: HTMLElement): void;
+    setContent(content: unknown | null): void;
+    openWithDelay(): void;
+    closeWithDelay(): void;
+    open(): void;
+    close(): void;
+    handleOverlayKeydown(event: KeyboardEvent): void;
+    handlePositionChange(event: ConnectedOverlayPositionChange): void;
+    overlayPanelClasses(): string[];
+    private cancelOpen;
+    private cancelClose;
+    private syncCustomPropertiesToOverlay;
+    private scheduleCustomPropertySync;
+    private copyCustomProperties;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipRoot, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrTooltipRoot, "frame-tooltip", ["frTooltip"], { "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "debugVisible": { "alias": "debugVisible"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
+}
+
+declare class FrTooltipTrigger {
+    readonly content: _angular_core.InputSignal<FrTooltipContent | null>;
+    protected readonly root: FrTooltipController;
+    private readonly elementRef;
+    constructor();
+    protected handleMouseEnter(): void;
+    protected handleMouseLeave(): void;
+    protected handleFocusIn(): void;
+    protected handleFocusOut(): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipTrigger, "[frTooltipTrigger]", never, { "content": { "alias": "frTooltipTrigger"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const FR_TOOLTIP_SIDES: readonly ["top", "right", "bottom", "left"];
+declare const FR_TOOLTIP_ALIGNMENTS: readonly ["start", "center", "end"];
+type FrTooltipSide = (typeof FR_TOOLTIP_SIDES)[number];
+type FrTooltipAlignment = (typeof FR_TOOLTIP_ALIGNMENTS)[number];
+
+declare class FrTooltipModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrTooltipModule, never, [typeof FrTooltipRoot, typeof FrTooltipTrigger, typeof FrTooltipContent, typeof FrTooltipPanel, typeof FrTooltipShortcut], [typeof FrTooltipRoot, typeof FrTooltipTrigger, typeof FrTooltipContent, typeof FrTooltipPanel, typeof FrTooltipShortcut]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrTooltipModule>;
+}
+
+export { FR_TOOLTIP_ALIGNMENTS, FR_TOOLTIP_SIDES, FrTooltipRoot as FrTooltip, FrTooltipContent, FrTooltipModule, FrTooltipPanel, FrTooltipShortcut, FrTooltipTrigger };
+export type { FrTooltipAlignment, FrTooltipSide };