@sourceful-energy/ui 0.1.31 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.d.mts +39 -8
  2. package/dist/index.d.ts +39 -8
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +1 -1
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -483,7 +483,7 @@ declare function DesignSystemProvider({ children, defaultTheme, defaultFontMode,
483
483
  * 3 4 5
484
484
  * 6 7 8
485
485
  */
486
- type PatternType$4 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "L-tl" | "L-tr" | "L-bl" | "L-br" | "T-top" | "T-bot" | "T-left" | "T-right" | "duo-h" | "duo-v" | "duo-diag" | "frame" | "frame-sync" | "plus-hollow" | "sparse-1" | "sparse-2" | "sparse-3";
486
+ type PatternType$5 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "L-tl" | "L-tr" | "L-bl" | "L-br" | "T-top" | "T-bot" | "T-left" | "T-right" | "duo-h" | "duo-v" | "duo-diag" | "frame" | "frame-sync" | "plus-hollow" | "sparse-1" | "sparse-2" | "sparse-3";
487
487
  interface PatternFrame {
488
488
  activePixels: number[];
489
489
  duration?: number;
@@ -499,9 +499,9 @@ interface PatternDefinition {
499
499
  * Each pattern is an array of frames, where each frame specifies which pixels are active.
500
500
  * Animation interpolates between frames for smooth transitions.
501
501
  */
502
- declare const patterns: Record<PatternType$4, PatternDefinition>;
503
- declare const patternNames: PatternType$4[];
504
- declare const patternCategories: Record<string, PatternType$4[]>;
502
+ declare const patterns: Record<PatternType$5, PatternDefinition>;
503
+ declare const patternNames: PatternType$5[];
504
+ declare const patternCategories: Record<string, PatternType$5[]>;
505
505
 
506
506
  /**
507
507
  * Pattern definitions for the 4x4 PixelGrid component.
@@ -512,7 +512,19 @@ declare const patternCategories: Record<string, PatternType$4[]>;
512
512
  * 8 9 10 11 (row 2)
513
513
  * 12 13 14 15 (row 3)
514
514
  */
515
- type PatternType$3 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "frame" | "frame-sync" | "plus-hollow" | "square-inner" | "square-outer" | "cross-full" | "cross-spin";
515
+ type PatternType$4 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "frame" | "frame-sync" | "plus-hollow" | "square-inner" | "square-outer" | "cross-full" | "cross-spin";
516
+
517
+ /**
518
+ * Pattern definitions for the 5x5 PixelGrid component.
519
+ *
520
+ * Grid position reference (5x5):
521
+ * 0 1 2 3 4 (row 0)
522
+ * 5 6 7 8 9 (row 1)
523
+ * 10 11 12 13 14 (row 2)
524
+ * 15 16 17 18 19 (row 3)
525
+ * 20 21 22 23 24 (row 4)
526
+ */
527
+ type PatternType$3 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "frame" | "frame-sync" | "plus-hollow" | "diamond" | "diamond-fill" | "spiral" | "x-pattern" | "ring-inner" | "ring-outer" | "checkerboard";
516
528
 
517
529
  /**
518
530
  * Pattern definitions for the 6x6 PixelGrid component.
@@ -527,12 +539,31 @@ type PatternType$3 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "lin
527
539
  */
528
540
  type PatternType$2 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "frame" | "frame-sync" | "plus-hollow" | "ripple" | "spiral" | "checkerboard" | "diamond" | "wave";
529
541
 
542
+ /**
543
+ * Zap LED Animation Patterns for M5Stack Atom Matrix (5x5 grid)
544
+ *
545
+ * Hardware: M5Stack Atom Matrix
546
+ * - 5x5 WS2812C RGB LED matrix (25 individually addressable LEDs)
547
+ * - ESP32-PICO-D4 @ 240MHz
548
+ * - Recommended brightness: 20 (FastLED scale)
549
+ * - Ultra-compact: 24x24x13.8mm
550
+ *
551
+ * Grid position reference (5x5):
552
+ * 0 1 2 3 4 (row 0)
553
+ * 5 6 7 8 9 (row 1)
554
+ * 10 11 12 13 14 (row 2)
555
+ * 15 16 17 18 19 (row 3)
556
+ * 20 21 22 23 24 (row 4)
557
+ */
558
+
559
+ type ZapPatternType = "zap-boot" | "zap-ready" | "zap-logo" | "zap-pairing" | "zap-connecting" | "zap-connected" | "zap-no-network" | "zap-active" | "zap-standby" | "zap-offline" | "zap-data-tx" | "zap-syncing" | "zap-no-data" | "zap-importing" | "zap-exporting" | "zap-charging" | "zap-discharging" | "zap-peak-alert" | "zap-grid-event" | "zap-local" | "zap-remote" | "zap-scheduled" | "zap-error" | "zap-warning" | "zap-updating" | "zap-ev-connected" | "zap-ev-charging" | "zap-v2x-active" | "zap-ev-complete" | "zap-meter-reading" | "zap-meter-connected" | "zap-phase-balance" | "zap-soc-0" | "zap-soc-25" | "zap-soc-50" | "zap-soc-75" | "zap-soc-100" | "zap-smiley" | "zap-smiley-wink" | "zap-heart" | "zap-heart-beat" | "zap-star" | "zap-star-spin" | "zap-fireworks" | "zap-confetti" | "zap-flower" | "zap-sun" | "zap-moon" | "zap-cloud" | "zap-rain" | "zap-snow" | "zap-waves" | "zap-fire" | "zap-tree" | "zap-house" | "zap-car" | "zap-rocket" | "zap-ghost" | "zap-skull" | "zap-cat" | "zap-fish" | "zap-music" | "zap-checkmark" | "zap-cross" | "zap-question" | "zap-exclaim" | "zap-arrow-up" | "zap-arrow-down" | "zap-arrow-left" | "zap-arrow-right" | "zap-play" | "zap-pause" | "zap-stop" | "zap-power" | "zap-wifi-bars" | "zap-signal" | "zap-hourglass" | "zap-clock" | "zap-bell" | "zap-mail" | "zap-pacman" | "zap-space-invader" | "zap-tetris" | "zap-dice" | "zap-crown" | "zap-trophy";
560
+
530
561
  type PixelGridColor = "blue" | "pink" | "green";
531
562
  type PixelGridSpeed = "slow" | "normal" | "fast";
532
563
  type PixelGridSize = "sm" | "md" | "lg";
533
- type PixelGridDimension = 3 | 4 | 6;
564
+ type PixelGridDimension = 3 | 4 | 5 | 6;
534
565
 
535
- type PatternType$1 = PatternType$4 | PatternType$3 | PatternType$2;
566
+ type PatternType$1 = PatternType$5 | PatternType$4 | PatternType$3 | PatternType$2 | ZapPatternType;
536
567
  interface PixelGridProps {
537
568
  /** The animation pattern to display */
538
569
  pattern: PatternType$1;
@@ -558,7 +589,7 @@ declare namespace PixelGrid {
558
589
  var displayName: string;
559
590
  }
560
591
 
561
- type PatternType = PatternType$4 | PatternType$3 | PatternType$2;
592
+ type PatternType = PatternType$5 | PatternType$4 | PatternType$3 | PatternType$2;
562
593
  interface PixelGridShowcaseProps {
563
594
  /** Grid dimension - 3x3, 4x4, or 6x6 */
564
595
  dimension?: PixelGridDimension;
package/dist/index.d.ts CHANGED
@@ -483,7 +483,7 @@ declare function DesignSystemProvider({ children, defaultTheme, defaultFontMode,
483
483
  * 3 4 5
484
484
  * 6 7 8
485
485
  */
486
- type PatternType$4 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "L-tl" | "L-tr" | "L-bl" | "L-br" | "T-top" | "T-bot" | "T-left" | "T-right" | "duo-h" | "duo-v" | "duo-diag" | "frame" | "frame-sync" | "plus-hollow" | "sparse-1" | "sparse-2" | "sparse-3";
486
+ type PatternType$5 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "L-tl" | "L-tr" | "L-bl" | "L-br" | "T-top" | "T-bot" | "T-left" | "T-right" | "duo-h" | "duo-v" | "duo-diag" | "frame" | "frame-sync" | "plus-hollow" | "sparse-1" | "sparse-2" | "sparse-3";
487
487
  interface PatternFrame {
488
488
  activePixels: number[];
489
489
  duration?: number;
@@ -499,9 +499,9 @@ interface PatternDefinition {
499
499
  * Each pattern is an array of frames, where each frame specifies which pixels are active.
500
500
  * Animation interpolates between frames for smooth transitions.
501
501
  */
502
- declare const patterns: Record<PatternType$4, PatternDefinition>;
503
- declare const patternNames: PatternType$4[];
504
- declare const patternCategories: Record<string, PatternType$4[]>;
502
+ declare const patterns: Record<PatternType$5, PatternDefinition>;
503
+ declare const patternNames: PatternType$5[];
504
+ declare const patternCategories: Record<string, PatternType$5[]>;
505
505
 
506
506
  /**
507
507
  * Pattern definitions for the 4x4 PixelGrid component.
@@ -512,7 +512,19 @@ declare const patternCategories: Record<string, PatternType$4[]>;
512
512
  * 8 9 10 11 (row 2)
513
513
  * 12 13 14 15 (row 3)
514
514
  */
515
- type PatternType$3 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "frame" | "frame-sync" | "plus-hollow" | "square-inner" | "square-outer" | "cross-full" | "cross-spin";
515
+ type PatternType$4 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "frame" | "frame-sync" | "plus-hollow" | "square-inner" | "square-outer" | "cross-full" | "cross-spin";
516
+
517
+ /**
518
+ * Pattern definitions for the 5x5 PixelGrid component.
519
+ *
520
+ * Grid position reference (5x5):
521
+ * 0 1 2 3 4 (row 0)
522
+ * 5 6 7 8 9 (row 1)
523
+ * 10 11 12 13 14 (row 2)
524
+ * 15 16 17 18 19 (row 3)
525
+ * 20 21 22 23 24 (row 4)
526
+ */
527
+ type PatternType$3 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "frame" | "frame-sync" | "plus-hollow" | "diamond" | "diamond-fill" | "spiral" | "x-pattern" | "ring-inner" | "ring-outer" | "checkerboard";
516
528
 
517
529
  /**
518
530
  * Pattern definitions for the 6x6 PixelGrid component.
@@ -527,12 +539,31 @@ type PatternType$3 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "lin
527
539
  */
528
540
  type PatternType$2 = "solo-center" | "solo-tl" | "solo-br" | "line-h-top" | "line-h-mid" | "line-h-bot" | "line-v-left" | "line-v-mid" | "line-v-right" | "line-diag-1" | "line-diag-2" | "corners-sync" | "corners-only" | "frame" | "frame-sync" | "plus-hollow" | "ripple" | "spiral" | "checkerboard" | "diamond" | "wave";
529
541
 
542
+ /**
543
+ * Zap LED Animation Patterns for M5Stack Atom Matrix (5x5 grid)
544
+ *
545
+ * Hardware: M5Stack Atom Matrix
546
+ * - 5x5 WS2812C RGB LED matrix (25 individually addressable LEDs)
547
+ * - ESP32-PICO-D4 @ 240MHz
548
+ * - Recommended brightness: 20 (FastLED scale)
549
+ * - Ultra-compact: 24x24x13.8mm
550
+ *
551
+ * Grid position reference (5x5):
552
+ * 0 1 2 3 4 (row 0)
553
+ * 5 6 7 8 9 (row 1)
554
+ * 10 11 12 13 14 (row 2)
555
+ * 15 16 17 18 19 (row 3)
556
+ * 20 21 22 23 24 (row 4)
557
+ */
558
+
559
+ type ZapPatternType = "zap-boot" | "zap-ready" | "zap-logo" | "zap-pairing" | "zap-connecting" | "zap-connected" | "zap-no-network" | "zap-active" | "zap-standby" | "zap-offline" | "zap-data-tx" | "zap-syncing" | "zap-no-data" | "zap-importing" | "zap-exporting" | "zap-charging" | "zap-discharging" | "zap-peak-alert" | "zap-grid-event" | "zap-local" | "zap-remote" | "zap-scheduled" | "zap-error" | "zap-warning" | "zap-updating" | "zap-ev-connected" | "zap-ev-charging" | "zap-v2x-active" | "zap-ev-complete" | "zap-meter-reading" | "zap-meter-connected" | "zap-phase-balance" | "zap-soc-0" | "zap-soc-25" | "zap-soc-50" | "zap-soc-75" | "zap-soc-100" | "zap-smiley" | "zap-smiley-wink" | "zap-heart" | "zap-heart-beat" | "zap-star" | "zap-star-spin" | "zap-fireworks" | "zap-confetti" | "zap-flower" | "zap-sun" | "zap-moon" | "zap-cloud" | "zap-rain" | "zap-snow" | "zap-waves" | "zap-fire" | "zap-tree" | "zap-house" | "zap-car" | "zap-rocket" | "zap-ghost" | "zap-skull" | "zap-cat" | "zap-fish" | "zap-music" | "zap-checkmark" | "zap-cross" | "zap-question" | "zap-exclaim" | "zap-arrow-up" | "zap-arrow-down" | "zap-arrow-left" | "zap-arrow-right" | "zap-play" | "zap-pause" | "zap-stop" | "zap-power" | "zap-wifi-bars" | "zap-signal" | "zap-hourglass" | "zap-clock" | "zap-bell" | "zap-mail" | "zap-pacman" | "zap-space-invader" | "zap-tetris" | "zap-dice" | "zap-crown" | "zap-trophy";
560
+
530
561
  type PixelGridColor = "blue" | "pink" | "green";
531
562
  type PixelGridSpeed = "slow" | "normal" | "fast";
532
563
  type PixelGridSize = "sm" | "md" | "lg";
533
- type PixelGridDimension = 3 | 4 | 6;
564
+ type PixelGridDimension = 3 | 4 | 5 | 6;
534
565
 
535
- type PatternType$1 = PatternType$4 | PatternType$3 | PatternType$2;
566
+ type PatternType$1 = PatternType$5 | PatternType$4 | PatternType$3 | PatternType$2 | ZapPatternType;
536
567
  interface PixelGridProps {
537
568
  /** The animation pattern to display */
538
569
  pattern: PatternType$1;
@@ -558,7 +589,7 @@ declare namespace PixelGrid {
558
589
  var displayName: string;
559
590
  }
560
591
 
561
- type PatternType = PatternType$4 | PatternType$3 | PatternType$2;
592
+ type PatternType = PatternType$5 | PatternType$4 | PatternType$3 | PatternType$2;
562
593
  interface PixelGridShowcaseProps {
563
594
  /** Grid dimension - 3x3, 4x4, or 6x6 */
564
595
  dimension?: PixelGridDimension;