codexly-ui 0.1.10 → 0.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",

package/types/codexly-ui.d.ts

@@ -679,6 +679,8 @@ interface ClxSelectOption {
     value: string | number;
     label: string;
     disabled?: boolean;
+    /** Renders the option label using this font family, for font-picker selects */
+    previewFontFamily?: string;
 }
 
 type PageItem = {
@@ -999,11 +1001,11 @@ declare class ClxBadgeComponent {
     private readonly _themeSvc;
     readonly variant: _angular_core.InputSignal<ClxBadgeVariant>;
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
-    readonly size: _angular_core.InputSignal<"sm" | "md" | "xs" | undefined>;
+    readonly size: _angular_core.InputSignal<"xs" | "sm" | "md" | undefined>;
     readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
     readonly positioned: _angular_core.InputSignal<boolean>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    protected readonly _size: _angular_core.Signal<"sm" | "md" | "xs">;
+    protected readonly _size: _angular_core.Signal<"xs" | "sm" | "md">;
     protected readonly _shape: _angular_core.Signal<ClxShape>;
     protected readonly _hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxBadgeComponent, never>;
@@ -1014,10 +1016,10 @@ declare class ClxButtonComponent {
     private readonly _themeSvc;
     readonly variant: _angular_core.InputSignal<ClxButtonVariant>;
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
-    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xxs" | "xs" | undefined>;
+    readonly size: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg" | undefined>;
     readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    protected readonly _size: _angular_core.Signal<"sm" | "md" | "lg" | "xxs" | "xs">;
+    protected readonly _size: _angular_core.Signal<"xxs" | "xs" | "sm" | "md" | "lg">;
     protected readonly _shape: _angular_core.Signal<ClxShape>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -1654,7 +1656,7 @@ declare class ClxEditorComponent implements AfterViewInit, OnDestroy, ControlVal
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
     readonly size: _angular_core.InputSignal<ClxEditorSize | undefined>;
     protected readonly _editorSize: _angular_core.Signal<ClxEditorSize>;
-    readonly status: _angular_core.InputSignal<"success" | "error" | "default">;
+    readonly status: _angular_core.InputSignal<"error" | "default" | "success">;
     readonly statusMessage: _angular_core.InputSignal<string>;
     readonly hint: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -1962,6 +1964,8 @@ declare class ClxSelectComponent implements ControlValueAccessor {
     protected readonly _activeColor: Signal<ClxColorInput>;
     private readonly _el;
     private readonly _sso;
+    private readonly _isBrowser;
+    private readonly _loadedFonts;
     readonly _scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
     constructor();
     private _onChange;
@@ -1985,6 +1989,7 @@ declare class ClxSelectComponent implements ControlValueAccessor {
     protected readonly _filteredOptions: Signal<ClxSelectOption[]>;
     protected readonly _showAsyncPlaceholder: Signal<boolean>;
     protected readonly _displayValue: Signal<string>;
+    protected readonly _displayFontFamily: Signal<string | null>;
     protected readonly _overlayWidth: Signal<number>;
     protected readonly _labelClass: Signal<string>;
     protected readonly _hintClass: Signal<string>;
@@ -1998,6 +2003,7 @@ declare class ClxSelectComponent implements ControlValueAccessor {
     protected _optionClass(opt: ClxSelectOption): string;
     protected _togglePanel(): void;
     private _openPanel;
+    private _loadPreviewFont;
     protected _closePanel(): void;
     protected _selectOption(opt: ClxSelectOption): void;
     protected _deselect(value: string | number): void;
@@ -2680,7 +2686,7 @@ declare class ClxCartSummaryDrawer {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxCartSummaryDrawer, "clx-cart-summary-drawer", never, {}, {}, never, never, true, never>;
 }
 
-type ClxFontFamily = 'Roboto' | 'Inter' | 'Poppins' | 'Plus Jakarta Sans' | 'Nunito' | 'DM Sans' | 'Geist' | 'Lato' | 'Montserrat' | 'Open Sans';
+type ClxFontFamily = 'Roboto' | 'Inter' | 'Poppins' | 'Plus Jakarta Sans' | 'Nunito' | 'DM Sans' | 'Geist' | 'Lato' | 'Montserrat' | 'Open Sans' | 'Work Sans' | 'Manrope' | 'Sora' | 'Outfit' | 'Rubik' | 'Source Sans 3' | 'Space Grotesk' | 'Merriweather' | 'Playfair Display' | 'Lora' | 'PT Serif' | 'Caveat' | 'Dancing Script';
 interface ClxFontOption {
     label: string;
     value: ClxFontFamily;