codexly-ui 0.19.7 → 0.19.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.19.7",
+  "version": "0.19.8",
   "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
   "keywords": [
     "angular",

package/types/codexly-ui.d.ts

@@ -369,6 +369,8 @@ declare class ClxCollapseComponent {
     readonly dividerThickness: _angular_core.InputSignal<number>;
     /** Two-way bindable: [(expanded)]="..." */
     readonly expanded: _angular_core.ModelSignal<boolean>;
+    /** Explicit [color] → theme collapseColor → primaryColor (same fallback chain as clx-input's
+     *  formControls.input). */
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
     protected readonly _size: _angular_core.Signal<ClxCollapseSize>;
     protected readonly _sizeConfig: _angular_core.Signal<{
@@ -2410,6 +2412,9 @@ interface ClxThemeConfig {
     timelineTitle?: ClxTimelineTitleZoneStyle;
     /** Per-form-control accent color overrides — each falls back to primaryColor when unset */
     formControls?: ClxFormControlsTheme;
+    /** ClxCollapseComponent accent (header icon + hover tint) when no [color] is passed — falls
+     *  back to primaryColor when unset, same as each formControls entry. */
+    collapseColor?: ClxColorInput;
     /** ClxTableComponent global style override — see ClxTableTheme for per-field fallbacks */
     table?: ClxTableTheme;
     /** ClxTabsComponent global style override — see ClxTabsTheme for per-field fallbacks */
@@ -2587,6 +2592,8 @@ declare class ClxProfileComponent {
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
     readonly menuItems: _angular_core.InputSignal<ClxProfileMenuItem[]>;
     readonly signOutLabel: _angular_core.InputSignal<string>;
+    /** Small line under the sign-out item — e.g. the app version. Hidden when empty. */
+    readonly footerText: _angular_core.InputSignal<string>;
     readonly menuAction: _angular_core.OutputEmitterRef<string>;
     readonly signOut: _angular_core.OutputEmitterRef<void>;
     private readonly _themeSvc;
@@ -2609,7 +2616,7 @@ declare class ClxProfileComponent {
     protected _onAction(action: string): void;
     protected _onSignOut(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxProfileComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxProfileComponent, "clx-profile", never, { "firstName": { "alias": "firstName"; "required": false; "isSignal": true; }; "lastName": { "alias": "lastName"; "required": false; "isSignal": true; }; "username": { "alias": "username"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "signOutLabel": { "alias": "signOutLabel"; "required": false; "isSignal": true; }; }, { "menuAction": "menuAction"; "signOut": "signOut"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxProfileComponent, "clx-profile", never, { "firstName": { "alias": "firstName"; "required": false; "isSignal": true; }; "lastName": { "alias": "lastName"; "required": false; "isSignal": true; }; "username": { "alias": "username"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "signOutLabel": { "alias": "signOutLabel"; "required": false; "isSignal": true; }; "footerText": { "alias": "footerText"; "required": false; "isSignal": true; }; }, { "menuAction": "menuAction"; "signOut": "signOut"; }, never, never, true, never>;
 }
 
 type ClxAnimateAttentionSeeker = 'bounce' | 'flash' | 'pulse' | 'rubberBand' | 'shakeX' | 'shakeY' | 'headShake' | 'swing' | 'tada' | 'wobble' | 'jello' | 'heartBeat';