valtech-components 2.0.878 → 2.0.880

package/lib/components/atoms/pattern/motifs.d.ts

@@ -10,13 +10,15 @@
  * transform="translate(col*100 row*100)">` con un `<rect width=100 height=100
  * fill=bg/>` de fondo.
  */
-export type PatternMotifKey = 'chev-r' | 'chev-l' | 'chev-d' | 'chev-u' | 'tri-tl' | 'tri-tr' | 'tri-bl' | 'tri-br' | 'solid' | 'diamond' | 'small-r' | 'small-l' | 'arrow-r' | 'arrow-l' | 'house-d' | 'half-l' | 'half-t' | 'circle' | 'circle-sm' | 'dot' | 'cross' | 'x-mark' | 'slash-r' | 'slash-l' | 'corner-tl' | 'corner-tr' | 'corner-bl' | 'corner-br';
+export type PatternMotifKey = 'chev-r' | 'chev-l' | 'chev-d' | 'chev-u' | 'tri-tl' | 'tri-tr' | 'tri-bl' | 'tri-br' | 'solid' | 'diamond' | 'small-r' | 'small-l' | 'arrow-r' | 'arrow-l' | 'house-d' | 'half-l' | 'half-t' | 'circle' | 'circle-sm' | 'dot' | 'cross' | 'x-mark' | 'slash-r' | 'slash-l' | 'corner-tl' | 'corner-tr' | 'corner-bl' | 'corner-br' | 'underscore' | 'num-0' | 'num-1' | 'num-2' | 'num-3' | 'num-4' | 'num-5' | 'num-6' | 'num-7' | 'num-8' | 'num-9';
 export declare const PATTERN_MOTIFS: Record<PatternMotifKey, (fg: string) => string>;
 export declare const MOTIF_KEYS: PatternMotifKey[];
 /** Chevron family — orientaciones + variantes pequeñas. */
 export declare const CHEV_KEYS: PatternMotifKey[];
-/** Stroke family — líneas y cruces (complementan chevrons). */
+/** Stroke family — líneas, cruces y el guión bajo del logo `>_`. */
 export declare const STROKE_KEYS: PatternMotifKey[];
+/** Numeric family — dígitos 0-9 en monospace bold. */
+export declare const NUM_KEYS: PatternMotifKey[];
 /** Circle / dot family — formas curvas centradas. */
 export declare const CIRCLE_KEYS: PatternMotifKey[];
 /** Diamond solo — forma geométrica angular centrada. */
@@ -28,7 +30,7 @@ export declare const CORNER_KEYS: PatternMotifKey[];
 /** No-foreground tiles — solo rect de fondo. */
 export declare const SOLID_KEYS: PatternMotifKey[];
 /** Built-in palettes — 8 colores dark → light. */
-export type PatternPaletteKey = 'purple' | 'ink' | 'lavender' | 'midnight' | 'ember' | 'forest' | 'rose' | 'gold' | 'mono';
+export type PatternPaletteKey = 'purple' | 'ink' | 'lavender' | 'midnight' | 'ember' | 'forest' | 'rose' | 'gold' | 'mono' | 'teal' | 'ocean' | 'violet' | 'dusk' | 'slate';
 export declare const PATTERN_PALETTES: Record<PatternPaletteKey, string[]>;
 /**
  * Preset de composición del patrón. Controla qué familias predominan.
@@ -37,12 +39,13 @@ export declare const PATTERN_PALETTES: Record<PatternPaletteKey, string[]>;
  * - `geometric` → Triángulos, esquinas y círculos. Más arquitectónico.
  * - `minimal`   → Espacios sólidos con trazos sutiles. Limpio, corporativo.
  * - `dense`     → Mezcla rica de todas las familias. Máxima textura.
+ * - `code`      → Números, underscore y chevrons. Look de terminal.
  */
-export type PatternStyleKey = 'branded' | 'geometric' | 'minimal' | 'dense';
+export type PatternStyleKey = 'branded' | 'geometric' | 'minimal' | 'dense' | 'code';
 export interface PatternDensityConfig {
     /** Probabilidad de chevron family. */
     chev: number;
-    /** Probabilidad de stroke family (cross, x, slash). */
+    /** Probabilidad de stroke family (cross, x, slash, underscore). */
     stroke: number;
     /** Probabilidad de círculos. */
     circle: number;
@@ -50,6 +53,8 @@ export interface PatternDensityConfig {
     shape: number;
     /** Probabilidad de solid (espacio vacío). */
     solid: number;
+    /** Probabilidad de numeric family (0-9). Default: 0. */
+    num?: number;
 }
 export declare const PATTERN_STYLE_CONFIGS: Record<PatternStyleKey, PatternDensityConfig>;
 /**
@@ -64,11 +69,14 @@ export interface PatternGenConfig {
     palette: string[];
     chevronDensity?: number;
     style?: PatternStyleKey;
+    /** Si true, cada tile recibe una rotación aleatoria [0/90/180/270°]. */
+    tileRotation?: boolean;
 }
 export interface PatternTile {
     motif: PatternMotifKey;
     bg: string;
     fg: string;
+    rot?: 0 | 90 | 180 | 270;
 }
 /**
  * Genera UN tile respetando densidades de familia + contraste de palette.

package/lib/components/atoms/pattern/pattern.component.d.ts

@@ -42,6 +42,7 @@ export declare class PatternComponent implements OnDestroy {
     private readonly animated;
     private readonly reshuffleInterval;
     private readonly tilesPerTick;
+    private readonly tileRotation;
     private timer?;
     set props(value: PatternMetadata | undefined);
     /**

package/lib/components/atoms/pattern/types.d.ts

@@ -25,7 +25,8 @@ import { PatternPaletteKey, PatternStyleKey } from './motifs';
 export interface PatternMetadata {
     /**
      * Palette built-in o array custom de 8 colores dark → light.
-     * Built-ins: `'purple' | 'ink' | 'lavender' | 'midnight' | 'ember' | 'forest' | 'rose' | 'gold' | 'mono'`.
+     * Built-ins: `'purple' | 'ink' | 'lavender' | 'midnight' | 'ember' | 'forest' | 'rose' | 'gold' | 'mono'
+     *   | 'teal' | 'ocean' | 'violet' | 'dusk' | 'slate'`.
      * Default: `'purple'`.
      */
     palette?: PatternPaletteKey | string[];
@@ -35,6 +36,7 @@ export interface PatternMetadata {
      * - `geometric` → Triángulos, esquinas redondeadas y círculos.
      * - `minimal`   → Mayoría sólido con trazos sutiles. Look corporativo limpio.
      * - `dense`     → Mezcla rica de todas las familias. Máxima textura.
+     * - `code`      → Números, underscore `_` y chevrons. Look de terminal/código.
      *
      * Cuando se usa `style`, sobreescribe `chevronDensity`.
      */
@@ -76,4 +78,10 @@ export interface PatternMetadata {
      * `meet` — fit completo sin crop.
      */
     preserveAspect?: 'slice' | 'meet';
+    /**
+     * Si `true`, cada tile recibe una rotación aleatoria de 0/90/180/270°.
+     * Multiplica la variedad visual sin añadir nuevos motifs.
+     * Útil con `style: 'geometric'` o `'dense'`. Default: `false`.
+     */
+    tileRotation?: boolean;
 }

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "2.0.878";
+export declare const VERSION = "2.0.880";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.878",
+  "version": "2.0.880",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"