codexly-ui 0.16.0 → 0.16.2

package/package.json

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

package/types/codexly-ui.d.ts

@@ -119,9 +119,9 @@ declare class ClxSocialIconComponent {
     readonly platform: _angular_core.InputSignal<ClxSocialPlatform>;
     readonly variant: _angular_core.InputSignal<ClxButtonVariant>;
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
-    readonly size: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg" | undefined>;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xxs" | "xs" | undefined>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    protected readonly _size: _angular_core.Signal<"xxs" | "xs" | "sm" | "md" | "lg">;
+    protected readonly _size: _angular_core.Signal<"sm" | "md" | "lg" | "xxs" | "xs">;
     protected readonly _markup: _angular_core.Signal<SafeHtml>;
     protected readonly _hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxSocialIconComponent, never>;
@@ -144,11 +144,11 @@ declare class ClxButtonComponent {
      *  unusual background shade (bright yellow) where the variant's own resolved text color (white)
      *  reads poorly and a themed text tone is needed instead. */
     readonly textColor: _angular_core.InputSignal<ClxColorInput | undefined>;
-    readonly size: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg" | undefined>;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xxs" | "xs" | undefined>;
     readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
     private readonly _tableActionsColor;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    protected readonly _size: _angular_core.Signal<"xxs" | "xs" | "sm" | "md" | "lg">;
+    protected readonly _size: _angular_core.Signal<"sm" | "md" | "lg" | "xxs" | "xs">;
     protected readonly _shape: _angular_core.Signal<ClxShape>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -204,11 +204,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<"xs" | "sm" | "md" | undefined>;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "xs" | 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<"xs" | "sm" | "md">;
+    protected readonly _size: _angular_core.Signal<"sm" | "md" | "xs">;
     protected readonly _shape: _angular_core.Signal<ClxShape>;
     protected readonly _hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxBadgeComponent, never>;
@@ -290,7 +290,7 @@ declare class ClxCardComponent {
      *  product-cart-style layout) regardless of variant/color. */
     readonly border: _angular_core.InputSignal<boolean>;
     /** Per-instance border-radius override — falls back to the theme's global borderRadius when unset. */
-    readonly radius: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "none" | "full" | undefined>;
+    readonly radius: _angular_core.InputSignal<"none" | "sm" | "md" | "lg" | "xl" | "full" | undefined>;
     /** Auto-generated header icon (Material Symbols name) — shown in a rounded primary-subtle
      *  square next to headerTitle. Ignored when a manual [clxCardHeader] block is projected. */
     readonly icon: _angular_core.InputSignal<string | undefined>;
@@ -2449,7 +2449,7 @@ declare class ClxMenuComponent implements AfterViewInit {
     readonly style: _angular_core.InputSignal<ClxNavZoneStyle | undefined>;
     protected readonly _resolved: _angular_core.Signal<{
         color: codexly_ui.ClxColorInput;
-        size: "xs" | "sm" | "md";
+        size: "sm" | "md" | "xs";
         weight: codexly_ui.ClxFontWeight;
     }>;
     protected readonly _color: _angular_core.Signal<codexly_ui.ClxColorInput>;
@@ -2803,7 +2803,7 @@ declare class ClxNotificationComponent {
     } | undefined>;
     readonly buttonColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     readonly buttonVariant: _angular_core.InputSignal<ClxButtonVariant>;
-    readonly buttonSize: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg">;
+    readonly buttonSize: _angular_core.InputSignal<"sm" | "md" | "lg" | "xxs" | "xs">;
     readonly buttonIcon: _angular_core.InputSignal<string>;
     /** Unread-count badge color — falls back to the theme's notification.unreadColor (then
      *  primaryColor) when unset. */
@@ -3355,7 +3355,7 @@ declare class ClxFabComponent {
     protected readonly _position: _angular_core.Signal<ClxFabPosition>;
     protected readonly _triggerClass: _angular_core.Signal<string>;
     /** Los botones de la pila de accesos van un paso más pequeños que el trigger. */
-    protected readonly _itemSize: _angular_core.Signal<"xxs" | "xs" | "sm">;
+    protected readonly _itemSize: _angular_core.Signal<"sm" | "xxs" | "xs">;
     private readonly _sso;
     readonly _scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
     readonly _positions: ConnectedPosition[];
@@ -3583,7 +3583,7 @@ declare class ClxStatCardComponent {
     protected readonly _hasTrend: _angular_core.Signal<boolean>;
     protected readonly _trendColor: _angular_core.Signal<"red" | "green" | "slate">;
     protected readonly _trendArrowIcon: _angular_core.Signal<"arrow_upward" | "arrow_downward" | "remove">;
-    protected readonly _trendTextClass: _angular_core.Signal<"text-clx-text-subtle" | "text-red-500" | "text-green-500">;
+    protected readonly _trendTextClass: _angular_core.Signal<"text-green-500" | "text-red-500" | "text-clx-text-subtle">;
     protected readonly _trendIcon: _angular_core.Signal<"remove" | "arrow_outward" | "south_east">;
     protected readonly _formattedValue: _angular_core.Signal<string>;
     protected readonly _points: _angular_core.Signal<SparkPoint[]>;
@@ -3682,14 +3682,20 @@ declare class ClxTableProductCellComponent {
 
 interface ClxRankedListItem {
     label: string;
+    sublabel?: string;
     colorDot: ClxColorInput;
+    /** Optional Material Symbols name — when set, the leading marker becomes a solid saturated
+     *  circle with this icon in white (e.g. "Recent Transactions"' payment-method badges), instead
+     *  of the small plain color dot used for a dense ranking (e.g. "Top selling categories"). */
+    icon?: string;
     value: string | number;
     trend?: string;
     trendDirection?: 'up' | 'down' | 'neutral';
 }
-/** A ranking: color dot + label on the left, optional trend badge + value on the right — e.g. "Top
- *  selling categories" or "Sales by channel" on a dashboard. Composes ClxListComponent/
- *  ClxListItemComponent (their clxLead/clxTrail slots) rather than reinventing list chrome. */
+/** A ranking: color dot (or a saturated icon circle) + label on the left, optional trend badge +
+ *  value on the right — e.g. "Top selling categories" or "Sales by channel" on a dashboard.
+ *  Composes ClxListComponent/ClxListItemComponent (their clxLead/clxTrail slots) rather than
+ *  reinventing list chrome. */
 declare class ClxRankedListComponent {
     readonly items: _angular_core.InputSignal<ClxRankedListItem[]>;
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
@@ -4313,7 +4319,7 @@ declare class ClxSearchComponent implements ControlValueAccessor {
         padDefaultL: string;
         padDefaultR: string;
     }>;
-    protected readonly _buttonSize: _angular_core.Signal<"xs" | "sm" | "md" | "lg">;
+    protected readonly _buttonSize: _angular_core.Signal<"sm" | "md" | "lg" | "xs">;
     protected readonly _wrapperClass: _angular_core.Signal<string>;
     protected readonly _inputClass: _angular_core.Signal<string>;
     writeValue(val: string): void;