@neuravision/ng-construct 0.3.1 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neuravision/ng-construct",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Angular components for the Construct Design System",
   "keywords": [
     "angular",
@@ -12,7 +12,8 @@
     "@angular/common": "^21.1.0",
     "@angular/core": "^21.1.0",
     "@angular/router": "^21.1.0",
-    "@neuravision/construct": "^1.0.0"
+    "@neuravision/construct": "^1.1.2",
+    "@lucide/angular": "^1.0.0-rc.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/types/neuravision-ng-construct.d.ts

@@ -828,15 +828,22 @@ interface AfDropdownItem {
  */
 declare class AfDropdownComponent {
     private static nextId;
+    private readonly hostRef;
     /** Dropdown button label. */
     label: _angular_core.InputSignal<string>;
+    /** Trigger button size. */
+    size: _angular_core.InputSignal<AfButtonSize>;
     /** Menu items. */
     items: _angular_core.InputSignal<AfDropdownItem[]>;
     /** Emits the selected item's value. */
     itemSelected: _angular_core.OutputEmitterRef<unknown>;
+    /** Computed CSS classes for the trigger button. */
+    triggerClasses: _angular_core.Signal<string>;
     triggerRef: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
     menuRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     itemButtons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
+    /** Non-separator items that can receive focus and be selected. */
+    private actionableItems;
     isOpen: _angular_core.WritableSignal<boolean>;
     focusedItemIndex: _angular_core.WritableSignal<number>;
     private instanceId;
@@ -861,10 +868,9 @@ declare class AfDropdownComponent {
     private focusItem;
     private focusCurrent;
     private nextEnabledIndex;
-    private getActionableItems;
     private handleTypeAhead;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfDropdownComponent, "af-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfDropdownComponent, "af-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
 }
 
 /**
@@ -1276,23 +1282,33 @@ declare class AfSidebarComponent {
 
 type AfIconSize = 'sm' | 'md' | 'lg' | 'xl';
 /**
- * Icon component that abstracts the icon rendering strategy.
+ * Icon wrapper that applies Construct Design System sizing via `ct-icon` classes.
  *
- * Currently uses Material Icons font ligatures. The icon strategy
- * can be changed centrally without modifying consumers.
+ * Uses content projection so any icon source can be used:
+ * Lucide, custom SVGs, or other icon libraries.
  *
- * @example
- * <af-icon name="delete" />
- * <af-icon name="edit" size="sm" />
+ * @example Using with Lucide
+ * ```html
+ * <af-icon size="sm">
+ *   <lucide-x />
+ * </af-icon>
+ * ```
+ *
+ * @example Using with inline SVG
+ * ```html
+ * <af-icon size="lg">
+ *   <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+ *     <circle cx="12" cy="12" r="10" />
+ *   </svg>
+ * </af-icon>
+ * ```
  */
 declare class AfIconComponent {
-    /** Material Icon name (ligature) */
-    name: _angular_core.InputSignal<string>;
     /** Icon size variant */
     size: _angular_core.InputSignal<AfIconSize>;
     iconClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfIconComponent, "af-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfIconComponent, "af-icon", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type AfSliderSize = 'sm' | 'md' | 'lg';