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

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

@@ -0,0 +1,65 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit } from '@angular/core';
+
+declare class FrAvatarBadge {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrAvatarBadge, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrAvatarBadge, "[frAvatarBadge]", never, {}, {}, never, never, true, never>;
+}
+
+interface FrAvatarContext {
+    readonly status: () => 'error' | 'idle' | 'loaded';
+    setStatus(status: 'error' | 'idle' | 'loaded'): void;
+}
+
+declare class FrAvatarFallback {
+    protected readonly root: FrAvatarContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrAvatarFallback, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrAvatarFallback, "[frAvatarFallback]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrAvatarGroup {
+    readonly expandOnHover: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly size: i0.InputSignal<"xs" | "sm" | "md" | "lg">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrAvatarGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrAvatarGroup, "[frAvatarGroup]", never, { "expandOnHover": { "alias": "expandOnHover"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrAvatarGroupCount {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrAvatarGroupCount, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrAvatarGroupCount, "[frAvatarGroupCount]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrAvatarIcon {
+    protected readonly root: FrAvatarContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrAvatarIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrAvatarIcon, "[frAvatarIcon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrAvatarImage implements AfterViewInit {
+    private readonly host;
+    private readonly root;
+    ngAfterViewInit(): void;
+    protected handleLoad(): void;
+    protected handleError(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrAvatarImage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrAvatarImage, "img[frAvatarImage]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrAvatar {
+    readonly size: i0.InputSignal<"xs" | "sm" | "md" | "lg">;
+    readonly status: i0.WritableSignal<"error" | "idle" | "loaded">;
+    setStatus(status: 'error' | 'idle' | 'loaded'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrAvatar, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrAvatar, "FrAvatar, [frAvatar]", ["frAvatar"], { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const FR_AVATAR_SIZES: readonly ["xs", "sm", "md", "lg"];
+type FrAvatarSize = (typeof FR_AVATAR_SIZES)[number];
+
+declare class FrAvatarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrAvatarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrAvatarModule, never, [typeof FrAvatar, typeof FrAvatarBadge, typeof FrAvatarFallback, typeof FrAvatarGroup, typeof FrAvatarGroupCount, typeof FrAvatarIcon, typeof FrAvatarImage], [typeof FrAvatar, typeof FrAvatarBadge, typeof FrAvatarFallback, typeof FrAvatarGroup, typeof FrAvatarGroupCount, typeof FrAvatarIcon, typeof FrAvatarImage]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrAvatarModule>;
+}
+
+export { FR_AVATAR_SIZES, FrAvatar, FrAvatarBadge, FrAvatarFallback, FrAvatarGroup, FrAvatarGroupCount, FrAvatarIcon, FrAvatarImage, FrAvatarModule };
+export type { FrAvatarSize };

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

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@frame-ui-ng/components/spinner';
+
+declare const FR_BADGE_VARIANTS: readonly ["default", "secondary", "destructive", "outline", "ghost", "link"];
+declare const FR_BADGE_ICON_POSITIONS: readonly ["inline-start", "inline-end"];
+type FrBadgeVariant = (typeof FR_BADGE_VARIANTS)[number];
+type FrBadgeIconPosition = (typeof FR_BADGE_ICON_POSITIONS)[number];
+declare class FrBadge {
+    readonly variant: i0.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBadge, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrBadge, "[frBadge], frame-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrBadgeIcon {
+    readonly position: i0.InputSignal<"inline-start" | "inline-end">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBadgeIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrBadgeIcon, "[frBadgeIcon]", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrBadgeLabel {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBadgeLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrBadgeLabel, "[frBadgeLabel]", never, {}, {}, never, never, true, never>;
+}
+declare class FrBadgeSpinner {
+    readonly position: i0.InputSignal<"inline-start" | "inline-end">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBadgeSpinner, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrBadgeSpinner, "[frBadgeSpinner]", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.FrSpinner; inputs: { "sizeValue": "sizeValue"; "decorative": "decorative"; "duration": "duration"; "label": "label"; "size": "size"; "stroke": "stroke"; }; outputs: {}; }]>;
+}
+
+declare class FrBadgeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBadgeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrBadgeModule, never, [typeof FrBadge, typeof FrBadgeIcon, typeof FrBadgeLabel, typeof FrBadgeSpinner, typeof i1.FrSpinner], [typeof FrBadge, typeof FrBadgeIcon, typeof FrBadgeLabel, typeof FrBadgeSpinner]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrBadgeModule>;
+}
+
+export { FR_BADGE_ICON_POSITIONS, FR_BADGE_VARIANTS, FrBadge, FrBadgeIcon, FrBadgeLabel, FrBadgeModule, FrBadgeSpinner };
+export type { FrBadgeIconPosition, FrBadgeVariant };

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

@@ -0,0 +1,40 @@
+import * as i0 from '@angular/core';
+
+declare class FrBreadcrumb {
+    readonly ariaLabel: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBreadcrumb, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrBreadcrumb, "nav[frBreadcrumb], [frBreadcrumb]", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrBreadcrumbList {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBreadcrumbList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrBreadcrumbList, "ol[frBreadcrumbList], ul[frBreadcrumbList], [frBreadcrumbList]", never, {}, {}, never, never, true, never>;
+}
+declare class FrBreadcrumbItem {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBreadcrumbItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrBreadcrumbItem, "li[frBreadcrumbItem], [frBreadcrumbItem]", never, {}, {}, never, never, true, never>;
+}
+declare class FrBreadcrumbLink {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBreadcrumbLink, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrBreadcrumbLink, "a[frBreadcrumbLink], [frBreadcrumbLink]", never, {}, {}, never, never, true, never>;
+}
+declare class FrBreadcrumbPage {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBreadcrumbPage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrBreadcrumbPage, "[frBreadcrumbPage]", never, {}, {}, never, never, true, never>;
+}
+declare class FrBreadcrumbSeparator {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBreadcrumbSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrBreadcrumbSeparator, "[frBreadcrumbSeparator]", never, {}, {}, never, never, true, never>;
+}
+declare class FrBreadcrumbEllipsis {
+    readonly label: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBreadcrumbEllipsis, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FrBreadcrumbEllipsis, "[frBreadcrumbEllipsis], frame-breadcrumb-ellipsis", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FrBreadcrumbModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrBreadcrumbModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrBreadcrumbModule, never, [typeof FrBreadcrumb, typeof FrBreadcrumbEllipsis, typeof FrBreadcrumbItem, typeof FrBreadcrumbLink, typeof FrBreadcrumbList, typeof FrBreadcrumbPage, typeof FrBreadcrumbSeparator], [typeof FrBreadcrumb, typeof FrBreadcrumbEllipsis, typeof FrBreadcrumbItem, typeof FrBreadcrumbLink, typeof FrBreadcrumbList, typeof FrBreadcrumbPage, typeof FrBreadcrumbSeparator]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrBreadcrumbModule>;
+}
+
+export { FrBreadcrumb, FrBreadcrumbEllipsis, FrBreadcrumbItem, FrBreadcrumbLink, FrBreadcrumbList, FrBreadcrumbModule, FrBreadcrumbPage, FrBreadcrumbSeparator };

package/types/frame-ui-ng-components-button-group.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+
+declare const FR_BUTTON_GROUP_ORIENTATIONS: readonly ["horizontal", "vertical"];
+type FrButtonGroupOrientation = (typeof FR_BUTTON_GROUP_ORIENTATIONS)[number];
+declare class FrButtonGroup {
+    readonly orientation: i0.InputSignal<"horizontal" | "vertical">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrButtonGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrButtonGroup, "[frButtonGroup], frame-button-group", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FrButtonGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrButtonGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrButtonGroupModule, never, [typeof FrButtonGroup], [typeof FrButtonGroup]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrButtonGroupModule>;
+}
+
+export { FR_BUTTON_GROUP_ORIENTATIONS, FrButtonGroup, FrButtonGroupModule };
+export type { FrButtonGroupOrientation };

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

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+
+declare const FR_BUTTON_APPEARANCES: readonly ["ghost", "outline", "primary"];
+declare const FR_BUTTON_LOADING_DISPLAYS: readonly ["inline", "replace"];
+declare const FR_BUTTON_RADII: readonly ["full", "lg", "md", "none", "sm"];
+declare const FR_BUTTON_SIZES: readonly ["sm", "md", "lg"];
+type FrButtonAppearance = (typeof FR_BUTTON_APPEARANCES)[number];
+type FrButtonLoadingDisplay = (typeof FR_BUTTON_LOADING_DISPLAYS)[number];
+type FrButtonRadius = (typeof FR_BUTTON_RADII)[number];
+type FrButtonSize = (typeof FR_BUTTON_SIZES)[number];
+declare class FrButton {
+    private readonly loadingIndicator;
+    private readonly spinnerIndicator;
+    readonly appearance: i0.InputSignal<"ghost" | "outline" | "primary">;
+    readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly loading: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly loadingDisplay: i0.InputSignal<"inline" | "replace">;
+    readonly radius: i0.InputSignal<"full" | "lg" | "md" | "none" | "sm">;
+    readonly size: i0.InputSignal<"lg" | "md" | "sm">;
+    protected readonly hasCustomLoadingIndicator: i0.Signal<boolean>;
+    protected readonly isUnavailable: i0.Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrButton, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrButton, "a[frButton], button[frButton]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDisplay": { "alias": "loadingDisplay"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["loadingIndicator", "spinnerIndicator"], never, true, never>;
+}
+declare class FrIconButton {
+    readonly ariaLabel: i0.InputSignal<string | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrIconButton, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrIconButton, "a[frIconButton], button[frIconButton]", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof FrButton; inputs: { "appearance": "appearance"; "disabled": "disabled"; "loading": "loading"; "loadingDisplay": "loadingDisplay"; "radius": "radius"; "size": "size"; }; outputs: {}; }]>;
+}
+declare class FrButtonIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrButtonIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrButtonIcon, "[frButtonIcon]", never, {}, {}, never, never, true, never>;
+}
+declare class FrButtonLabel {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrButtonLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrButtonLabel, "[frButtonLabel]", never, {}, {}, never, never, true, never>;
+}
+declare class FrButtonLoading {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrButtonLoading, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrButtonLoading, "[frButtonLoading]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrButtonModule, never, [typeof FrButton, typeof FrButtonIcon, typeof FrButtonLabel, typeof FrButtonLoading, typeof FrIconButton], [typeof FrButton, typeof FrButtonIcon, typeof FrButtonLabel, typeof FrButtonLoading, typeof FrIconButton]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrButtonModule>;
+}
+
+export { FR_BUTTON_APPEARANCES, FR_BUTTON_LOADING_DISPLAYS, FR_BUTTON_RADII, FR_BUTTON_SIZES, FrButton, FrButtonIcon, FrButtonLabel, FrButtonLoading, FrButtonModule, FrIconButton };
+export type { FrButtonAppearance, FrButtonLoadingDisplay, FrButtonRadius, FrButtonSize };

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

@@ -0,0 +1,101 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type FrCalendarMode = 'single' | 'range';
+type FrCalendarCaptionLayout = 'label' | 'dropdown';
+type FrCalendarDateRange = {
+    from: Date | null;
+    to: Date | null;
+};
+type FrCalendarCellContext = {
+    date: Date;
+    day: number;
+    dateLabel?: string;
+    disabled: boolean;
+    disabledDate: boolean;
+    outside: boolean;
+    selected: boolean;
+    today: boolean;
+};
+type FrCalendarDisabledMatcher = (date: Date) => boolean;
+type CalendarDay = FrCalendarCellContext & {
+    key: string;
+    rangeEnd: boolean;
+    rangeMiddle: boolean;
+    rangeStart: boolean;
+};
+type CalendarMonth = {
+    date: Date;
+    key: string;
+    label: string;
+    weeks: CalendarDay[][];
+};
+declare class FrCalendar implements ControlValueAccessor {
+    readonly mode: _angular_core.InputSignal<FrCalendarMode>;
+    readonly captionLayout: _angular_core.InputSignal<FrCalendarCaptionLayout>;
+    readonly numberOfMonths: _angular_core.InputSignal<number>;
+    readonly firstDayOfWeek: _angular_core.InputSignal<number>;
+    readonly locale: _angular_core.InputSignal<string>;
+    readonly timeZone: _angular_core.InputSignal<string | undefined>;
+    readonly dir: _angular_core.InputSignal<"ltr" | "rtl">;
+    readonly fromYear: _angular_core.InputSignal<number>;
+    readonly toYear: _angular_core.InputSignal<number>;
+    readonly showOutsideDays: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showWeekNumber: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabledDates: _angular_core.InputSignal<Date[]>;
+    readonly dateLabels: _angular_core.InputSignal<Record<string, string>>;
+    readonly disabledMatcher: _angular_core.InputSignal<FrCalendarDisabledMatcher | null>;
+    readonly cellTemplate: _angular_core.InputSignal<TemplateRef<FrCalendarCellContext> | null>;
+    readonly previousMonthTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    readonly nextMonthTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    readonly previousMonthIcon: _angular_core.InputSignal<string>;
+    readonly nextMonthIcon: _angular_core.InputSignal<string>;
+    readonly previousMonthLabel: _angular_core.InputSignal<string>;
+    readonly nextMonthLabel: _angular_core.InputSignal<string>;
+    readonly month: _angular_core.InputSignal<Date | null | undefined>;
+    readonly selected: _angular_core.InputSignal<Date | FrCalendarDateRange | null | undefined>;
+    readonly selectedChange: _angular_core.OutputEmitterRef<Date | FrCalendarDateRange | null>;
+    readonly monthChange: _angular_core.OutputEmitterRef<Date>;
+    private readonly navigatedMonth;
+    private readonly internalValue;
+    private readonly cvaDisabled;
+    readonly currentMonth: _angular_core.Signal<Date>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly value: _angular_core.Signal<Date | FrCalendarDateRange | null>;
+    readonly weekdayLabels: _angular_core.Signal<string[]>;
+    readonly monthOptions: _angular_core.Signal<{
+        value: number;
+        label: string;
+    }[]>;
+    readonly yearOptions: _angular_core.Signal<number[]>;
+    readonly months: _angular_core.Signal<CalendarMonth[]>;
+    private onTouched;
+    private onChange;
+    writeValue(value: Date | FrCalendarDateRange | null): void;
+    registerOnChange(fn: (value: Date | FrCalendarDateRange | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    previousMonth(): void;
+    nextMonth(): void;
+    setMonth(value: string): void;
+    setYear(value: string): void;
+    selectDay(day: CalendarDay): void;
+    monthLabel(date: Date): string;
+    dayLabel(date: Date): string;
+    weekNumber(date: Date): string;
+    private updateMonth;
+    private buildMonth;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCalendar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrCalendar, "frame-calendar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "captionLayout": { "alias": "captionLayout"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "fromYear": { "alias": "fromYear"; "required": false; "isSignal": true; }; "toYear": { "alias": "toYear"; "required": false; "isSignal": true; }; "showOutsideDays": { "alias": "showOutsideDays"; "required": false; "isSignal": true; }; "showWeekNumber": { "alias": "showWeekNumber"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "dateLabels": { "alias": "dateLabels"; "required": false; "isSignal": true; }; "disabledMatcher": { "alias": "disabledMatcher"; "required": false; "isSignal": true; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; "isSignal": true; }; "previousMonthTemplate": { "alias": "previousMonthTemplate"; "required": false; "isSignal": true; }; "nextMonthTemplate": { "alias": "nextMonthTemplate"; "required": false; "isSignal": true; }; "previousMonthIcon": { "alias": "previousMonthIcon"; "required": false; "isSignal": true; }; "nextMonthIcon": { "alias": "nextMonthIcon"; "required": false; "isSignal": true; }; "previousMonthLabel": { "alias": "previousMonthLabel"; "required": false; "isSignal": true; }; "nextMonthLabel": { "alias": "nextMonthLabel"; "required": false; "isSignal": true; }; "month": { "alias": "month"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "monthChange": "monthChange"; }, never, never, true, never>;
+}
+
+declare class FrCalendarModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCalendarModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrCalendarModule, never, [typeof FrCalendar], [typeof FrCalendar]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrCalendarModule>;
+}
+
+export { FrCalendar, FrCalendarModule };
+export type { FrCalendarCaptionLayout, FrCalendarCellContext, FrCalendarDateRange, FrCalendarDisabledMatcher, FrCalendarMode };

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

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+
+declare const FR_CARD_SIZES: readonly ["default", "sm"];
+declare const FR_CARD_SPACINGS: readonly ["sm", "md", "lg", "xl"];
+declare const FR_CARD_FOOTER_ALIGNS: readonly ["start", "end", "between"];
+type FrCardSize = (typeof FR_CARD_SIZES)[number];
+type FrCardSpacing = (typeof FR_CARD_SPACINGS)[number];
+type FrCardFooterAlign = (typeof FR_CARD_FOOTER_ALIGNS)[number];
+declare class FrCard {
+    private readonly elementRef;
+    private readonly renderer;
+    readonly size: i0.InputSignal<"default" | "sm">;
+    readonly spacing: i0.InputSignal<"sm" | "md" | "lg" | "xl" | null>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCard, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCard, "[frCard], frame-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrCardHeader {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCardHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCardHeader, "[frCardHeader]", never, {}, {}, never, never, true, never>;
+}
+declare class FrCardTitle {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCardTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCardTitle, "[frCardTitle]", never, {}, {}, never, never, true, never>;
+}
+declare class FrCardDescription {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCardDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCardDescription, "[frCardDescription]", never, {}, {}, never, never, true, never>;
+}
+declare class FrCardAction {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCardAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCardAction, "[frCardAction]", never, {}, {}, never, never, true, never>;
+}
+declare class FrCardContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCardContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCardContent, "[frCardContent]", never, {}, {}, never, never, true, never>;
+}
+declare class FrCardFooter {
+    readonly align: i0.InputSignal<"start" | "end" | "between">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCardFooter, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCardFooter, "[frCardFooter]", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FrCardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrCardModule, never, [typeof FrCard, typeof FrCardAction, typeof FrCardContent, typeof FrCardDescription, typeof FrCardFooter, typeof FrCardHeader, typeof FrCardTitle], [typeof FrCard, typeof FrCardAction, typeof FrCardContent, typeof FrCardDescription, typeof FrCardFooter, typeof FrCardHeader, typeof FrCardTitle]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrCardModule>;
+}
+
+export { FR_CARD_FOOTER_ALIGNS, FR_CARD_SIZES, FR_CARD_SPACINGS, FrCard, FrCardAction, FrCardContent, FrCardDescription, FrCardFooter, FrCardHeader, FrCardModule, FrCardTitle };
+export type { FrCardFooterAlign, FrCardSize, FrCardSpacing };

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

@@ -0,0 +1,117 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit } from '@angular/core';
+import * as i1 from '@frame-ui-ng/components/button';
+
+declare const FR_CAROUSEL_ORIENTATIONS: readonly ["horizontal", "vertical"];
+declare const FR_CAROUSEL_ALIGNS: readonly ["start", "center", "end"];
+declare const FR_CAROUSEL_DIRECTIONS: readonly ["ltr", "rtl"];
+type FrCarouselOrientation = (typeof FR_CAROUSEL_ORIENTATIONS)[number];
+type FrCarouselAlign = (typeof FR_CAROUSEL_ALIGNS)[number];
+type FrCarouselDirection = (typeof FR_CAROUSEL_DIRECTIONS)[number];
+type FrCarouselEvent = 'init' | 'select' | 'reInit';
+type FrCarouselPlugin = (api: FrCarouselApi) => void | (() => void);
+type FrCarouselOptions = {
+    align?: FrCarouselAlign;
+    direction?: FrCarouselDirection;
+    loop?: boolean;
+};
+type FrCarouselApi = {
+    canScrollNext: () => boolean;
+    canScrollPrev: () => boolean;
+    scrollNext: () => void;
+    scrollPrev: () => void;
+    scrollTo: (index: number) => void;
+    scrollSnapList: () => number[];
+    selectedScrollSnap: () => number;
+    on: (event: FrCarouselEvent, callback: () => void) => () => void;
+};
+declare class FrCarousel implements AfterViewInit {
+    private readonly destroyRef;
+    private readonly listeners;
+    private readonly pluginCleanups;
+    private loopResetTimer;
+    private loopResetScrollEndCleanup;
+    private scrollSyncTimer;
+    private isProgrammaticScroll;
+    private loopBoundaryClone;
+    private contentElement;
+    private itemElements;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
+    readonly loop: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly opts: _angular_core.InputSignal<FrCarouselOptions | null>;
+    readonly plugins: _angular_core.InputSignal<readonly FrCarouselPlugin[]>;
+    readonly apiReady: _angular_core.OutputEmitterRef<FrCarouselApi>;
+    readonly selectedChange: _angular_core.OutputEmitterRef<number>;
+    readonly selectedIndex: _angular_core.WritableSignal<number>;
+    readonly snapCount: _angular_core.WritableSignal<number>;
+    protected readonly effectiveAlign: _angular_core.Signal<"start" | "center" | "end">;
+    protected readonly effectiveDirection: _angular_core.Signal<"ltr" | "rtl">;
+    private readonly effectiveLoop;
+    readonly api: FrCarouselApi;
+    constructor();
+    ngAfterViewInit(): void;
+    registerContent(element: HTMLElement): void;
+    registerItem(element: HTMLElement): void;
+    unregisterItem(element: HTMLElement): void;
+    canScrollPrev(): boolean;
+    canScrollNext(): boolean;
+    scrollPrev(): void;
+    scrollNext(): void;
+    scrollTo(index: number): void;
+    handleKeydown(event: KeyboardEvent): void;
+    private on;
+    private emit;
+    private recalculate;
+    private syncSelectedFromScroll;
+    private scrollItemIntoView;
+    private getItemScrollOffset;
+    private getCurrentScrollOffset;
+    private getMaxScrollOffset;
+    private scrollLoopBoundary;
+    private createLoopClone;
+    private removeLoopClone;
+    private clearLoopResetTimer;
+    private scheduleLoopReset;
+    private pauseScrollSync;
+    private clearScrollSyncTimer;
+    private setSelectedIndex;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCarousel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCarousel, "[frCarousel], frame-carousel", ["frCarousel"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "opts": { "alias": "opts"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, { "apiReady": "apiReady"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+}
+declare class FrCarouselContent implements AfterViewInit {
+    protected readonly carousel: FrCarousel;
+    private readonly elementRef;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCarouselContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCarouselContent, "[frCarouselContent]", never, {}, {}, never, never, true, never>;
+}
+declare class FrCarouselItem implements AfterViewInit {
+    private readonly carousel;
+    private readonly destroyRef;
+    private readonly elementRef;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCarouselItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCarouselItem, "[frCarouselItem]", never, {}, {}, never, never, true, never>;
+}
+declare class FrCarouselPrevious {
+    protected readonly carousel: FrCarousel;
+    readonly label: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCarouselPrevious, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCarouselPrevious, "button[frCarouselPrevious]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.FrButton; inputs: { "appearance": "appearance"; "disabled": "disabled"; "radius": "radius"; "size": "size"; }; outputs: {}; }]>;
+}
+declare class FrCarouselNext {
+    protected readonly carousel: FrCarousel;
+    readonly label: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCarouselNext, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCarouselNext, "button[frCarouselNext]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.FrButton; inputs: { "appearance": "appearance"; "disabled": "disabled"; "radius": "radius"; "size": "size"; }; outputs: {}; }]>;
+}
+
+declare class FrCarouselModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCarouselModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrCarouselModule, never, [typeof FrCarousel, typeof FrCarouselContent, typeof FrCarouselItem, typeof FrCarouselNext, typeof FrCarouselPrevious], [typeof FrCarousel, typeof FrCarouselContent, typeof FrCarouselItem, typeof FrCarouselNext, typeof FrCarouselPrevious]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrCarouselModule>;
+}
+
+export { FR_CAROUSEL_ALIGNS, FR_CAROUSEL_DIRECTIONS, FR_CAROUSEL_ORIENTATIONS, FrCarousel, FrCarouselContent, FrCarouselItem, FrCarouselModule, FrCarouselNext, FrCarouselPrevious };
+export type { FrCarouselAlign, FrCarouselApi, FrCarouselDirection, FrCarouselEvent, FrCarouselOptions, FrCarouselOrientation, FrCarouselPlugin };

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

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+
+declare class FrCheckbox {
+    private readonly elementRef;
+    readonly indeterminate: i0.InputSignalWithTransform<boolean, unknown>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCheckbox, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCheckbox, "input[type=checkbox][frCheckbox]", never, { "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrCheckboxField {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCheckboxField, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCheckboxField, "label[frCheckboxField]", never, {}, {}, never, never, true, never>;
+}
+declare class FrCheckboxLabel {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCheckboxLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCheckboxLabel, "[frCheckboxLabel]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrCheckboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCheckboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrCheckboxModule, never, [typeof FrCheckbox, typeof FrCheckboxField, typeof FrCheckboxLabel], [typeof FrCheckbox, typeof FrCheckboxField, typeof FrCheckboxLabel]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrCheckboxModule>;
+}
+
+export { FrCheckbox, FrCheckboxField, FrCheckboxLabel, FrCheckboxModule };

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

@@ -0,0 +1,55 @@
+import * as i0 from '@angular/core';
+import { Signal } from '@angular/core';
+
+interface FrCollapsibleContext {
+    readonly contentId: Signal<string>;
+    readonly disabled: Signal<boolean>;
+    readonly open: Signal<boolean>;
+    readonly triggerId: Signal<string>;
+    toggle(): void;
+}
+
+declare class FrCollapsibleContent {
+    private readonly host;
+    protected readonly collapsible: FrCollapsibleContext;
+    private initialized;
+    private rafId;
+    constructor();
+    onTransitionEnd(event: TransitionEvent): void;
+    private animate;
+    private applyStaticState;
+    private cancelAnimationFrame;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCollapsibleContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCollapsibleContent, "[frCollapsibleContent]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrCollapsible {
+    private readonly collapsibleId;
+    private readonly internalOpen;
+    readonly defaultOpen: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly openInput: i0.InputSignal<boolean | undefined>;
+    readonly openChange: i0.OutputEmitterRef<boolean>;
+    readonly open: i0.Signal<boolean>;
+    readonly triggerId: i0.Signal<string>;
+    readonly contentId: i0.Signal<string>;
+    constructor();
+    toggle(): void;
+    setOpen(open: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCollapsible, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCollapsible, "[frCollapsible], frame-collapsible", ["frCollapsible"], { "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "openInput": { "alias": "open"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, never, true, never>;
+}
+
+declare class FrCollapsibleTrigger {
+    protected readonly collapsible: FrCollapsibleContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCollapsibleTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrCollapsibleTrigger, "button[frCollapsibleTrigger]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrCollapsibleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCollapsibleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrCollapsibleModule, never, [typeof FrCollapsible, typeof FrCollapsibleContent, typeof FrCollapsibleTrigger], [typeof FrCollapsible, typeof FrCollapsibleContent, typeof FrCollapsibleTrigger]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrCollapsibleModule>;
+}
+
+export { FrCollapsible, FrCollapsibleContent, FrCollapsibleModule, FrCollapsibleTrigger };