ps-helix 2.0.7 → 2.1.0

package/README.md

@@ -2,7 +2,7 @@
 
 A comprehensive Angular component library built with Angular 20+ featuring modern design patterns, accessibility-first development, and optimal developer experience.
 
-[![npm version](https://img.shields.io/badge/npm-2.0.7-blue.svg)](https://www.npmjs.com/package/ps-helix)
+[![npm version](https://img.shields.io/badge/npm-2.1.0-blue.svg)](https://www.npmjs.com/package/ps-helix)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![Angular](https://img.shields.io/badge/Angular-20.0.0-red.svg)](https://angular.dev/)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.8.0-blue.svg)](https://www.typescriptlang.org/)
@@ -87,14 +87,26 @@ The following dependencies are bundled with ps-helix:
 
 ## Installation
 
-Install the package via npm:
+Install the package via your preferred package manager:
 
+**Avec pnpm (recommandé) :**
+```bash
+pnpm add ps-helix
+```
+
+**Avec npm :**
 ```bash
 npm install ps-helix
 ```
 
 All peer dependencies should be automatically installed. If not, install them manually:
 
+**Avec pnpm :**
+```bash
+pnpm add @angular/common@^20.0.0 @angular/core@^20.0.0 @angular/forms@^20.0.0 @ngx-translate/core@^15.0.0 rxjs@^7.8.0
+```
+
+**Avec npm :**
 ```bash
 npm install @angular/common@^20.0.0 @angular/core@^20.0.0 @angular/forms@^20.0.0 @ngx-translate/core@^15.0.0 rxjs@^7.8.0
 ```
@@ -106,7 +118,7 @@ After installation, verify that ps-helix is in your `package.json`:
 ```json
 {
   "dependencies": {
-    "ps-helix": "^2.0.7"
+    "ps-helix": "^2.1.0"
   }
 }
 ```
@@ -756,11 +768,29 @@ const size: ModalSize = 'small' | 'medium' | 'large' | 'fullscreen';
 ### Select Types
 
 ```typescript
-import { SelectFilterMode, SelectPlacement, SelectSize } from 'ps-helix';
+import { SelectOption, SelectOptionGroup, SelectSize, SearchConfig } from 'ps-helix';
 
-const filterMode: SelectFilterMode = 'none' | 'startsWith' | 'contains';
-const placement: SelectPlacement = 'bottom' | 'top';
-const size: SelectSize = 'small' | 'medium' | 'large';
+interface SelectOption<T> {
+  label: string;
+  value: T;
+  icon?: string;
+  disabled?: boolean;
+  description?: string;
+}
+
+interface SelectOptionGroup<T> {
+  label: string;
+  options: SelectOption<T>[];
+  disabled?: boolean;
+}
+
+interface SearchConfig {
+  debounceTime: number;
+  placeholder: string;
+  minLength: number;
+}
+
+type SelectSize = 'small' | 'medium' | 'large';
 ```
 
 ### Stepper Types
@@ -1037,7 +1067,9 @@ See [THEME.md](./THEME.md) for complete theming documentation.
 1. Verify Angular version is 20.0.0 or higher
 2. Check `tsconfig.json` has `"strict": true`
 3. Ensure all peer dependencies are installed
-4. Clear node_modules and reinstall: `rm -rf node_modules && npm install`
+4. Clear node_modules and reinstall:
+   - Avec pnpm: `rm -rf node_modules && pnpm install`
+   - Avec npm: `rm -rf node_modules && npm install`
 
 ### Performance Issues
 
@@ -1084,23 +1116,24 @@ Helix Design System supports:
 
 ## Development Scripts
 
-The following npm scripts are available for library development:
+The following scripts are available for library development:
 
+**Avec pnpm (recommandé) :**
 ```bash
-# Build the library
-npm run build:lib
-
-# Watch for changes and rebuild
-npm run watch:lib
-
-# Publish to npm registry
-npm run publish:lib
-
-# Build demo application
-npm run build
+pnpm run build:lib    # Build the library
+pnpm run watch:lib    # Watch for changes and rebuild
+pnpm run publish:lib  # Publish to npm registry
+pnpm run build        # Build demo application
+pnpm run dev          # Run demo application in dev mode
+```
 
-# Run demo application in dev mode
-npm run dev
+**Avec npm :**
+```bash
+npm run build:lib     # Build the library
+npm run watch:lib     # Watch for changes and rebuild
+npm run publish:lib   # Publish to npm registry
+npm run build         # Build demo application
+npm run dev           # Run demo application in dev mode
 ```
 
 ## Contributing
@@ -1140,7 +1173,7 @@ Copyright (c) 2025 PACK Solutions
 
 ---
 
-**Version**: 2.0.7
+**Version**: 2.1.0
 **Built with**: Angular 20.0.0, TypeScript 5.8.0, Phosphor Icons 2.0.3
 **Author**: Fabrice PEREZ | Product Designer at PACK Solutions
 **Last Updated**: December 2025