@almadar/std 16.228.0 → 16.230.0

package/behaviors/registry/ui/core/atoms/std-stat-band.orb

@@ -0,0 +1,311 @@
+{
+  "description": "std-stat-band — a band of headline figures from a config list: each item a big value (a number or short text such as '99.9%', '3x' or 'Open source') over a short label, centered in a row that wraps on small screens, under an optional heading. Display only — for figures computed from data use std-stats. Pick for 'by the numbers' strips on landing, about and product pages.",
+  "ledger": {
+    "entries": {
+      "ent_01M3B9EHSWJ1K1F5WCP9R3WDR1": {
+        "bakedName": "StatBandView",
+        "curName": "StatBandView",
+        "id": "ent_01M3B9EHSWJ1K1F5WCP9R3WDR1",
+        "kind": "entity",
+        "owner": "workspace",
+        "renames": []
+      },
+      "evt_01M3B9EHSW1JASM0EXR6QEN29C": {
+        "bakedName": "INIT",
+        "curName": "INIT",
+        "id": "evt_01M3B9EHSW1JASM0EXR6QEN29C",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M3B9EHSWXG7SGM4HMSS7CMFJ",
+        "renames": []
+      },
+      "orb_01M3B9EHSWX1HPZ4E2TYRX12R0": {
+        "bakedName": "StatBandOrbital",
+        "curName": "StatBandOrbital",
+        "id": "orb_01M3B9EHSWX1HPZ4E2TYRX12R0",
+        "kind": "orbital",
+        "owner": "workspace",
+        "renames": []
+      },
+      "pag_01M3B9EHSWTVK5S2FKXEG6GEHB": {
+        "bakedName": "StatBandPage",
+        "curName": "StatBandPage",
+        "id": "pag_01M3B9EHSWTVK5S2FKXEG6GEHB",
+        "kind": "page",
+        "owner": "workspace",
+        "renames": []
+      },
+      "trt_01M3B9EHSWXG7SGM4HMSS7CMFJ": {
+        "bakedName": "StatBandRender",
+        "curName": "StatBandRender",
+        "id": "trt_01M3B9EHSWXG7SGM4HMSS7CMFJ",
+        "kind": "trait",
+        "owner": "workspace",
+        "renames": []
+      }
+    },
+    "schemaVersion": 1
+  },
+  "name": "std-stat-band",
+  "orbitals": [
+    {
+      "entity": {
+        "fields": [
+          {
+            "name": "id",
+            "required": true,
+            "type": "string"
+          }
+        ],
+        "id": "ent_01M3B9EHSWJ1K1F5WCP9R3WDR1",
+        "name": "StatBandView",
+        "persistence": "runtime"
+      },
+      "id": "orb_01M3B9EHSWX1HPZ4E2TYRX12R0",
+      "name": "StatBandOrbital",
+      "pages": [
+        {
+          "id": "pag_01M3B9EHSWTVK5S2FKXEG6GEHB",
+          "name": "StatBandPage",
+          "path": "/stat-band",
+          "traits": [
+            {
+              "ref": "StatBandRender",
+              "refId": "trt_01M3B9EHSWXG7SGM4HMSS7CMFJ"
+            }
+          ]
+        }
+      ],
+      "traits": [
+        {
+          "category": "interaction",
+          "config": {
+            "heading": {
+              "default": "",
+              "description": "Heading above the figures; empty hides it",
+              "label": "Heading",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "items": {
+              "default": [
+                {
+                  "label": "Building blocks",
+                  "value": "120+"
+                },
+                {
+                  "label": "Languages",
+                  "value": "3"
+                },
+                {
+                  "label": "Uptime",
+                  "value": "99.9%"
+                }
+              ],
+              "description": "One entry per figure: value (number or short text) and label",
+              "items": {
+                "properties": {
+                  "label": {
+                    "name": "label",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "value": {
+                    "name": "value",
+                    "required": true,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Figures",
+              "synonyms": "stats, numbers, metrics, kpis, by the numbers",
+              "tier": "presentation",
+              "type": "[StatBandItem]"
+            },
+            "surface": {
+              "default": "plain",
+              "label": "Surface",
+              "tier": "presentation",
+              "type": "string",
+              "values": [
+                "plain",
+                "muted"
+              ]
+            }
+          },
+          "effectRow": [
+            {
+              "kind": "render-ui",
+              "resource": "main"
+            }
+          ],
+          "entityContract": {
+            "provides": [],
+            "requires": []
+          },
+          "entityRebindable": true,
+          "entityRefIds": {
+            "StatBandView": "ent_01M3B9EHSWJ1K1F5WCP9R3WDR1"
+          },
+          "id": "trt_01M3B9EHSWXG7SGM4HMSS7CMFJ",
+          "linkedEntity": "StatBandView",
+          "linkedEntityId": "ent_01M3B9EHSWJ1K1F5WCP9R3WDR1",
+          "name": "StatBandRender",
+          "scope": "instance",
+          "stateMachine": {
+            "events": [
+              {
+                "id": "evt_01M3B9EHSW1JASM0EXR6QEN29C",
+                "key": "INIT",
+                "name": "Initialize"
+              }
+            ],
+            "states": [
+              {
+                "isInitial": true,
+                "name": "idle"
+              }
+            ],
+            "transitions": [
+              {
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "bg": [
+                        "if",
+                        [
+                          "==",
+                          "@config.surface",
+                          "muted"
+                        ],
+                        "muted",
+                        "transparent"
+                      ],
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "children": [
+                                {
+                                  "align": "center",
+                                  "className": [
+                                    "if",
+                                    [
+                                      "==",
+                                      "@config.heading",
+                                      ""
+                                    ],
+                                    "hidden",
+                                    "tracking-tight"
+                                  ],
+                                  "content": "@config.heading",
+                                  "type": "typography",
+                                  "variant": "h3",
+                                  "weight": "bold"
+                                },
+                                {
+                                  "children": [
+                                    "array/map",
+                                    "@config.items",
+                                    [
+                                      "fn",
+                                      "item",
+                                      {
+                                        "align": "center",
+                                        "children": [
+                                          {
+                                            "align": "center",
+                                            "className": "tracking-tight text-primary",
+                                            "content": [
+                                              "object/get",
+                                              "@item",
+                                              "value",
+                                              ""
+                                            ],
+                                            "type": "typography",
+                                            "variant": "h2",
+                                            "weight": "bold"
+                                          },
+                                          {
+                                            "align": "center",
+                                            "color": "muted",
+                                            "content": [
+                                              "object/get",
+                                              "@item",
+                                              "label",
+                                              ""
+                                            ],
+                                            "type": "typography",
+                                            "variant": "body"
+                                          }
+                                        ],
+                                        "direction": "vertical",
+                                        "gap": "xs",
+                                        "type": "stack"
+                                      }
+                                    ]
+                                  ],
+                                  "cols": [
+                                    "math/min",
+                                    [
+                                      "math/max",
+                                      [
+                                        "array/len",
+                                        "@config.items"
+                                      ],
+                                      1.0
+                                    ],
+                                    4.0
+                                  ],
+                                  "gap": "lg",
+                                  "type": "simple-grid"
+                                }
+                              ],
+                              "direction": "vertical",
+                              "gap": "lg",
+                              "type": "stack"
+                            }
+                          ],
+                          "maxWidth": "xl",
+                          "padding": "lg",
+                          "size": "xl",
+                          "type": "container"
+                        }
+                      ],
+                      "fullWidth": true,
+                      "paddingY": "xl",
+                      "type": "box"
+                    }
+                  ]
+                ],
+                "event": "INIT",
+                "eventId": "evt_01M3B9EHSW1JASM0EXR6QEN29C",
+                "from": "idle",
+                "to": "idle"
+              }
+            ]
+          }
+        }
+      ],
+      "types": {
+        "StatBandItem": [
+          {
+            "name": "value",
+            "required": true,
+            "type": "string"
+          },
+          {
+            "name": "label",
+            "required": true,
+            "type": "string"
+          }
+        ]
+      }
+    }
+  ],
+  "schemaVersion": 1,
+  "version": "1.0.0"
+}

package/behaviors/registry/ui/core/atoms/std-stats.orb

@@ -685,11 +685,10 @@
                                     "variant": "caption"
                                   },
                                   {
-                                    "className": "tabular-nums",
-                                    "content": "@card.value",
-                                    "type": "typography",
-                                    "variant": "h3",
-                                    "weight": "semibold"
+                                    "className": "text-2xl font-semibold tabular-nums",
+                                    "format": "@card.format",
+                                    "type": "animated-counter",
+                                    "value": "@card.value"
                                   },
                                   {
                                     "color": "muted",