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

package/tooltip/src/styles/_vars.css

@@ -1,21 +1,21 @@
-:root {
-  --frame-tooltip-content-bg: var(--frame-foreground, #09090b);
-  --frame-tooltip-content-color: var(--frame-background, #fff);
-  --frame-tooltip-content-border: transparent;
-  --frame-tooltip-content-radius: var(--frame-radius-md, 0.5rem);
-  --frame-tooltip-content-shadow: 0 12px 32px rgb(0 0 0 / 0.18);
-  --frame-tooltip-content-padding: 0.375rem 0.625rem;
-  --frame-tooltip-content-max-width: 18rem;
-  --frame-tooltip-content-font-size: 0.8125rem;
-  --frame-tooltip-content-font-weight: 500;
-  --frame-tooltip-content-line-height: 1.35;
-  --frame-tooltip-shortcut-bg: color-mix(in srgb, currentColor 14%, transparent);
-  --frame-tooltip-shortcut-radius: 0.25rem;
-  --frame-tooltip-shortcut-padding: 0.0625rem 0.3125rem;
-  --frame-tooltip-shortcut-font-size: 0.75rem;
-  --frame-tooltip-arrow-size: 0.5rem;
-  --frame-tooltip-motion-duration: 140ms;
-  --frame-tooltip-motion-distance: 0.25rem;
-  --frame-tooltip-motion-scale: 0.96;
-  --frame-tooltip-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
-}
+:root {
+  --frame-tooltip-content-bg: var(--frame-surface, #fff);
+  --frame-tooltip-content-color: var(--frame-foreground, #09090b);
+  --frame-tooltip-content-border: var(--frame-frame-line-muted, var(--frame-border, #d4d4d8));
+  --frame-tooltip-content-radius: var(--frame-radius-md, 0.5rem);
+  --frame-tooltip-content-shadow: 0 12px 32px rgb(0 0 0 / 0.18);
+  --frame-tooltip-content-padding: 0.375rem 0.625rem;
+  --frame-tooltip-content-max-width: 18rem;
+  --frame-tooltip-content-font-size: 0.8125rem;
+  --frame-tooltip-content-font-weight: 500;
+  --frame-tooltip-content-line-height: 1.35;
+  --frame-tooltip-shortcut-bg: color-mix(in srgb, currentColor 14%, transparent);
+  --frame-tooltip-shortcut-radius: 0;
+  --frame-tooltip-shortcut-padding: 0.0625rem 0.3125rem;
+  --frame-tooltip-shortcut-font-size: 0.75rem;
+  --frame-tooltip-arrow-size: 0.5rem;
+  --frame-tooltip-motion-duration: 140ms;
+  --frame-tooltip-motion-distance: 0.25rem;
+  --frame-tooltip-motion-scale: 0.96;
+  --frame-tooltip-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
+}

package/tooltip/src/styles/tooltip.css

@@ -1,103 +1,99 @@
-@import './_vars.css';
-
-frame-tooltip {
-  display: inline-block;
-}
-
-.frame-tooltip__anchor {
-  display: inline-flex;
-}
-
-[frTooltipTrigger] {
-  cursor: default;
-}
-
-.frame-tooltip__content {
-  position: relative;
-  max-width: min(var(--frame-tooltip-content-max-width), calc(100vw - 1rem));
-  border: 1px solid var(--frame-tooltip-content-border);
-  border-radius: var(--frame-tooltip-content-radius);
-  background: var(--frame-tooltip-content-bg);
-  box-shadow: var(--frame-tooltip-content-shadow);
-  color: var(--frame-tooltip-content-color);
-  font-size: var(--frame-tooltip-content-font-size);
-  font-weight: var(--frame-tooltip-content-font-weight);
-  line-height: var(--frame-tooltip-content-line-height);
-  padding: var(--frame-tooltip-content-padding);
-  transform-origin: var(--frame-tooltip-transform-origin, center);
-  animation: frame-tooltip-in var(--frame-tooltip-motion-duration) var(--frame-tooltip-motion-easing);
-}
-
-.frame-tooltip-overlay--top .frame-tooltip__content {
-  --frame-tooltip-transform-origin: bottom;
-}
-
-.frame-tooltip-overlay--right .frame-tooltip__content {
-  --frame-tooltip-transform-origin: left;
-}
-
-.frame-tooltip-overlay--bottom .frame-tooltip__content {
-  --frame-tooltip-transform-origin: top;
-}
-
-.frame-tooltip-overlay--left .frame-tooltip__content {
-  --frame-tooltip-transform-origin: right;
-}
-
-.frame-tooltip__content[data-arrow]::after {
-  content: '';
-  position: absolute;
-  inline-size: var(--frame-tooltip-arrow-size);
-  block-size: var(--frame-tooltip-arrow-size);
-  background: var(--frame-tooltip-content-bg);
-  transform: rotate(45deg);
-}
-
-.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);
-}
-
-.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);
-}
-
-.frame-tooltip__content[data-arrow][data-side='left']::after {
-  inset-block-start: 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-inline-start: calc(var(--frame-tooltip-arrow-size) / -2);
-}
-
-[frTooltipShortcut],
-.frame-tooltip__shortcut {
-  border-radius: var(--frame-tooltip-shortcut-radius);
-  background: var(--frame-tooltip-shortcut-bg);
-  font: inherit;
-  font-size: var(--frame-tooltip-shortcut-font-size);
-  line-height: 1;
-  padding: var(--frame-tooltip-shortcut-padding);
-  white-space: nowrap;
-}
-
-@keyframes frame-tooltip-in {
-  from {
-    opacity: 0;
-    transform: translateY(var(--frame-tooltip-motion-distance)) scale(var(--frame-tooltip-motion-scale));
-  }
-
-  to {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .frame-tooltip__content {
-    animation: none;
-  }
-}
+@import './_vars.css';
+
+.frame-tooltip__disabled-trigger {
+  display: inline-flex;
+  max-width: 100%;
+  vertical-align: middle;
+}
+
+.frame-tooltip__content {
+  position: relative;
+  --frame-blueprint-corner-inset: 0.125rem;
+  max-width: min(var(--frame-tooltip-content-max-width), calc(100vw - 1rem));
+  border: 1px solid var(--frame-tooltip-content-border);
+  border-radius: var(--frame-tooltip-content-radius);
+  background: var(--frame-tooltip-content-bg);
+  box-shadow: var(--frame-tooltip-content-shadow);
+  color: var(--frame-tooltip-content-color);
+  font-size: var(--frame-tooltip-content-font-size);
+  font-weight: var(--frame-tooltip-content-font-weight);
+  line-height: var(--frame-tooltip-content-line-height);
+  padding: var(--frame-tooltip-content-padding);
+  transform-origin: var(--frame-tooltip-transform-origin, center);
+  animation: frame-tooltip-in var(--frame-tooltip-motion-duration) var(--frame-tooltip-motion-easing);
+}
+
+.frame-tooltip-overlay--top .frame-tooltip__content {
+  --frame-tooltip-transform-origin: bottom;
+}
+
+.frame-tooltip-overlay--right .frame-tooltip__content {
+  --frame-tooltip-transform-origin: left;
+}
+
+.frame-tooltip-overlay--bottom .frame-tooltip__content {
+  --frame-tooltip-transform-origin: top;
+}
+
+.frame-tooltip-overlay--left .frame-tooltip__content {
+  --frame-tooltip-transform-origin: right;
+}
+
+.frame-tooltip__content[data-arrow]::after {
+  content: '';
+  position: absolute;
+  inline-size: var(--frame-tooltip-arrow-size);
+  block-size: var(--frame-tooltip-arrow-size);
+  background: var(--frame-tooltip-content-bg);
+  transform: rotate(45deg);
+}
+
+.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);
+}
+
+.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);
+}
+
+.frame-tooltip__content[data-arrow][data-side='left']::after {
+  inset-block-start: 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-inline-start: calc(var(--frame-tooltip-arrow-size) / -2);
+}
+
+[frTooltipShortcut],
+.frame-tooltip__shortcut {
+  border: 1px solid var(--frame-frame-line-muted, var(--frame-border));
+  border-radius: var(--frame-tooltip-shortcut-radius);
+  background: var(--frame-tooltip-shortcut-bg);
+  font: inherit;
+  font-size: var(--frame-tooltip-shortcut-font-size);
+  line-height: 1;
+  padding: var(--frame-tooltip-shortcut-padding);
+  white-space: nowrap;
+}
+
+@keyframes frame-tooltip-in {
+  from {
+    opacity: 0;
+    transform: translateY(var(--frame-tooltip-motion-distance)) scale(var(--frame-tooltip-motion-scale));
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .frame-tooltip__content {
+    animation: none;
+  }
+}

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

@@ -13,12 +13,14 @@ declare class FrAccordionContent {
     private readonly host;
     protected readonly item: FrAccordionItemContext;
     private initialized;
-    private rafId;
+    private rafIds;
     constructor();
     onTransitionEnd(event: TransitionEvent): void;
     private animate;
     private applyStaticState;
+    private measureContentHeight;
     private cancelAnimationFrame;
+    private requestAnimationFrame;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrAccordionContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrAccordionContent, "[frAccordionContent]", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,12 +1,12 @@
 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_VARIANTS: readonly ["default", "secondary", "success", "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">;
+    readonly variant: i0.InputSignal<"default" | "secondary" | "success" | "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>;
 }

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-command.d.ts

@@ -53,6 +53,11 @@ declare class FrCommandService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<FrCommandService>;
 }
 
+declare class FrCommandFooter {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandFooter, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandFooter, "[frCommandFooter]", never, {}, {}, never, never, true, never>;
+}
+
 declare class FrCommandItem {
     private readonly destroyRef;
     private readonly elementRef;
@@ -190,9 +195,9 @@ declare class FrCommandSeparator {
 
 declare class FrCommandModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrCommandModule, never, [typeof FrCommand, typeof FrCommandDialog, typeof FrCommandDialogTrigger, typeof FrCommandEmpty, typeof FrCommandGroup, typeof FrCommandGroupHeading, typeof FrCommandInput, typeof FrCommandItem, typeof FrCommandItemIcon, typeof FrCommandList, typeof FrCommandSeparator, typeof FrCommandShortcut], [typeof FrCommand, typeof FrCommandDialog, typeof FrCommandDialogTrigger, typeof FrCommandEmpty, typeof FrCommandGroup, typeof FrCommandGroupHeading, typeof FrCommandInput, typeof FrCommandItem, typeof FrCommandItemIcon, typeof FrCommandList, typeof FrCommandSeparator, typeof FrCommandShortcut]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrCommandModule, never, [typeof FrCommand, typeof FrCommandDialog, typeof FrCommandDialogTrigger, typeof FrCommandEmpty, typeof FrCommandFooter, typeof FrCommandGroup, typeof FrCommandGroupHeading, typeof FrCommandInput, typeof FrCommandItem, typeof FrCommandItemIcon, typeof FrCommandList, typeof FrCommandSeparator, typeof FrCommandShortcut], [typeof FrCommand, typeof FrCommandDialog, typeof FrCommandDialogTrigger, typeof FrCommandEmpty, typeof FrCommandFooter, typeof FrCommandGroup, typeof FrCommandGroupHeading, typeof FrCommandInput, typeof FrCommandItem, typeof FrCommandItemIcon, typeof FrCommandList, typeof FrCommandSeparator, typeof FrCommandShortcut]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrCommandModule>;
 }
 
-export { FrCommand, FrCommandDialog, FrCommandDialogTrigger, FrCommandEmpty, FrCommandGroup, FrCommandGroupHeading, FrCommandInput, FrCommandItem, FrCommandItemIcon, FrCommandList, FrCommandModule, FrCommandSeparator, FrCommandService, FrCommandShortcut };
+export { FrCommand, FrCommandDialog, FrCommandDialogTrigger, FrCommandEmpty, FrCommandFooter, FrCommandGroup, FrCommandGroupHeading, FrCommandInput, FrCommandItem, FrCommandItemIcon, FrCommandList, FrCommandModule, FrCommandSeparator, FrCommandService, FrCommandShortcut };
 export type { FrCommandDialogConfig, FrCommandDialogRef, FrCommandFilter };

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.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 };

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

@@ -56,6 +56,8 @@ declare class FrSelectPanel {
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectPanel, "[frSelectPanel], frame-select-panel", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuPanel; inputs: {}; outputs: {}; }]>;
 }
 
+declare const FR_SELECT_ICON_POSITIONS: readonly ["leading", "trailing"];
+type FrSelectIconPosition = (typeof FR_SELECT_ICON_POSITIONS)[number];
 declare class FrSelectValue {
     private readonly select;
     readonly placeholder: i0.InputSignal<string>;
@@ -69,8 +71,9 @@ declare class FrSelectItemIndicator {
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectItemIndicator, "[frSelectItemIndicator], frame-select-item-indicator", never, {}, {}, never, never, true, never>;
 }
 declare class FrSelectIcon {
+    readonly position: i0.InputSignal<"leading" | "trailing">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectIcon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectIcon, "[frSelectIcon], frame-select-icon", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectIcon, "[frSelectIcon], frame-select-icon", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class FrSelectError {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectError, never>;
@@ -110,5 +113,5 @@ declare class FrSelectModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<FrSelectModule>;
 }
 
-export { FR_SELECT_INDICATOR_POSITIONS, FR_SELECT_POSITIONS, FrSelect, FrSelectContent, FrSelectError, FrSelectGroup, FrSelectIcon, FrSelectItem, FrSelectItemIndicator, FrSelectLabel, FrSelectModule, FrSelectPanel, FrSelectSeparator, FrSelectValue };
-export type { FrSelectIndicatorPosition, FrSelectPosition };
+export { FR_SELECT_ICON_POSITIONS, FR_SELECT_INDICATOR_POSITIONS, FR_SELECT_POSITIONS, FrSelect, FrSelectContent, FrSelectError, FrSelectGroup, FrSelectIcon, FrSelectItem, FrSelectItemIndicator, FrSelectLabel, FrSelectModule, FrSelectPanel, FrSelectSeparator, FrSelectValue };
+export type { FrSelectIconPosition, FrSelectIndicatorPosition, FrSelectPosition };

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

@@ -45,8 +45,10 @@ declare class FrSidebar {
     readonly side: i0.InputSignalWithTransform<"left" | "right", unknown>;
     readonly variant: i0.InputSignalWithTransform<"sidebar" | "floating" | "inset", unknown>;
     readonly collapsible: i0.InputSignalWithTransform<"offcanvas" | "icon" | "none", unknown>;
+    readonly minSize: i0.InputSignalWithTransform<number | null, unknown>;
+    readonly maxSize: i0.InputSignalWithTransform<number | null, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebar, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebar, "[frSidebar], frame-sidebar", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebar, "[frSidebar], frame-sidebar", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class FrSidebarTrigger {
     readonly provider: FrSidebarProvider | null;
@@ -64,11 +66,16 @@ declare class FrSidebarRail {
     private suppressClick;
     private frameId;
     private pendingWidth;
+    private resizeMinSize;
+    private resizeMaxSize;
     readonly provider: FrSidebarProvider | null;
     toggle(): void;
     startResize(event: PointerEvent): void;
     private resize;
     private flushResize;
+    private clampWidth;
+    private captureResizeBounds;
+    private measureContentMinSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarRail, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarRail, "[frSidebarRail], frame-sidebar-rail", never, {}, {}, never, never, true, never>;
 }