@almadar/std 8.3.0 → 8.4.0

package/dist/behaviors/registry/core/molecules/std-wizard-form.orb

@@ -200,8 +200,8 @@
                     "WizardFormEntry",
                     {
                       "emit": {
-                        "success": "WizardFormEntryLoaded",
-                        "failure": "WizardFormEntryLoadFailed"
+                        "failure": "WizardFormEntryLoadFailed",
+                        "success": "WizardFormEntryLoaded"
                       }
                     }
                   ],
@@ -210,6 +210,7 @@
                     "main",
                     {
                       "className": "max-w-xl mx-auto w-full",
+                      "gap": "lg",
                       "children": [
                         {
                           "content": "Sign-up",
@@ -217,45 +218,44 @@
                           "variant": "h2"
                         },
                         {
-                          "currentStep": 0.0,
-                          "type": "wizard-progress",
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
-                          ]
+                          ],
+                          "type": "wizard-progress",
+                          "currentStep": 0.0
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
+                          "content": "Personal Info",
                           "variant": "h3",
-                          "content": "Personal Info"
+                          "type": "typography"
                         },
                         {
-                          "mode": "create",
-                          "type": "form-section",
                           "cancelEvent": "INIT",
+                          "submitEvent": "NEXT",
+                          "type": "form-section",
+                          "mode": "create",
                           "fields": [
                             "name",
                             "email"
-                          ],
-                          "submitEvent": "NEXT"
+                          ]
                         },
                         {
+                          "type": "wizard-navigation",
                           "onNext": "NEXT",
                           "currentStep": 0.0,
-                          "totalSteps": 3.0,
-                          "type": "wizard-navigation",
+                          "showComplete": false,
                           "showBack": false,
                           "showNext": true,
-                          "showComplete": false
+                          "totalSteps": 3.0
                         }
                       ],
                       "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg"
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -269,22 +269,22 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "gap": "lg",
+                      "type": "stack",
                       "children": [
                         {
+                          "type": "typography",
                           "variant": "h2",
-                          "content": "Sign-up",
-                          "type": "typography"
+                          "content": "Sign-up"
                         },
                         {
+                          "currentStep": 1.0,
                           "type": "wizard-progress",
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
-                          ],
-                          "currentStep": 1.0
+                          ]
                         },
                         {
                           "type": "divider"
@@ -295,24 +295,24 @@
                           "content": "Preferences"
                         },
                         {
-                          "mode": "edit",
-                          "type": "form-section",
-                          "entity": "@entity",
                           "cancelEvent": "PREV",
-                          "submitEvent": "NEXT",
                           "fields": [
                             "theme"
-                          ]
+                          ],
+                          "submitEvent": "NEXT",
+                          "type": "form-section",
+                          "entity": "@entity",
+                          "mode": "edit"
                         },
                         {
                           "showNext": true,
-                          "onBack": "PREV",
                           "type": "wizard-navigation",
-                          "totalSteps": 3.0,
                           "onNext": "NEXT",
+                          "showComplete": false,
+                          "totalSteps": 3.0,
+                          "onBack": "PREV",
                           "showBack": true,
-                          "currentStep": 1.0,
-                          "showComplete": false
+                          "currentStep": 1.0
                         }
                       ],
                       "direction": "vertical",
@@ -330,105 +330,105 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
-                      "type": "stack",
-                      "className": "max-w-xl mx-auto w-full",
-                      "direction": "vertical",
                       "children": [
                         {
-                          "variant": "h2",
                           "type": "typography",
-                          "content": "Sign-up"
+                          "content": "Sign-up",
+                          "variant": "h2"
                         },
                         {
+                          "currentStep": 2.0,
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
                           ],
-                          "currentStep": 2.0,
                           "type": "wizard-progress"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
+                          "variant": "h3",
                           "content": "Review",
-                          "variant": "h3"
+                          "type": "typography"
                         },
                         {
-                          "type": "stack",
-                          "direction": "vertical",
                           "gap": "sm",
+                          "direction": "vertical",
                           "children": [
                             {
+                              "type": "stack",
+                              "gap": "md",
                               "justify": "between",
                               "children": [
                                 {
+                                  "variant": "caption",
                                   "content": "Name",
-                                  "type": "typography",
-                                  "variant": "caption"
+                                  "type": "typography"
                                 },
                                 {
+                                  "type": "typography",
                                   "variant": "body",
-                                  "content": "@entity.name",
-                                  "type": "typography"
+                                  "content": "@entity.name"
                                 }
                               ],
-                              "direction": "horizontal",
-                              "type": "stack",
-                              "gap": "md"
+                              "direction": "horizontal"
                             },
                             {
+                              "type": "stack",
+                              "justify": "between",
+                              "gap": "md",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "content": "Email",
                                   "type": "typography",
+                                  "content": "Email",
                                   "variant": "caption"
                                 },
                                 {
+                                  "type": "typography",
                                   "content": "@entity.email",
-                                  "variant": "body",
-                                  "type": "typography"
+                                  "variant": "body"
                                 }
-                              ],
-                              "justify": "between",
-                              "direction": "horizontal",
-                              "type": "stack",
-                              "gap": "md"
+                              ]
                             },
                             {
+                              "justify": "between",
                               "children": [
                                 {
+                                  "content": "Theme",
                                   "variant": "caption",
-                                  "type": "typography",
-                                  "content": "Theme"
+                                  "type": "typography"
                                 },
                                 {
                                   "variant": "body",
-                                  "type": "typography",
-                                  "content": "@entity.theme"
+                                  "content": "@entity.theme",
+                                  "type": "typography"
                                 }
                               ],
-                              "direction": "horizontal",
                               "gap": "md",
-                              "justify": "between",
-                              "type": "stack"
+                              "type": "stack",
+                              "direction": "horizontal"
                             }
-                          ]
+                          ],
+                          "type": "stack"
                         },
                         {
-                          "currentStep": 2.0,
+                          "onBack": "PREV",
                           "onComplete": "COMPLETE",
+                          "type": "wizard-navigation",
                           "totalSteps": 3.0,
-                          "onBack": "PREV",
+                          "showComplete": true,
                           "showBack": true,
-                          "type": "wizard-navigation",
-                          "showNext": false,
-                          "showComplete": true
+                          "currentStep": 2.0,
+                          "showNext": false
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "className": "max-w-xl mx-auto w-full",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -443,53 +443,53 @@
                     "main",
                     {
                       "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
                       "children": [
                         {
                           "type": "typography",
-                          "content": "Sign-up",
-                          "variant": "h2"
+                          "variant": "h2",
+                          "content": "Sign-up"
                         },
                         {
+                          "currentStep": 0.0,
+                          "type": "wizard-progress",
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
-                          ],
-                          "currentStep": 0.0,
-                          "type": "wizard-progress"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
                           "variant": "h3",
-                          "content": "Personal Info"
+                          "content": "Personal Info",
+                          "type": "typography"
                         },
                         {
+                          "type": "form-section",
+                          "entity": "@entity",
+                          "mode": "edit",
+                          "cancelEvent": "INIT",
                           "fields": [
                             "name",
                             "email"
                           ],
-                          "mode": "edit",
-                          "type": "form-section",
-                          "cancelEvent": "INIT",
-                          "entity": "@entity",
                           "submitEvent": "NEXT"
                         },
                         {
-                          "currentStep": 0.0,
+                          "totalSteps": 3.0,
                           "type": "wizard-navigation",
-                          "showNext": true,
                           "showBack": false,
-                          "totalSteps": 3.0,
-                          "showComplete": false,
-                          "onNext": "NEXT"
+                          "showNext": true,
+                          "currentStep": 0.0,
+                          "onNext": "NEXT",
+                          "showComplete": false
                         }
                       ],
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full",
-                      "direction": "vertical"
+                      "className": "max-w-xl mx-auto w-full"
                     }
                   ]
                 ]
@@ -506,8 +506,8 @@
                     "@payload.data",
                     {
                       "emit": {
-                        "success": "WizardFormSaved",
-                        "failure": "WizardFormSaveFailed"
+                        "failure": "WizardFormSaveFailed",
+                        "success": "WizardFormSaved"
                       }
                     }
                   ],
@@ -516,21 +516,21 @@
                     "main",
                     {
                       "direction": "vertical",
+                      "gap": "lg",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "variant": "caption",
-                          "type": "typography",
                           "color": "muted",
-                          "content": "Completing sign-up…"
+                          "variant": "caption",
+                          "content": "Completing sign-up…",
+                          "type": "typography"
                         }
                       ],
                       "align": "center",
-                      "type": "stack",
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full py-12"
+                      "className": "max-w-xl mx-auto w-full py-12",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -544,21 +544,22 @@
                     "render-ui",
                     "main",
                     {
+                      "className": "max-w-xl mx-auto w-full",
                       "direction": "vertical",
                       "children": [
                         {
-                          "variant": "h2",
                           "content": "Sign-up",
+                          "variant": "h2",
                           "type": "typography"
                         },
                         {
+                          "type": "wizard-progress",
+                          "currentStep": 1.0,
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
-                          ],
-                          "currentStep": 1.0,
-                          "type": "wizard-progress"
+                          ]
                         },
                         {
                           "type": "divider"
@@ -569,28 +570,27 @@
                           "type": "typography"
                         },
                         {
-                          "entity": "@entity",
                           "submitEvent": "NEXT",
-                          "mode": "edit",
-                          "type": "form-section",
-                          "cancelEvent": "PREV",
                           "fields": [
                             "theme"
-                          ]
+                          ],
+                          "type": "form-section",
+                          "entity": "@entity",
+                          "mode": "edit",
+                          "cancelEvent": "PREV"
                         },
                         {
-                          "showBack": true,
+                          "type": "wizard-navigation",
                           "onNext": "NEXT",
-                          "currentStep": 1.0,
+                          "showBack": true,
+                          "onBack": "PREV",
                           "totalSteps": 3.0,
-                          "type": "wizard-navigation",
                           "showNext": true,
-                          "onBack": "PREV",
+                          "currentStep": 1.0,
                           "showComplete": false
                         }
                       ],
                       "type": "stack",
-                      "className": "max-w-xl mx-auto w-full",
                       "gap": "lg"
                     }
                   ]
@@ -605,11 +605,14 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
+                      "type": "stack",
+                      "align": "center",
+                      "className": "max-w-xl mx-auto w-full py-12",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "type": "icon",
-                          "name": "check-circle"
+                          "name": "check-circle",
+                          "type": "icon"
                         },
                         {
                           "type": "typography",
@@ -617,23 +620,20 @@
                           "content": "Welcome!"
                         },
                         {
-                          "content": "Your account has been created.",
-                          "variant": "body",
                           "type": "typography",
-                          "color": "muted"
+                          "variant": "body",
+                          "color": "muted",
+                          "content": "Your account has been created."
                         },
                         {
-                          "type": "button",
                           "label": "Start Over",
-                          "action": "RESTART",
+                          "type": "button",
                           "variant": "ghost",
+                          "action": "RESTART",
                           "icon": "rotate-ccw"
                         }
                       ],
-                      "type": "stack",
-                      "direction": "vertical",
-                      "align": "center",
-                      "className": "max-w-xl mx-auto w-full py-12"
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -647,11 +647,12 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "lg",
                       "children": [
                         {
+                          "name": "alert-triangle",
                           "color": "destructive",
-                          "type": "icon",
-                          "name": "alert-triangle"
+                          "type": "icon"
                         },
                         {
                           "variant": "h2",
@@ -659,23 +660,22 @@
                           "content": "Sign-up Failed"
                         },
                         {
-                          "variant": "error",
                           "type": "alert",
-                          "message": "@payload.error"
+                          "message": "@payload.error",
+                          "variant": "error"
                         },
                         {
+                          "label": "Retry",
                           "icon": "refresh-cw",
                           "variant": "primary",
-                          "label": "Retry",
-                          "action": "COMPLETE",
-                          "type": "button"
+                          "type": "button",
+                          "action": "COMPLETE"
                         }
                       ],
-                      "className": "max-w-xl mx-auto w-full py-12",
                       "align": "center",
                       "direction": "vertical",
-                      "gap": "lg",
-                      "type": "stack"
+                      "type": "stack",
+                      "className": "max-w-xl mx-auto w-full py-12"
                     }
                   ]
                 ]
@@ -689,19 +689,20 @@
                     "render-ui",
                     "main",
                     {
+                      "direction": "vertical",
                       "children": [
                         {
                           "type": "typography",
-                          "content": "Sign-up",
-                          "variant": "h2"
+                          "variant": "h2",
+                          "content": "Sign-up"
                         },
                         {
+                          "currentStep": 0.0,
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
                           ],
-                          "currentStep": 0.0,
                           "type": "wizard-progress"
                         },
                         {
@@ -709,14 +710,14 @@
                         },
                         {
                           "variant": "h3",
-                          "content": "Personal Info",
-                          "type": "typography"
+                          "type": "typography",
+                          "content": "Personal Info"
                         },
                         {
-                          "type": "form-section",
-                          "mode": "create",
                           "submitEvent": "NEXT",
                           "cancelEvent": "INIT",
+                          "mode": "create",
+                          "type": "form-section",
                           "fields": [
                             "name",
                             "email"
@@ -724,18 +725,17 @@
                         },
                         {
                           "showComplete": false,
-                          "type": "wizard-navigation",
-                          "currentStep": 0.0,
-                          "showNext": true,
                           "onNext": "NEXT",
                           "totalSteps": 3.0,
-                          "showBack": false
+                          "showBack": false,
+                          "type": "wizard-navigation",
+                          "currentStep": 0.0,
+                          "showNext": true
                         }
                       ],
+                      "className": "max-w-xl mx-auto w-full",
                       "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full"
+                      "gap": "lg"
                     }
                   ]
                 ]