codexly-ui 0.11.9 → 0.12.0

package/package.json

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

package/types/codexly-ui.d.ts

@@ -2641,14 +2641,20 @@ type ClxToastType = ClxColor;
 interface ClxToastAction {
     label: string;
     onClick: () => void;
-    /** Visual weight for this action button. Defaults to 'link' to match the single-action look. */
-    variant?: 'link' | 'solid' | 'outline' | 'ghost';
+    /** Visual weight for this action button. First action in the list defaults to 'primary', the rest to 'ghost'. */
+    variant?: 'primary' | 'ghost';
 }
 interface ClxToastOptions {
     type?: ClxToastType;
     message: string;
     title?: string;
     icon?: string;
+    /** Small uppercase label above the title (e.g. event source: "Inventario") — pairs with `timestamp`. */
+    category?: string;
+    /** Relative time shown next to `category` (e.g. "hace 2 min"). Ignored when `category` is unset. */
+    timestamp?: Date;
+    /** Small pill next to the title (e.g. "Crítico") for toasts that need extra visual weight. */
+    badgeLabel?: string;
     position?: ClxToastPosition;
     duration?: number;
     showProgress?: boolean;
@@ -2661,10 +2667,13 @@ interface ClxToastOptions {
     /** Multiple action buttons (e.g. Approve/Reject). Takes precedence over `action` when both are set. */
     actions?: ClxToastAction[];
 }
-interface ClxToastEntry extends Required<Omit<ClxToastOptions, 'title' | 'action' | 'actions' | 'icon'>> {
+interface ClxToastEntry extends Required<Omit<ClxToastOptions, 'title' | 'action' | 'actions' | 'icon' | 'category' | 'timestamp' | 'badgeLabel'>> {
     id: string;
     title?: string;
     icon?: string;
+    category?: string;
+    timestamp?: Date;
+    badgeLabel?: string;
     action?: ClxToastAction;
     actions?: ClxToastAction[];
     removing: boolean;
@@ -2683,11 +2692,14 @@ declare class ClxToastComponent implements OnInit, OnDestroy {
     private _elapsed;
     private _destroyed;
     protected readonly _icon: _angular_core.Signal<string>;
+    protected readonly _bgClass: _angular_core.Signal<string>;
     protected readonly _borderClass: _angular_core.Signal<string>;
+    protected readonly _iconBgClass: _angular_core.Signal<string>;
     protected readonly _colorClass: _angular_core.Signal<string>;
     protected readonly _progressColor: _angular_core.Signal<string>;
     protected readonly _buttonColor: _angular_core.Signal<codexly_ui.ClxColorInput>;
     protected readonly _actions: _angular_core.Signal<ClxToastAction[]>;
+    protected readonly _relativeTime: _angular_core.Signal<string>;
     private get _card();
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -4056,6 +4068,9 @@ declare class ClxToastService {
     error(message: string, opts?: Partial<ClxToastOptions>): void;
     warning(message: string, opts?: Partial<ClxToastOptions>): void;
     info(message: string, opts?: Partial<ClxToastOptions>): void;
+    /** Shows a toast built straight from a live ClxNotificationItem (e.g. on SSE arrival) — the same
+     *  object already driving the notification panel/bell, no manual field mapping at the call site. */
+    fromNotification(item: ClxNotificationItem, opts?: Partial<ClxToastOptions>): void;
     dismissAll(): void;
     private _getOrCreateContainer;
     private _uid;