@almadar/std 16.9.1 → 16.10.0

package/behaviors/registry/core-variations/atoms/std-stats-sparkline-row.orb

@@ -27,26 +27,59 @@
             "items": {
               "type": "object",
               "properties": {
-                "prefix": {
-                  "name": "prefix",
+                "trend": {
+                  "name": "trend",
+                  "type": "number",
+                  "required": false
+                },
+                "suffix": {
+                  "name": "suffix",
+                  "type": "string",
+                  "required": false
+                },
+                "icon": {
+                  "name": "icon",
                   "type": "string",
                   "required": false
                 },
+                "format": {
+                  "name": "format",
+                  "type": "string",
+                  "required": false,
+                  "values": [
+                    "number",
+                    "currency",
+                    "percent"
+                  ]
+                },
                 "label": {
                   "name": "label",
                   "type": "string",
                   "required": true
                 },
-                "max": {
-                  "name": "max",
+                "target": {
+                  "name": "target",
                   "type": "number",
                   "required": false
                 },
-                "target": {
-                  "name": "target",
+                "value": {
+                  "name": "value",
                   "type": "number",
                   "required": false
                 },
+                "variant": {
+                  "name": "variant",
+                  "type": "string",
+                  "required": false,
+                  "values": [
+                    "default",
+                    "primary",
+                    "success",
+                    "warning",
+                    "error",
+                    "info"
+                  ]
+                },
                 "trendPolarity": {
                   "name": "trendPolarity",
                   "type": "string",
@@ -65,51 +98,18 @@
                     "percent"
                   ]
                 },
-                "value": {
-                  "name": "value",
+                "max": {
+                  "name": "max",
                   "type": "number",
                   "required": false
                 },
-                "clickEvent": {
-                  "name": "clickEvent",
-                  "type": "string",
-                  "required": false
-                },
-                "icon": {
-                  "name": "icon",
+                "prefix": {
+                  "name": "prefix",
                   "type": "string",
                   "required": false
                 },
-                "format": {
-                  "name": "format",
-                  "type": "string",
-                  "required": false,
-                  "values": [
-                    "number",
-                    "currency",
-                    "percent"
-                  ]
-                },
-                "trend": {
-                  "name": "trend",
-                  "type": "number",
-                  "required": false
-                },
-                "variant": {
-                  "name": "variant",
-                  "type": "string",
-                  "required": false,
-                  "values": [
-                    "default",
-                    "primary",
-                    "success",
-                    "warning",
-                    "error",
-                    "info"
-                  ]
-                },
-                "suffix": {
-                  "name": "suffix",
+                "clickEvent": {
+                  "name": "clickEvent",
                   "type": "string",
                   "required": false
                 },
@@ -136,46 +136,42 @@
               "className": "w-full",
               "children": [
                 {
+                  "fields": [],
                   "type": "data-list",
-                  "gap": "md",
                   "renderItem": [
                     "fn",
                     "card",
                     {
                       "className": "rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] p-card-md shadow-elevation-sm hover:shadow-elevation-md transition-shadow min-h-[180px]",
-                      "direction": "vertical",
-                      "gap": "sm",
-                      "type": "stack",
                       "children": [
                         {
-                          "gap": "xs",
                           "align": "center",
+                          "direction": "horizontal",
                           "type": "stack",
+                          "gap": "xs",
                           "children": [
                             {
                               "color": "muted",
-                              "name": "@card.icon",
                               "type": "icon",
-                              "size": "xs"
+                              "size": "xs",
+                              "name": "@card.icon"
                             },
                             {
-                              "variant": "overline",
-                              "type": "typography",
                               "color": "muted",
-                              "content": "@card.label",
+                              "weight": "semibold",
                               "className": "uppercase tracking-wide truncate",
-                              "weight": "semibold"
+                              "variant": "overline",
+                              "type": "typography",
+                              "content": "@card.label"
                             }
-                          ],
-                          "direction": "horizontal"
+                          ]
                         },
                         {
-                          "type": "sparkline",
+                          "height": 64.0,
                           "color": "auto",
+                          "strokeWidth": 2.0,
                           "fill": true,
                           "className": "w-full",
-                          "height": 64.0,
-                          "strokeWidth": 2.0,
                           "data": [
                             1.0,
                             2.0,
@@ -184,60 +180,64 @@
                             5.0,
                             6.0,
                             7.0
-                          ]
+                          ],
+                          "type": "sparkline"
                         },
                         {
-                          "direction": "horizontal",
-                          "justify": "between",
                           "gap": "sm",
-                          "type": "stack",
+                          "direction": "horizontal",
                           "children": [
                             {
                               "gap": "xs",
-                              "direction": "horizontal",
+                              "align": "baseline",
                               "type": "stack",
                               "children": [
                                 {
-                                  "type": "typography",
-                                  "content": "@card.prefix",
                                   "color": "muted",
-                                  "variant": "caption"
+                                  "content": "@card.prefix",
+                                  "variant": "caption",
+                                  "type": "typography"
                                 },
                                 {
-                                  "className": "tabular-nums",
                                   "variant": "h3",
-                                  "content": "@card.value",
                                   "type": "typography",
+                                  "content": "@card.value",
+                                  "className": "tabular-nums",
                                   "weight": "semibold"
                                 },
                                 {
                                   "variant": "caption",
+                                  "content": "@card.suffix",
                                   "type": "typography",
-                                  "color": "muted",
-                                  "content": "@card.suffix"
+                                  "color": "muted"
                                 }
                               ],
-                              "align": "baseline"
+                              "direction": "horizontal"
                             },
                             {
-                              "size": "sm",
+                              "value": "@card.trend",
                               "type": "trend-indicator",
-                              "showValue": true,
-                              "value": "@card.trend"
+                              "size": "sm",
+                              "showValue": true
                             }
                           ],
-                          "align": "baseline"
+                          "justify": "between",
+                          "align": "baseline",
+                          "type": "stack"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "sm"
                     }
                   ],
-                  "fields": [],
-                  "entity": "@entity.cards"
+                  "entity": "@entity.cards",
+                  "gap": "md"
                 }
               ],
-              "cols": 2.0,
+              "type": "simple-grid",
               "gap": "md",
-              "type": "simple-grid"
+              "cols": 2.0
             }
           }
         }

package/behaviors/registry/core-variations/atoms/std-step-flow-cards-deck.orb

@@ -29,110 +29,110 @@
           "linkedEntity": "CardsDeckView",
           "config": {
             "bodyContent": {
+              "className": "max-w-2xl mx-auto pt-section",
+              "direction": "vertical",
               "type": "stack",
               "align": "center",
-              "className": "max-w-2xl mx-auto pt-section",
               "children": [
                 {
                   "children": [
                     {
-                      "align": "center",
                       "children": [
                         {
                           "name": "@entity.currentStepIcon",
-                          "type": "icon",
-                          "size": "lg"
+                          "size": "lg",
+                          "type": "icon"
                         },
                         {
-                          "align": "center",
-                          "type": "typography",
                           "variant": "h1",
-                          "content": "@entity.currentStepLabel"
+                          "type": "typography",
+                          "content": "@entity.currentStepLabel",
+                          "align": "center"
                         },
                         {
+                          "align": "center",
+                          "content": "@entity.currentStepDescription",
                           "color": "muted",
                           "type": "typography",
-                          "variant": "body",
-                          "align": "center",
-                          "content": "@entity.currentStepDescription"
+                          "variant": "body"
                         },
                         {
-                          "align": "center",
+                          "type": "stack",
+                          "gap": "sm",
                           "className": "pt-md",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "variant": "ghost",
-                              "icon": "x",
                               "label": "Reject",
-                              "type": "button",
+                              "action": "REJECT",
+                              "icon": "x",
                               "actionPayload": {
                                 "id": "@entity.id"
                               },
-                              "action": "REJECT"
+                              "type": "button",
+                              "variant": "ghost"
                             },
                             {
+                              "action": "ESCALATE",
                               "icon": "alert-triangle",
                               "actionPayload": {
                                 "id": "@entity.id"
                               },
-                              "label": "Escalate",
-                              "action": "ESCALATE",
                               "type": "button",
+                              "label": "Escalate",
                               "variant": "ghost"
                             }
                           ],
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "type": "stack"
+                          "align": "center"
                         }
                       ],
-                      "className": "p-card-xl text-center",
-                      "gap": "lg",
                       "type": "stack",
-                      "direction": "vertical"
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "className": "p-card-xl text-center",
+                      "align": "center"
                     }
                   ],
-                  "look": "@config.cardLook",
-                  "type": "card"
+                  "type": "card",
+                  "look": "@config.cardLook"
                 },
                 {
-                  "direction": "horizontal",
-                  "gap": "lg",
-                  "type": "stack",
-                  "align": "center",
                   "children": [
                     {
-                      "disabled": "@entity.isFirstStep",
                       "variant": "ghost",
-                      "label": "Back",
-                      "action": "BACK",
                       "icon": "chevron-left",
+                      "label": "Back",
                       "actionPayload": {
                         "id": "@entity.id"
                       },
-                      "type": "button"
+                      "action": "BACK",
+                      "type": "button",
+                      "disabled": "@entity.isFirstStep"
                     },
                     {
-                      "count": "@entity.totalSteps",
                       "currentIndex": "@entity.currentStepIndex",
-                      "size": "md",
-                      "type": "progress-dots"
+                      "count": "@entity.totalSteps",
+                      "type": "progress-dots",
+                      "size": "md"
                     },
                     {
-                      "label": "@entity.primaryActionLabel",
-                      "type": "button",
                       "variant": "primary",
-                      "action": "ADVANCE",
                       "icon": "@entity.primaryActionIcon",
                       "actionPayload": {
                         "id": "@entity.id"
-                      }
+                      },
+                      "action": "ADVANCE",
+                      "type": "button",
+                      "label": "@entity.primaryActionLabel"
                     }
                   ],
-                  "className": "justify-between w-full"
+                  "align": "center",
+                  "gap": "lg",
+                  "type": "stack",
+                  "className": "justify-between w-full",
+                  "direction": "horizontal"
                 }
               ],
-              "direction": "vertical",
               "gap": "xl"
             }
           }

package/behaviors/registry/core-variations/atoms/std-step-flow-progress-vertical.orb

@@ -33,143 +33,142 @@
           "linkedEntity": "ProgressVerticalView",
           "config": {
             "bodyContent": {
+              "className": "max-w-2xl mx-auto pt-section w-full",
+              "direction": "vertical",
               "type": "stack",
+              "gap": "lg",
               "children": [
                 {
-                  "direction": "vertical",
+                  "gap": "sm",
                   "children": [
                     {
+                      "justify": "between",
                       "gap": "sm",
                       "type": "stack",
-                      "justify": "between",
-                      "direction": "horizontal",
                       "children": [
                         {
-                          "type": "typography",
                           "content": "@config.title",
+                          "type": "typography",
                           "variant": "h3"
                         },
                         {
-                          "type": "typography",
                           "color": "muted",
+                          "type": "typography",
                           "content": "@entity.progressLabel",
                           "variant": "caption"
                         }
                       ],
+                      "direction": "horizontal",
                       "align": "center"
                     },
                     {
-                      "steps": "@entity.totalSteps",
                       "value": "@entity.currentStepIndex",
                       "max": "@entity.totalSteps",
+                      "steps": "@entity.totalSteps",
                       "type": "progress-bar"
                     }
                   ],
-                  "gap": "sm",
+                  "direction": "vertical",
                   "type": "stack"
                 },
                 {
                   "type": "divider"
                 },
                 {
+                  "type": "data-list",
+                  "gap": "md",
+                  "entity": "@entity.wizardSteps",
+                  "fields": [],
                   "renderItem": [
                     "fn",
                     "step",
                     {
                       "look": "@config.cardLook",
+                      "type": "card",
                       "children": [
                         {
+                          "type": "stack",
+                          "className": "p-card-md",
+                          "direction": "horizontal",
+                          "align": "center",
                           "children": [
                             {
+                              "type": "badge",
                               "label": "@step.indexLabel",
-                              "variant": "@step.badgeVariant",
-                              "type": "badge"
+                              "variant": "@step.badgeVariant"
                             },
                             {
                               "type": "icon",
-                              "size": "md",
-                              "name": "@step.icon"
+                              "name": "@step.icon",
+                              "size": "md"
                             },
                             {
                               "type": "stack",
-                              "gap": "xs",
-                              "direction": "vertical",
                               "children": [
                                 {
-                                  "variant": "h4",
                                   "type": "typography",
-                                  "content": "@step.label"
+                                  "content": "@step.label",
+                                  "variant": "h4"
                                 },
                                 {
-                                  "color": "muted",
-                                  "content": "@step.description",
+                                  "variant": "caption",
                                   "type": "typography",
-                                  "variant": "caption"
+                                  "content": "@step.description",
+                                  "color": "muted"
                                 }
-                              ]
+                              ],
+                              "gap": "xs",
+                              "direction": "vertical"
                             }
                           ],
-                          "className": "p-card-md",
-                          "direction": "horizontal",
-                          "align": "center",
-                          "gap": "md",
-                          "type": "stack"
+                          "gap": "md"
                         }
-                      ],
-                      "type": "card"
+                      ]
                     }
-                  ],
-                  "fields": [],
-                  "type": "data-list",
-                  "gap": "md",
-                  "entity": "@entity.wizardSteps"
+                  ]
                 },
                 {
-                  "direction": "horizontal",
                   "gap": "sm",
-                  "align": "center",
-                  "type": "stack",
+                  "className": "justify-between",
                   "children": [
                     {
-                      "action": "BACK",
-                      "disabled": "@entity.isFirstStep",
-                      "type": "button",
-                      "label": "Back",
-                      "icon": "chevron-left",
                       "actionPayload": {
                         "id": "@entity.id"
                       },
-                      "variant": "ghost"
+                      "icon": "chevron-left",
+                      "type": "button",
+                      "label": "Back",
+                      "disabled": "@entity.isFirstStep",
+                      "variant": "ghost",
+                      "action": "BACK"
                     },
                     {
-                      "align": "center",
-                      "type": "stack",
-                      "gap": "sm",
                       "direction": "horizontal",
+                      "gap": "sm",
                       "children": [
                         {
-                          "icon": "x",
-                          "label": "Reject",
+                          "action": "REJECT",
                           "actionPayload": {
                             "id": "@entity.id"
                           },
+                          "icon": "x",
                           "variant": "ghost",
-                          "action": "REJECT",
+                          "label": "Reject",
                           "type": "button"
                         },
                         {
-                          "label": "Escalate",
-                          "icon": "alert-triangle",
                           "variant": "ghost",
                           "actionPayload": {
                             "id": "@entity.id"
                           },
                           "type": "button",
-                          "action": "ESCALATE"
+                          "label": "Escalate",
+                          "action": "ESCALATE",
+                          "icon": "alert-triangle"
                         },
                         {
-                          "variant": "primary",
                           "type": "button",
+                          "variant": "primary",
                           "label": "@entity.primaryActionLabel",
                           "action": "ADVANCE",
                           "actionPayload": {
@@ -177,15 +176,16 @@
                           },
                           "icon": "@entity.primaryActionIcon"
                         }
-                      ]
+                      ],
+                      "align": "center",
+                      "type": "stack"
                     }
                   ],
-                  "className": "justify-between"
+                  "align": "center",
+                  "direction": "horizontal",
+                  "type": "stack"
                 }
-              ],
-              "className": "max-w-2xl mx-auto pt-section w-full",
-              "direction": "vertical",
-              "gap": "lg"
+              ]
             }
           }
         }