@frame-ui-ng/components 0.2.0-beta.0 → 0.4.0-beta.0

package/src/styles/blueprint.css

@@ -108,7 +108,6 @@
   .frame-modal__panel,
   .frame-navigation-menu__viewport,
   .frame-popover__content,
-  .frame-select__content,
   .frame-sheet__panel,
   .frame-toast,
   .frame-tooltip__content,
@@ -348,14 +347,9 @@
   .frame-modal__panel,
   .frame-navigation-menu__viewport,
   .frame-popover__content,
-  .frame-select__content,
   .frame-sheet__panel,
   .frame-toast,
-  .frame-tooltip__content,
-  [frSidebar],
-  frame-sidebar,
-  [frSidebarInset],
-  frame-sidebar-inset
+  .frame-tooltip__content
 )::before {
   --frame-blueprint-corner-offset: var(--frame-blueprint-corner-inset, 0px);
   --frame-blueprint-corner-size: clamp(
@@ -390,6 +384,7 @@
   [frVirtualList],
   frame-virtual-list,
   .frame-combobox__panel,
+  .frame-dropdown-menu__content,
   .frame-navigation-menu__viewport,
   .frame-select__content
 )::before {
@@ -410,8 +405,7 @@
   [frVirtualList],
   frame-virtual-list,
   .frame-combobox__panel,
-  .frame-navigation-menu__viewport,
-  .frame-select__content
+  .frame-navigation-menu__viewport
 ) {
   background-image:
     linear-gradient(var(--frame-blueprint-corner-color, var(--frame-frame-accent)), var(--frame-blueprint-corner-color, var(--frame-frame-accent))),
@@ -446,7 +440,6 @@
   .frame-modal__panel,
   .frame-navigation-menu__viewport,
   .frame-popover__content,
-  .frame-select__content,
   .frame-sheet__panel,
   .frame-toast,
   .frame-tooltip__content
@@ -652,7 +645,7 @@
   .frame-menubar__trigger,
   [frPopoverClose],
   .frame-select__trigger,
-  [frTooltipTrigger],
+  [frTooltip],
   [frToggle]
 ):where([data-state='open'], [aria-expanded='true']) {
   border-color: var(--frame-frame-accent, var(--frame-primary));
@@ -664,3 +657,101 @@
 .frame-tooltip__content {
   --frame-blueprint-corner-inset: 0.125rem;
 }
+
+:root[data-frame-corner-handles='false']
+  :where(
+    [frAccordion],
+    [frAlert],
+    frame-alert,
+    [frAvatar],
+    frame-avatar,
+    [frBadge],
+    frame-badge,
+    [frBreadcrumb],
+    frame-breadcrumb,
+    [frCalendar],
+    frame-calendar,
+    [frCard],
+    frame-card,
+    [frCheckbox],
+    frame-checkbox,
+    [frCombobox],
+    [frCommand],
+    [frCommandInput],
+    [frCommandItem],
+    [frCommandList],
+    [frCommandGroup],
+    [frCommandFooter],
+    frame-command,
+    frame-command-input,
+    frame-command-item,
+    frame-command-list,
+    frame-command-group,
+    frame-command-footer,
+    [frInput],
+    frame-input,
+    [frInputGroup],
+    frame-input-group,
+    [frItem],
+    frame-item,
+    [frProgress],
+    frame-progress,
+    [frRadioGroup],
+    frame-radio-group,
+    [frSelect],
+    [frSeparator],
+    frame-separator,
+    [frSkeleton],
+    frame-skeleton,
+    [frSlider],
+    frame-slider,
+    [frSwitch],
+    frame-switch,
+    [frTable],
+    [frTableContainer],
+    [frTableVirtual],
+    frame-table,
+    frame-table-container,
+    frame-table-virtual,
+    [frTabsList],
+    frame-tabs-list,
+    [frToggle],
+    frame-toggle,
+    [frVirtualViewport],
+    frame-virtual-viewport,
+    [frVirtualList],
+    frame-virtual-list,
+    frame-input-otp,
+    .frame-button,
+    .frame-button-group,
+    [frButtonGroup],
+    frame-button-group,
+    .frame-combobox__panel,
+    .frame-date-picker__content,
+    .frame-dropdown-menu__content,
+    .frame-hover-card__content,
+    .frame-modal__panel,
+    .frame-navigation-menu__viewport,
+    .frame-popover__content,
+    .frame-sheet__panel,
+    .frame-toast,
+    .frame-tooltip__content
+  )::before {
+  content: none;
+}
+
+:root[data-frame-corner-handles='false']
+  :where(
+    [frTableContainer],
+    frame-table-container,
+    [frTableVirtual],
+    frame-table-virtual,
+    [frVirtualViewport],
+    frame-virtual-viewport,
+    [frVirtualList],
+    frame-virtual-list,
+    .frame-combobox__panel,
+    .frame-navigation-menu__viewport
+  ) {
+  background-image: none;
+}

package/src/styles/components.css

@@ -4,10 +4,10 @@
 @import '../../button/src/styles/button.css';
 @import '../../button-group/src/styles/button-group.css';
 @import '../../breadcrumb/src/styles/breadcrumb.css';
-@import '../../calendar/src/styles/calendar.css';
-@import '../../card/src/styles/card.css';
-@import '../../carousel/src/styles/carousel.css';
-@import '../../checkbox/src/styles/checkbox.css';
+@import '../../calendar/src/styles/calendar.css';
+@import '../../card/src/styles/card.css';
+@import '../../carousel/src/styles/carousel.css';
+@import '../../checkbox/src/styles/checkbox.css';
 @import '../../collapsible/src/styles/collapsible.css';
 @import '../../command/src/styles/command.css';
 @import '../../combobox/src/styles/combobox.css';

package/styles/blueprint.css

@@ -108,7 +108,6 @@
   .frame-modal__panel,
   .frame-navigation-menu__viewport,
   .frame-popover__content,
-  .frame-select__content,
   .frame-sheet__panel,
   .frame-toast,
   .frame-tooltip__content,
@@ -348,14 +347,9 @@
   .frame-modal__panel,
   .frame-navigation-menu__viewport,
   .frame-popover__content,
-  .frame-select__content,
   .frame-sheet__panel,
   .frame-toast,
-  .frame-tooltip__content,
-  [frSidebar],
-  frame-sidebar,
-  [frSidebarInset],
-  frame-sidebar-inset
+  .frame-tooltip__content
 )::before {
   --frame-blueprint-corner-offset: var(--frame-blueprint-corner-inset, 0px);
   --frame-blueprint-corner-size: clamp(
@@ -390,6 +384,7 @@
   [frVirtualList],
   frame-virtual-list,
   .frame-combobox__panel,
+  .frame-dropdown-menu__content,
   .frame-navigation-menu__viewport,
   .frame-select__content
 )::before {
@@ -410,8 +405,7 @@
   [frVirtualList],
   frame-virtual-list,
   .frame-combobox__panel,
-  .frame-navigation-menu__viewport,
-  .frame-select__content
+  .frame-navigation-menu__viewport
 ) {
   background-image:
     linear-gradient(var(--frame-blueprint-corner-color, var(--frame-frame-accent)), var(--frame-blueprint-corner-color, var(--frame-frame-accent))),
@@ -446,7 +440,6 @@
   .frame-modal__panel,
   .frame-navigation-menu__viewport,
   .frame-popover__content,
-  .frame-select__content,
   .frame-sheet__panel,
   .frame-toast,
   .frame-tooltip__content
@@ -652,7 +645,7 @@
   .frame-menubar__trigger,
   [frPopoverClose],
   .frame-select__trigger,
-  [frTooltipTrigger],
+  [frTooltip],
   [frToggle]
 ):where([data-state='open'], [aria-expanded='true']) {
   border-color: var(--frame-frame-accent, var(--frame-primary));
@@ -664,3 +657,101 @@
 .frame-tooltip__content {
   --frame-blueprint-corner-inset: 0.125rem;
 }
+
+:root[data-frame-corner-handles='false']
+  :where(
+    [frAccordion],
+    [frAlert],
+    frame-alert,
+    [frAvatar],
+    frame-avatar,
+    [frBadge],
+    frame-badge,
+    [frBreadcrumb],
+    frame-breadcrumb,
+    [frCalendar],
+    frame-calendar,
+    [frCard],
+    frame-card,
+    [frCheckbox],
+    frame-checkbox,
+    [frCombobox],
+    [frCommand],
+    [frCommandInput],
+    [frCommandItem],
+    [frCommandList],
+    [frCommandGroup],
+    [frCommandFooter],
+    frame-command,
+    frame-command-input,
+    frame-command-item,
+    frame-command-list,
+    frame-command-group,
+    frame-command-footer,
+    [frInput],
+    frame-input,
+    [frInputGroup],
+    frame-input-group,
+    [frItem],
+    frame-item,
+    [frProgress],
+    frame-progress,
+    [frRadioGroup],
+    frame-radio-group,
+    [frSelect],
+    [frSeparator],
+    frame-separator,
+    [frSkeleton],
+    frame-skeleton,
+    [frSlider],
+    frame-slider,
+    [frSwitch],
+    frame-switch,
+    [frTable],
+    [frTableContainer],
+    [frTableVirtual],
+    frame-table,
+    frame-table-container,
+    frame-table-virtual,
+    [frTabsList],
+    frame-tabs-list,
+    [frToggle],
+    frame-toggle,
+    [frVirtualViewport],
+    frame-virtual-viewport,
+    [frVirtualList],
+    frame-virtual-list,
+    frame-input-otp,
+    .frame-button,
+    .frame-button-group,
+    [frButtonGroup],
+    frame-button-group,
+    .frame-combobox__panel,
+    .frame-date-picker__content,
+    .frame-dropdown-menu__content,
+    .frame-hover-card__content,
+    .frame-modal__panel,
+    .frame-navigation-menu__viewport,
+    .frame-popover__content,
+    .frame-sheet__panel,
+    .frame-toast,
+    .frame-tooltip__content
+  )::before {
+  content: none;
+}
+
+:root[data-frame-corner-handles='false']
+  :where(
+    [frTableContainer],
+    frame-table-container,
+    [frTableVirtual],
+    frame-table-virtual,
+    [frVirtualViewport],
+    frame-virtual-viewport,
+    [frVirtualList],
+    frame-virtual-list,
+    .frame-combobox__panel,
+    .frame-navigation-menu__viewport
+  ) {
+  background-image: none;
+}

package/styles/components.css

@@ -4,10 +4,10 @@
 @import '../../button/src/styles/button.css';
 @import '../../button-group/src/styles/button-group.css';
 @import '../../breadcrumb/src/styles/breadcrumb.css';
-@import '../../calendar/src/styles/calendar.css';
-@import '../../card/src/styles/card.css';
-@import '../../carousel/src/styles/carousel.css';
-@import '../../checkbox/src/styles/checkbox.css';
+@import '../../calendar/src/styles/calendar.css';
+@import '../../card/src/styles/card.css';
+@import '../../carousel/src/styles/carousel.css';
+@import '../../checkbox/src/styles/checkbox.css';
 @import '../../collapsible/src/styles/collapsible.css';
 @import '../../command/src/styles/command.css';
 @import '../../combobox/src/styles/combobox.css';

package/styles.css

@@ -6,10 +6,10 @@
 @import './button/src/styles/button.css';
 @import './button-group/src/styles/button-group.css';
 @import './breadcrumb/src/styles/breadcrumb.css';
-@import './calendar/src/styles/calendar.css';
-@import './card/src/styles/card.css';
-@import './carousel/src/styles/carousel.css';
-@import './checkbox/src/styles/checkbox.css';
+@import './calendar/src/styles/calendar.css';
+@import './card/src/styles/card.css';
+@import './carousel/src/styles/carousel.css';
+@import './checkbox/src/styles/checkbox.css';
 @import './collapsible/src/styles/collapsible.css';
 @import './command/src/styles/command.css';
 @import './combobox/src/styles/combobox.css';

package/tooltip/src/styles/tooltip.css

@@ -1,15 +1,9 @@
 @import './_vars.css';
 
-frame-tooltip {
-  display: inline-block;
-}
-
-.frame-tooltip__anchor {
+.frame-tooltip__disabled-trigger {
   display: inline-flex;
-}
-
-[frTooltipTrigger] {
-  cursor: default;
+  max-width: 100%;
+  vertical-align: middle;
 }
 
 .frame-tooltip__content {
@@ -56,21 +50,21 @@ frame-tooltip {
 
 .frame-tooltip__content[data-arrow][data-side='top']::after {
   inset-block-end: calc(var(--frame-tooltip-arrow-size) / -2);
-  inset-inline-start: calc(50% - var(--frame-tooltip-arrow-size) / 2);
+  inset-inline-start: var(--frame-tooltip-arrow-x, calc(50% - var(--frame-tooltip-arrow-size) / 2));
 }
 
 .frame-tooltip__content[data-arrow][data-side='bottom']::after {
   inset-block-start: calc(var(--frame-tooltip-arrow-size) / -2);
-  inset-inline-start: calc(50% - var(--frame-tooltip-arrow-size) / 2);
+  inset-inline-start: var(--frame-tooltip-arrow-x, calc(50% - var(--frame-tooltip-arrow-size) / 2));
 }
 
 .frame-tooltip__content[data-arrow][data-side='left']::after {
-  inset-block-start: calc(50% - var(--frame-tooltip-arrow-size) / 2);
+  inset-block-start: var(--frame-tooltip-arrow-y, calc(50% - var(--frame-tooltip-arrow-size) / 2));
   inset-inline-end: calc(var(--frame-tooltip-arrow-size) / -2);
 }
 
 .frame-tooltip__content[data-arrow][data-side='right']::after {
-  inset-block-start: calc(50% - var(--frame-tooltip-arrow-size) / 2);
+  inset-block-start: var(--frame-tooltip-arrow-y, calc(50% - var(--frame-tooltip-arrow-size) / 2));
   inset-inline-start: calc(var(--frame-tooltip-arrow-size) / -2);
 }
 

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

@@ -58,9 +58,11 @@ declare class FrCalendar implements ControlValueAccessor {
     readonly selected: _angular_core.InputSignal<Date | FrCalendarDateRange | null | undefined>;
     readonly selectedChange: _angular_core.OutputEmitterRef<Date | FrCalendarDateRange | null>;
     readonly monthChange: _angular_core.OutputEmitterRef<Date>;
+    readonly focusedDate: _angular_core.WritableSignal<Date | null>;
     private readonly navigatedMonth;
     private readonly internalValue;
     private readonly cvaDisabled;
+    private readonly host;
     readonly currentMonth: _angular_core.Signal<Date>;
     readonly isDisabled: _angular_core.Signal<boolean>;
     readonly value: _angular_core.Signal<Date | FrCalendarDateRange | null>;
@@ -71,6 +73,7 @@ declare class FrCalendar implements ControlValueAccessor {
     }[]>;
     readonly yearOptions: _angular_core.Signal<number[]>;
     readonly months: _angular_core.Signal<CalendarMonth[]>;
+    readonly activeDate: _angular_core.Signal<Date>;
     private onTouched;
     private onChange;
     writeValue(value: Date | FrCalendarDateRange | null): void;
@@ -82,9 +85,20 @@ declare class FrCalendar implements ControlValueAccessor {
     setMonth(value: string): void;
     setYear(value: string): void;
     selectDay(day: CalendarDay): void;
+    handleDayKeydown(event: KeyboardEvent, day: CalendarDay): void;
+    dayTabIndex(day: CalendarDay): number;
+    focusActiveDate(): void;
     monthLabel(date: Date): string;
     dayLabel(date: Date): string;
     weekNumber(date: Date): string;
+    private navigationOffset;
+    private resolveActiveDate;
+    private selectedDate;
+    private isDateVisible;
+    private findDay;
+    private isDayDisabled;
+    private focusDay;
+    private focusDayElement;
     private updateMonth;
     private buildMonth;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCalendar, never>;

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

@@ -79,7 +79,7 @@ declare class FrCombobox extends FrControlValueAccessor<FrComboboxValue | FrComb
     private readonly itemsVersion;
     private readonly selectedLabels;
     private resizeObserver;
-    private origin?;
+    private readonly origin;
     readonly content: i0.Signal<FrComboboxContent | undefined>;
     readonly autoHighlight: i0.InputSignalWithTransform<boolean, unknown>;
     readonly debugVisible: i0.InputSignalWithTransform<boolean, unknown>;

package/types/frame-ui-ng-components-confirm-modal.d.ts

@@ -0,0 +1,48 @@
+import { FrModalConfig, FrModalRef } from '@frame-ui-ng/components/modal';
+import * as _angular_core from '@angular/core';
+
+type FrConfirmModalResult = 'cancel' | 'confirm';
+type FrConfirmModalData = {
+    cancelLabel: string;
+    confirmLabel: string;
+    description?: string;
+    title: string;
+};
+
+type FrConfirmModalConfig = Omit<FrModalConfig<FrConfirmModalData, FrConfirmModalResult, unknown>, 'data' | 'description' | 'footerActions' | 'inputs' | 'showCloseButton' | 'size' | 'title'> & {
+    cancelLabel?: string;
+    confirmLabel?: string;
+    description?: string;
+    title?: string;
+};
+declare class FrConfirmModalService {
+    private readonly modal;
+    open(config?: FrConfirmModalConfig): FrModalRef<unknown, FrConfirmModalResult>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrConfirmModalService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FrConfirmModalService>;
+}
+
+declare class FrConfirmModalTrigger {
+    private readonly confirmModal;
+    readonly config: _angular_core.InputSignal<string | FrConfirmModalConfig>;
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    readonly cancelLabel: _angular_core.InputSignal<string | undefined>;
+    readonly confirmLabel: _angular_core.InputSignal<string | undefined>;
+    readonly closed: _angular_core.OutputEmitterRef<FrConfirmModalResult | undefined>;
+    readonly cancelled: _angular_core.OutputEmitterRef<void>;
+    readonly confirmed: _angular_core.OutputEmitterRef<void>;
+    open(): void;
+    private resolvedConfig;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrConfirmModalTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrConfirmModalTrigger, "[frConfirmModal]", ["frConfirmModal"], { "config": { "alias": "frConfirmModal"; "required": false; "isSignal": true; }; "title": { "alias": "frConfirmModalTitle"; "required": false; "isSignal": true; }; "description": { "alias": "frConfirmModalDescription"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "frConfirmModalCancelLabel"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "frConfirmModalConfirmLabel"; "required": false; "isSignal": true; }; }, { "closed": "frConfirmModalClosed"; "cancelled": "frConfirmModalCancelled"; "confirmed": "frConfirmModalConfirmed"; }, never, never, true, never>;
+}
+
+declare class FrConfirmModalModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrConfirmModalModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrConfirmModalModule, never, [typeof FrConfirmModalTrigger], [typeof FrConfirmModalTrigger]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrConfirmModalModule>;
+}
+
+export { FrConfirmModalModule, FrConfirmModalService, FrConfirmModalTrigger };
+export type { FrConfirmModalConfig, FrConfirmModalData, FrConfirmModalResult };

package/types/frame-ui-ng-components-context-menu.d.ts

@@ -11,7 +11,7 @@ declare class FrContextMenuContent implements Partial<FrDropdownMenuContent> {
     readonly align: i0.InputSignal<"center" | "end" | "start">;
     readonly alignOffset: i0.InputSignal<number>;
     readonly debugVisible: i0.InputSignalWithTransform<boolean, unknown>;
-    readonly side: i0.InputSignal<"bottom" | "left" | "right" | "top">;
+    readonly side: i0.InputSignal<"auto" | "bottom" | "left" | "right" | "top">;
     readonly sideOffset: i0.InputSignal<number>;
     isDebugVisible(): boolean;
     getPositions(isSubmenu: boolean): ConnectedPosition[];
@@ -19,7 +19,7 @@ declare class FrContextMenuContent implements Partial<FrDropdownMenuContent> {
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuContent, "ng-template[frContextMenuContent], ng-template[frContextMenuSubContent]", ["frContextMenuContent"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "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 FrContextMenuPanel {
-    protected readonly side: i0.InputSignal<"bottom" | "left" | "right" | "top">;
+    protected readonly side: i0.InputSignal<"auto" | "bottom" | "left" | "right" | "top">;
     private readonly tree;
     private readonly parent;
     protected handleMouseEnter(): void;

package/types/frame-ui-ng-components-date-picker.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { ConnectedPosition, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
-import { FrCalendarDateRange, FrCalendarMode, FrCalendarCaptionLayout, FrCalendarDisabledMatcher, FrCalendarCellContext } from '@frame-ui-ng/components/calendar';
+import { FrCalendarDateRange, FrCalendarMode, FrCalendarCaptionLayout, FrCalendarDisabledMatcher, FrCalendarCellContext, FrCalendar } from '@frame-ui-ng/components/calendar';
 import { FrControlValueAccessor } from '@frame-ui-ng/components/forms';
 
 type FrDatePickerValue = Date | FrCalendarDateRange | null;
@@ -53,6 +53,7 @@ declare class FrDatePicker extends FrControlValueAccessor<FrDatePickerValue> {
     readonly valueChange: _angular_core.OutputEmitterRef<FrDatePickerValue>;
     readonly openChange: _angular_core.OutputEmitterRef<boolean>;
     readonly monthChange: _angular_core.OutputEmitterRef<Date>;
+    readonly calendar: _angular_core.Signal<FrCalendar | undefined>;
     readonly positions: ConnectedPosition[];
     readonly isOpen: _angular_core.WritableSignal<boolean>;
     readonly overlaySide: _angular_core.WritableSignal<"bottom" | "top">;
@@ -78,6 +79,7 @@ declare class FrDatePicker extends FrControlValueAccessor<FrDatePickerValue> {
     commitInput(value: string): void;
     handleTriggerKeydown(event: KeyboardEvent): void;
     handlePositionChange(event: ConnectedOverlayPositionChange): void;
+    focusCalendar(): void;
     overlayPanelClasses(): string[];
     protected setViewValue(value: FrDatePickerValue): void;
     private commitValue;

package/types/frame-ui-ng-components-dropdown-menu.d.ts

@@ -10,7 +10,7 @@ declare class FrDropdownMenuContent {
     readonly align: i0.InputSignal<"center" | "end" | "start">;
     readonly alignOffset: i0.InputSignal<number>;
     readonly debugVisible: i0.InputSignalWithTransform<boolean, unknown>;
-    readonly side: i0.InputSignal<"bottom" | "left" | "right" | "top">;
+    readonly side: i0.InputSignal<"auto" | "bottom" | "left" | "right" | "top">;
     readonly sideOffset: i0.InputSignal<number>;
     isDebugVisible(): boolean;
     getPositions(isSubmenu: boolean): ConnectedPosition[];
@@ -18,7 +18,7 @@ declare class FrDropdownMenuContent {
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuContent, "ng-template[frDropdownMenuContent], ng-template[frDropdownMenuSubContent]", ["frDropdownMenuContent"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "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 FrDropdownMenuPanel {
-    protected readonly side: i0.InputSignal<"bottom" | "left" | "right" | "top">;
+    protected readonly side: i0.InputSignal<"auto" | "bottom" | "left" | "right" | "top">;
     private readonly tree;
     private readonly parent;
     protected handleMouseEnter(): void;
@@ -74,7 +74,7 @@ declare class FrDropdownMenuItemIndicator {
 }
 
 declare const FR_DROPDOWN_MENU_ALIGNMENTS: readonly ["center", "end", "start"];
-declare const FR_DROPDOWN_MENU_SIDES: readonly ["bottom", "left", "right", "top"];
+declare const FR_DROPDOWN_MENU_SIDES: readonly ["auto", "bottom", "left", "right", "top"];
 declare const FR_DROPDOWN_MENU_TRIGGER_MODES: readonly ["both", "click", "hover"];
 declare const FR_DROPDOWN_MENU_ITEM_VARIANTS: readonly ["default", "destructive"];
 type FrDropdownMenuAlignment = (typeof FR_DROPDOWN_MENU_ALIGNMENTS)[number];

package/types/frame-ui-ng-components-input-otp.d.ts

@@ -12,7 +12,7 @@ type FrInputOtpController = {
     invalid: () => boolean;
 };
 declare class FrInputOtp extends FrControlValueAccessor<string> {
-    private readonly nativeInput?;
+    private readonly nativeInput;
     readonly maxLength: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly pattern: _angular_core.InputSignal<FrInputOtpPattern>;
     readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;

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

@@ -38,15 +38,18 @@ declare class FrInputBadge {
 }
 
 declare const FR_INPUT_GROUP_ADDON_ALIGNS: readonly ["inline-start", "inline-end"];
+declare const FR_INPUT_GROUP_ADDON_VARIANTS: readonly ["default", "ghost"];
 type FrInputGroupAddonAlign = (typeof FR_INPUT_GROUP_ADDON_ALIGNS)[number];
+type FrInputGroupAddonVariant = (typeof FR_INPUT_GROUP_ADDON_VARIANTS)[number];
 declare class FrInputGroup {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrInputGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputGroup, "[frInputGroup], frame-input-group", never, {}, {}, never, never, true, never>;
 }
 declare class FrInputGroupAddon {
     readonly align: i0.InputSignal<"inline-start" | "inline-end">;
+    readonly variant: i0.InputSignal<"default" | "ghost">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrInputGroupAddon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputGroupAddon, "[frInputGroupAddon], frame-input-group-addon", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputGroupAddon, "[frInputGroupAddon], frame-input-group-addon", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class FrInputGroupText {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrInputGroupText, never>;
@@ -63,5 +66,5 @@ declare class FrInputModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<FrInputModule>;
 }
 
-export { FR_INPUT_GROUP_ADDON_ALIGNS, FrInput, FrInputBadge, FrInputControl, FrInputDescription, FrInputError, FrInputField, FrInputFieldGroup, FrInputGroup, FrInputGroupAddon, FrInputGroupInput, FrInputGroupText, FrInputHeader, FrInputLabel, FrInputModule };
-export type { FrInputGroupAddonAlign };
+export { FR_INPUT_GROUP_ADDON_ALIGNS, FR_INPUT_GROUP_ADDON_VARIANTS, FrInput, FrInputBadge, FrInputControl, FrInputDescription, FrInputError, FrInputField, FrInputFieldGroup, FrInputGroup, FrInputGroupAddon, FrInputGroupInput, FrInputGroupText, FrInputHeader, FrInputLabel, FrInputModule };
+export type { FrInputGroupAddonAlign, FrInputGroupAddonVariant };