@almadar/std 16.9.1 → 16.9.2

package/behaviors/registry/core-variations/atoms/std-stats-hero-metric.orb

@@ -55,87 +55,88 @@
           "config": {
             "bodyContent": {
               "direction": "vertical",
+              "gap": "none",
               "type": "stack",
               "className": "relative w-full rounded-xl shadow-lg overflow-hidden",
               "children": [
                 {
-                  "look": "elevated",
+                  "type": "card",
                   "padding": "lg",
                   "children": [
                     {
+                      "className": "relative z-10 w-full max-w-2xl mx-auto text-center",
+                      "direction": "vertical",
                       "type": "stack",
                       "align": "center",
+                      "gap": "md",
                       "children": [
                         {
-                          "align": "center",
                           "gap": "sm",
+                          "align": "center",
                           "justify": "center",
+                          "type": "stack",
                           "children": [
                             {
+                              "type": "icon",
                               "name": "@entity.icon",
                               "color": "muted",
-                              "type": "icon",
                               "size": "md"
                             },
                             {
-                              "type": "typography",
+                              "className": "uppercase tracking-widest",
                               "color": "muted",
                               "variant": "overline",
                               "weight": "bold",
-                              "content": "@entity.label",
-                              "className": "uppercase tracking-widest"
+                              "type": "typography",
+                              "content": "@entity.label"
                             }
                           ],
-                          "type": "stack",
                           "direction": "horizontal"
                         },
                         {
-                          "className": "py-section",
                           "children": [
                             {
-                              "content": "@entity.prefix",
-                              "weight": "normal",
                               "color": "muted",
+                              "weight": "normal",
                               "type": "typography",
-                              "variant": "h2"
+                              "variant": "h2",
+                              "content": "@entity.prefix"
                             },
                             {
                               "value": "@entity.value",
-                              "type": "animated-counter",
-                              "className": "text-7xl md:text-8xl font-bold tracking-tighter tabular-nums text-[var(--color-foreground)]"
+                              "className": "text-7xl md:text-8xl font-bold tracking-tighter tabular-nums text-[var(--color-foreground)]",
+                              "type": "animated-counter"
                             },
                             {
-                              "variant": "h2",
-                              "color": "muted",
                               "type": "typography",
                               "content": "@entity.suffix",
+                              "variant": "h2",
+                              "color": "muted",
                               "weight": "normal"
                             }
                           ],
-                          "gap": "xs",
-                          "justify": "center",
                           "type": "stack",
                           "align": "baseline",
+                          "justify": "center",
+                          "gap": "xs",
+                          "className": "py-section",
                           "direction": "horizontal"
                         },
                         {
-                          "showValue": true,
-                          "size": "md",
+                          "value": "@entity.trend",
                           "type": "trend-indicator",
-                          "value": "@entity.trend"
+                          "showValue": true,
+                          "size": "md"
                         }
-                      ],
-                      "gap": "md",
-                      "direction": "vertical",
-                      "className": "relative z-10 w-full max-w-2xl mx-auto text-center"
+                      ]
                     },
                     {
-                      "type": "sparkline",
-                      "strokeWidth": 1.0,
-                      "color": "auto",
                       "height": 96.0,
                       "fill": true,
+                      "color": "auto",
+                      "type": "sparkline",
                       "className": "absolute inset-x-0 bottom-0 w-full opacity-10 pointer-events-none",
+                      "strokeWidth": 1.0,
                       "data": [
                         1.0,
                         2.0,
@@ -147,10 +148,9 @@
                       ]
                     }
                   ],
-                  "type": "card"
+                  "look": "elevated"
                 }
-              ],
-              "gap": "none"
+              ]
             }
           }
         }

package/behaviors/registry/core-variations/atoms/std-stats-kpi-tiles.orb

@@ -40,86 +40,86 @@
                     "info"
                   ]
                 },
-                "trendPolarity": {
-                  "name": "trendPolarity",
+                "icon": {
+                  "name": "icon",
                   "type": "string",
-                  "required": false,
-                  "values": [
-                    "higher-is-better",
-                    "lower-is-better"
-                  ]
+                  "required": false
                 },
-                "trendFormat": {
-                  "name": "trendFormat",
-                  "type": "string",
-                  "required": false,
-                  "values": [
-                    "absolute",
-                    "percent"
-                  ]
+                "target": {
+                  "name": "target",
+                  "type": "number",
+                  "required": false
                 },
                 "value": {
                   "name": "value",
                   "type": "number",
                   "required": false
                 },
-                "prefix": {
-                  "name": "prefix",
-                  "type": "string",
+                "max": {
+                  "name": "max",
+                  "type": "number",
                   "required": false
                 },
-                "sparklineData": {
-                  "name": "sparklineData",
-                  "type": "array",
-                  "required": false,
-                  "items": {
-                    "type": "number"
-                  }
+                "trend": {
+                  "name": "trend",
+                  "type": "number",
+                  "required": false
                 },
                 "clickEvent": {
                   "name": "clickEvent",
                   "type": "string",
                   "required": false
                 },
-                "suffix": {
-                  "name": "suffix",
+                "format": {
+                  "name": "format",
                   "type": "string",
-                  "required": false
-                },
-                "max": {
-                  "name": "max",
-                  "type": "number",
-                  "required": false
+                  "required": false,
+                  "values": [
+                    "number",
+                    "currency",
+                    "percent"
+                  ]
                 },
-                "icon": {
-                  "name": "icon",
+                "trendPolarity": {
+                  "name": "trendPolarity",
                   "type": "string",
-                  "required": false
+                  "required": false,
+                  "values": [
+                    "higher-is-better",
+                    "lower-is-better"
+                  ]
                 },
                 "label": {
                   "name": "label",
                   "type": "string",
                   "required": true
                 },
-                "format": {
-                  "name": "format",
+                "suffix": {
+                  "name": "suffix",
+                  "type": "string",
+                  "required": false
+                },
+                "trendFormat": {
+                  "name": "trendFormat",
                   "type": "string",
                   "required": false,
                   "values": [
-                    "number",
-                    "currency",
+                    "absolute",
                     "percent"
                   ]
                 },
-                "target": {
-                  "name": "target",
-                  "type": "number",
+                "prefix": {
+                  "name": "prefix",
+                  "type": "string",
                   "required": false
                 },
-                "trend": {
-                  "name": "trend",
-                  "type": "number",
-                  "required": false
+                "sparklineData": {
+                  "name": "sparklineData",
+                  "type": "array",
+                  "required": false,
+                  "items": {
+                    "type": "number"
+                  }
                 }
               }
             }
@@ -134,76 +134,85 @@
           "config": {
             "bodyContent": {
               "gap": "lg",
-              "className": "w-full",
               "type": "simple-grid",
+              "className": "w-full",
+              "cols": 4.0,
               "children": [
                 {
+                  "fields": [],
+                  "type": "data-list",
+                  "entity": "@entity.cards",
+                  "cols": 4.0,
                   "renderItem": [
                     "fn",
                     "card",
                     {
-                      "gap": "sm",
-                      "className": "rounded-lg border border-[var(--color-border)] bg-[var(--color-surface)] p-card-lg shadow-elevation-sm hover:shadow-elevation-md transition-shadow",
                       "children": [
                         {
-                          "type": "stack",
                           "gap": "xs",
-                          "direction": "horizontal",
-                          "align": "center",
                           "justify": "between",
+                          "type": "stack",
                           "children": [
                             {
-                              "variant": "caption",
-                              "weight": "medium",
                               "content": "@card.label",
                               "color": "muted",
+                              "weight": "medium",
                               "className": "uppercase tracking-wide",
-                              "type": "typography"
+                              "type": "typography",
+                              "variant": "caption"
                             },
                             {
-                              "name": "@card.icon",
                               "type": "icon",
-                              "size": "sm",
-                              "color": "muted"
+                              "name": "@card.icon",
+                              "color": "muted",
+                              "size": "sm"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal",
+                          "align": "center"
                         },
                         {
+                          "direction": "horizontal",
+                          "gap": "xs",
+                          "type": "stack",
+                          "align": "baseline",
                           "children": [
                             {
                               "type": "typography",
-                              "color": "muted",
                               "variant": "caption",
+                              "color": "muted",
                               "content": "@card.prefix"
                             },
                             {
-                              "type": "animated-counter",
+                              "className": "text-4xl font-bold tracking-tight",
                               "value": "@card.value",
-                              "className": "text-4xl font-bold tracking-tight"
+                              "type": "animated-counter"
                             },
                             {
-                              "color": "muted",
-                              "content": "@card.suffix",
                               "type": "typography",
-                              "variant": "caption"
+                              "color": "muted",
+                              "variant": "caption",
+                              "content": "@card.suffix"
                             }
-                          ],
-                          "gap": "xs",
-                          "direction": "horizontal",
-                          "align": "baseline",
-                          "type": "stack"
+                          ]
                         },
                         {
+                          "direction": "horizontal",
+                          "align": "center",
+                          "type": "stack",
+                          "gap": "sm",
                           "children": [
                             {
-                              "size": "sm",
-                              "type": "trend-indicator",
                               "showValue": true,
-                              "value": "@card.trend"
+                              "type": "trend-indicator",
+                              "value": "@card.trend",
+                              "size": "sm"
                             },
                             {
-                              "height": 24.0,
+                              "type": "sparkline",
                               "color": "auto",
+                              "fill": true,
+                              "className": "flex-1",
                               "data": [
                                 1.0,
                                 2.0,
@@ -213,29 +222,20 @@
                                 6.0,
                                 7.0
                               ],
-                              "type": "sparkline",
-                              "fill": true,
-                              "className": "flex-1"
+                              "height": 24.0
                             }
-                          ],
-                          "gap": "sm",
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "align": "center"
+                          ]
                         }
                       ],
+                      "gap": "sm",
                       "type": "stack",
-                      "direction": "vertical"
+                      "direction": "vertical",
+                      "className": "rounded-lg border border-[var(--color-border)] bg-[var(--color-surface)] p-card-lg shadow-elevation-sm hover:shadow-elevation-md transition-shadow"
                     }
                   ],
-                  "entity": "@entity.cards",
-                  "gap": "lg",
-                  "cols": 4.0,
-                  "fields": [],
-                  "type": "data-list"
+                  "gap": "lg"
                 }
-              ],
-              "cols": 4.0
+              ]
             }
           }
         }