@almadar/std 16.9.1 → 16.10.0

package/behaviors/registry/core/atoms/std-wizard-form.orb

@@ -280,26 +280,27 @@
                     "render-ui",
                     "main",
                     {
+                      "direction": "vertical",
+                      "type": "stack",
                       "gap": "lg",
                       "className": "max-w-xl mx-auto w-full",
-                      "direction": "vertical",
                       "children": [
                         {
                           "direction": "horizontal",
+                          "align": "center",
                           "children": [
                             {
                               "name": "user-plus",
                               "type": "icon"
                             },
                             {
-                              "type": "typography",
+                              "content": "Sign-up",
                               "variant": "h3",
-                              "content": "Sign-up"
+                              "type": "typography"
                             }
                           ],
-                          "type": "stack",
                           "gap": "sm",
-                          "align": "center"
+                          "type": "stack"
                         },
                         {
                           "currentStep": 0.0,
@@ -314,31 +315,30 @@
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
                           "content": "Personal Info",
+                          "type": "typography",
                           "variant": "h4"
                         },
                         {
                           "type": "form-section",
+                          "submitEvent": "NEXT",
                           "mode": "create",
                           "cancelEvent": "INIT",
                           "fields": [
                             "name",
                             "email"
-                          ],
-                          "submitEvent": "NEXT"
+                          ]
                         },
                         {
+                          "type": "wizard-navigation",
                           "currentStep": 0.0,
+                          "showNext": true,
                           "totalSteps": 3.0,
                           "showBack": false,
-                          "type": "wizard-navigation",
                           "showComplete": false,
-                          "onNext": "NEXT",
-                          "showNext": true
+                          "onNext": "NEXT"
                         }
-                      ],
-                      "type": "stack"
+                      ]
                     }
                   ]
                 ]
@@ -362,34 +362,36 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
                       "className": "max-w-xl mx-auto w-full",
+                      "gap": "lg",
+                      "direction": "vertical",
+                      "type": "stack",
                       "children": [
                         {
-                          "gap": "sm",
+                          "type": "stack",
                           "align": "center",
                           "direction": "horizontal",
+                          "gap": "sm",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "user-plus"
+                              "name": "user-plus",
+                              "type": "icon"
                             },
                             {
+                              "type": "typography",
                               "variant": "h3",
-                              "content": "Sign-up",
-                              "type": "typography"
+                              "content": "Sign-up"
                             }
-                          ],
-                          "type": "stack"
+                          ]
                         },
                         {
-                          "currentStep": 1.0,
                           "type": "wizard-progress",
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
-                          ]
+                          ],
+                          "currentStep": 1.0
                         },
                         {
                           "type": "divider"
@@ -400,28 +402,26 @@
                           "variant": "h4"
                         },
                         {
+                          "type": "form-section",
+                          "submitEvent": "NEXT",
                           "entity": "@entity",
+                          "mode": "edit",
+                          "cancelEvent": "PREV",
                           "fields": [
                             "theme"
-                          ],
-                          "type": "form-section",
-                          "cancelEvent": "PREV",
-                          "submitEvent": "NEXT",
-                          "mode": "edit"
+                          ]
                         },
                         {
-                          "showBack": true,
-                          "totalSteps": 3.0,
-                          "type": "wizard-navigation",
                           "showComplete": false,
+                          "type": "wizard-navigation",
+                          "showNext": true,
+                          "totalSteps": 3.0,
+                          "onNext": "NEXT",
                           "onBack": "PREV",
                           "currentStep": 1.0,
-                          "showNext": true,
-                          "onNext": "NEXT"
+                          "showBack": true
                         }
-                      ],
-                      "type": "stack",
-                      "direction": "vertical"
+                      ]
                     }
                   ]
                 ]
@@ -440,120 +440,120 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
+                      "gap": "lg",
+                      "direction": "vertical",
+                      "className": "max-w-xl mx-auto w-full",
                       "children": [
                         {
-                          "direction": "horizontal",
                           "type": "stack",
-                          "gap": "sm",
                           "align": "center",
+                          "gap": "sm",
                           "children": [
                             {
                               "name": "user-plus",
                               "type": "icon"
                             },
                             {
-                              "variant": "h3",
                               "content": "Sign-up",
-                              "type": "typography"
+                              "type": "typography",
+                              "variant": "h3"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal"
                         },
                         {
                           "type": "wizard-progress",
-                          "currentStep": 2.0,
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
-                          ]
+                          ],
+                          "currentStep": 2.0
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
                           "content": "Review",
+                          "type": "typography",
                           "variant": "h4"
                         },
                         {
+                          "type": "stack",
+                          "direction": "vertical",
                           "children": [
                             {
-                              "justify": "between",
                               "gap": "md",
                               "type": "stack",
-                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "variant": "caption",
-                                  "color": "muted",
                                   "content": "Name",
-                                  "type": "typography"
+                                  "type": "typography",
+                                  "color": "muted",
+                                  "variant": "caption"
                                 },
                                 {
-                                  "variant": "body",
+                                  "type": "typography",
                                   "content": "@entity.name",
-                                  "type": "typography"
+                                  "variant": "body"
                                 }
-                              ]
+                              ],
+                              "direction": "horizontal",
+                              "justify": "between"
                             },
                             {
                               "justify": "between",
-                              "type": "stack",
                               "children": [
                                 {
+                                  "content": "Email",
                                   "variant": "caption",
                                   "color": "muted",
-                                  "type": "typography",
-                                  "content": "Email"
+                                  "type": "typography"
                                 },
                                 {
-                                  "type": "typography",
                                   "content": "@entity.email",
-                                  "variant": "body"
+                                  "variant": "body",
+                                  "type": "typography"
                                 }
                               ],
+                              "gap": "md",
                               "direction": "horizontal",
-                              "gap": "md"
+                              "type": "stack"
                             },
                             {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "md",
                               "children": [
                                 {
                                   "color": "muted",
-                                  "type": "typography",
                                   "content": "Theme",
-                                  "variant": "caption"
+                                  "variant": "caption",
+                                  "type": "typography"
                                 },
                                 {
+                                  "type": "typography",
                                   "variant": "body",
-                                  "content": "@entity.theme",
-                                  "type": "typography"
+                                  "content": "@entity.theme"
                                 }
                               ],
-                              "justify": "between",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "type": "stack"
+                              "justify": "between"
                             }
                           ],
-                          "gap": "sm",
-                          "type": "stack",
-                          "direction": "vertical"
+                          "gap": "sm"
                         },
                         {
-                          "showNext": false,
                           "currentStep": 2.0,
-                          "totalSteps": 3.0,
+                          "showNext": false,
+                          "onComplete": "COMPLETE",
                           "showComplete": true,
                           "onBack": "PREV",
-                          "showBack": true,
+                          "totalSteps": 3.0,
                           "type": "wizard-navigation",
-                          "onComplete": "COMPLETE"
+                          "showBack": true
                         }
                       ],
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -567,66 +567,66 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
+                      "gap": "lg",
                       "children": [
                         {
+                          "direction": "horizontal",
                           "align": "center",
+                          "type": "stack",
+                          "gap": "sm",
                           "children": [
                             {
-                              "name": "user-plus",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "user-plus"
                             },
                             {
+                              "variant": "h3",
                               "type": "typography",
-                              "content": "Sign-up",
-                              "variant": "h3"
+                              "content": "Sign-up"
                             }
-                          ],
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm"
+                          ]
                         },
                         {
-                          "type": "wizard-progress",
+                          "currentStep": 0.0,
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
                           ],
-                          "currentStep": 0.0
+                          "type": "wizard-progress"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "type": "typography",
                           "content": "Personal Info",
-                          "variant": "h4",
-                          "type": "typography"
+                          "variant": "h4"
                         },
                         {
                           "submitEvent": "NEXT",
+                          "entity": "@entity",
+                          "mode": "edit",
+                          "type": "form-section",
+                          "cancelEvent": "INIT",
                           "fields": [
                             "name",
                             "email"
-                          ],
-                          "entity": "@entity",
-                          "cancelEvent": "INIT",
-                          "mode": "edit",
-                          "type": "form-section"
+                          ]
                         },
                         {
-                          "currentStep": 0.0,
-                          "showNext": true,
-                          "type": "wizard-navigation",
                           "totalSteps": 3.0,
+                          "showComplete": false,
+                          "showNext": true,
                           "onNext": "NEXT",
-                          "showBack": false,
-                          "showComplete": false
+                          "type": "wizard-navigation",
+                          "currentStep": 0.0,
+                          "showBack": false
                         }
                       ],
-                      "gap": "lg",
-                      "type": "stack",
-                      "direction": "vertical",
-                      "className": "max-w-xl mx-auto w-full"
+                      "className": "max-w-xl mx-auto w-full",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -652,21 +652,21 @@
                     "render-ui",
                     "main",
                     {
+                      "align": "center",
+                      "className": "max-w-xl mx-auto w-full py-12",
+                      "gap": "lg",
+                      "type": "stack",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
+                          "type": "typography",
                           "content": "Completing sign-up…",
                           "color": "muted",
-                          "type": "typography",
                           "variant": "caption"
                         }
                       ],
-                      "align": "center",
-                      "gap": "lg",
-                      "type": "stack",
-                      "className": "max-w-xl mx-auto w-full py-12",
                       "direction": "vertical"
                     }
                   ]
@@ -681,66 +681,66 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
-                      "type": "stack",
                       "direction": "vertical",
+                      "className": "max-w-xl mx-auto w-full",
                       "children": [
                         {
-                          "gap": "sm",
-                          "direction": "horizontal",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "user-plus"
+                              "name": "user-plus",
+                              "type": "icon"
                             },
                             {
+                              "content": "Sign-up",
                               "type": "typography",
-                              "variant": "h3",
-                              "content": "Sign-up"
+                              "variant": "h3"
                             }
                           ],
-                          "type": "stack"
+                          "type": "stack",
+                          "align": "center",
+                          "direction": "horizontal",
+                          "gap": "sm"
                         },
                         {
+                          "currentStep": 1.0,
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
                           ],
-                          "type": "wizard-progress",
-                          "currentStep": 1.0
+                          "type": "wizard-progress"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "variant": "h4",
                           "content": "Preferences",
-                          "type": "typography"
+                          "type": "typography",
+                          "variant": "h4"
                         },
                         {
-                          "submitEvent": "NEXT",
-                          "mode": "edit",
-                          "entity": "@entity",
-                          "type": "form-section",
-                          "cancelEvent": "PREV",
                           "fields": [
                             "theme"
-                          ]
+                          ],
+                          "type": "form-section",
+                          "mode": "edit",
+                          "submitEvent": "NEXT",
+                          "cancelEvent": "PREV",
+                          "entity": "@entity"
                         },
                         {
-                          "showBack": true,
-                          "currentStep": 1.0,
+                          "type": "wizard-navigation",
                           "onNext": "NEXT",
+                          "currentStep": 1.0,
+                          "showBack": true,
+                          "onBack": "PREV",
                           "showComplete": false,
-                          "showNext": true,
-                          "type": "wizard-navigation",
                           "totalSteps": 3.0,
-                          "onBack": "PREV"
+                          "showNext": true
                         }
                       ],
-                      "className": "max-w-xl mx-auto w-full"
+                      "gap": "lg",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -754,34 +754,34 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
-                      "direction": "vertical",
-                      "type": "stack",
                       "align": "center",
+                      "gap": "lg",
                       "children": [
                         {
                           "name": "check-circle",
                           "type": "icon"
                         },
                         {
-                          "content": "Welcome!",
+                          "variant": "h3",
                           "type": "typography",
-                          "variant": "h3"
+                          "content": "Welcome!"
                         },
                         {
-                          "type": "typography",
-                          "color": "muted",
                           "variant": "body",
+                          "color": "muted",
+                          "type": "typography",
                           "content": "Your account has been created."
                         },
                         {
-                          "label": "Start Over",
-                          "variant": "ghost",
-                          "action": "RESTART",
+                          "icon": "rotate-ccw",
                           "type": "button",
-                          "icon": "rotate-ccw"
+                          "variant": "ghost",
+                          "label": "Start Over",
+                          "action": "RESTART"
                         }
                       ],
+                      "direction": "vertical",
+                      "type": "stack",
                       "className": "max-w-xl mx-auto w-full py-12"
                     }
                   ]
@@ -796,14 +796,12 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
                       "align": "center",
-                      "className": "max-w-xl mx-auto w-full py-12",
                       "children": [
                         {
                           "color": "destructive",
-                          "type": "icon",
-                          "name": "alert-triangle"
+                          "name": "alert-triangle",
+                          "type": "icon"
                         },
                         {
                           "type": "typography",
@@ -811,20 +809,22 @@
                           "content": "Sign-up Failed"
                         },
                         {
-                          "type": "alert",
+                          "variant": "error",
                           "message": "@payload.error",
-                          "variant": "error"
+                          "type": "alert"
                         },
                         {
-                          "action": "COMPLETE",
-                          "variant": "primary",
-                          "label": "Retry",
                           "type": "button",
-                          "icon": "refresh-cw"
+                          "label": "Retry",
+                          "variant": "primary",
+                          "icon": "refresh-cw",
+                          "action": "COMPLETE"
                         }
                       ],
+                      "gap": "lg",
+                      "className": "max-w-xl mx-auto w-full py-12",
                       "type": "stack",
-                      "gap": "lg"
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -838,65 +838,65 @@
                     "render-ui",
                     "main",
                     {
+                      "direction": "vertical",
                       "children": [
                         {
-                          "type": "stack",
-                          "align": "center",
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "children": [
                             {
-                              "name": "user-plus",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "user-plus"
                             },
                             {
-                              "variant": "h3",
                               "content": "Sign-up",
+                              "variant": "h3",
                               "type": "typography"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "align": "center",
+                          "gap": "sm"
                         },
                         {
-                          "currentStep": 0.0,
                           "type": "wizard-progress",
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
-                          ]
+                          ],
+                          "currentStep": 0.0
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "type": "typography",
-                          "variant": "h4",
-                          "content": "Personal Info"
+                          "content": "Personal Info",
+                          "variant": "h4"
                         },
                         {
-                          "type": "form-section",
+                          "submitEvent": "NEXT",
                           "cancelEvent": "INIT",
                           "fields": [
                             "name",
                             "email"
                           ],
-                          "mode": "create",
-                          "submitEvent": "NEXT"
+                          "type": "form-section",
+                          "mode": "create"
                         },
                         {
+                          "onNext": "NEXT",
+                          "currentStep": 0.0,
                           "totalSteps": 3.0,
                           "type": "wizard-navigation",
                           "showBack": false,
-                          "currentStep": 0.0,
                           "showNext": true,
-                          "showComplete": false,
-                          "onNext": "NEXT"
+                          "showComplete": false
                         }
                       ],
+                      "type": "stack",
                       "gap": "lg",
-                      "direction": "vertical",
-                      "className": "max-w-xl mx-auto w-full",
-                      "type": "stack"
+                      "className": "max-w-xl mx-auto w-full"
                     }
                   ]
                 ]