@almadar/std 14.25.0 → 14.27.0

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

@@ -1,7 +1,7 @@
 {
   "name": "std-wizard-form",
   "version": "1.0.0",
-  "description": "std-wizard-form — canonical molecule-level wizard example",
+  "description": "std-wizard-form — canonical molecule-level wizard example (3-step sign-up flow). Wizards own their state machine at molecule tier.",
   "orbitals": [
     {
       "name": "WizardFormOrbital",
@@ -209,15 +209,27 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
+                      "className": "max-w-xl mx-auto w-full",
                       "gap": "lg",
+                      "type": "stack",
                       "direction": "vertical",
-                      "className": "max-w-xl mx-auto w-full",
                       "children": [
                         {
-                          "content": "Sign-up",
-                          "type": "typography",
-                          "variant": "h2"
+                          "gap": "sm",
+                          "direction": "horizontal",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "user-plus"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "h3",
+                              "content": "Sign-up"
+                            }
+                          ],
+                          "type": "stack"
                         },
                         {
                           "currentStep": 0.0,
@@ -233,27 +245,27 @@
                         },
                         {
                           "type": "typography",
-                          "content": "Personal Info",
-                          "variant": "h3"
+                          "variant": "h4",
+                          "content": "Personal Info"
                         },
                         {
-                          "type": "form-section",
+                          "mode": "create",
                           "submitEvent": "NEXT",
+                          "type": "form-section",
                           "cancelEvent": "INIT",
                           "fields": [
                             "name",
                             "email"
-                          ],
-                          "mode": "create"
+                          ]
                         },
                         {
-                          "currentStep": 0.0,
                           "showBack": false,
-                          "totalSteps": 3.0,
+                          "showNext": true,
                           "showComplete": false,
+                          "type": "wizard-navigation",
+                          "currentStep": 0.0,
                           "onNext": "NEXT",
-                          "showNext": true,
-                          "type": "wizard-navigation"
+                          "totalSteps": 3.0
                         }
                       ]
                     }
@@ -279,15 +291,30 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
+                      "className": "max-w-xl mx-auto w-full",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "type": "typography",
-                          "content": "Sign-up",
-                          "variant": "h2"
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "user-plus"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "h3",
+                              "content": "Sign-up"
+                            }
+                          ],
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "type": "stack"
                         },
                         {
-                          "currentStep": 1.0,
                           "type": "wizard-progress",
+                          "currentStep": 1.0,
                           "steps": [
                             "Personal",
                             "Preferences",
@@ -298,35 +325,32 @@
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
-                          "variant": "h3",
-                          "content": "Preferences"
+                          "variant": "h4",
+                          "content": "Preferences",
+                          "type": "typography"
                         },
                         {
+                          "mode": "edit",
                           "fields": [
                             "theme"
                           ],
-                          "submitEvent": "NEXT",
                           "entity": "@entity",
+                          "cancelEvent": "PREV",
                           "type": "form-section",
-                          "mode": "edit",
-                          "cancelEvent": "PREV"
+                          "submitEvent": "NEXT"
                         },
                         {
-                          "showComplete": false,
-                          "type": "wizard-navigation",
-                          "showNext": true,
-                          "currentStep": 1.0,
-                          "totalSteps": 3.0,
                           "showBack": true,
+                          "onNext": "NEXT",
+                          "currentStep": 1.0,
                           "onBack": "PREV",
-                          "onNext": "NEXT"
+                          "showComplete": false,
+                          "showNext": true,
+                          "type": "wizard-navigation",
+                          "totalSteps": 3.0
                         }
                       ],
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full",
-                      "type": "stack",
-                      "direction": "vertical"
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -345,80 +369,95 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "className": "max-w-xl mx-auto w-full",
                       "direction": "vertical",
                       "gap": "lg",
                       "children": [
                         {
-                          "type": "typography",
-                          "variant": "h2",
-                          "content": "Sign-up"
+                          "type": "stack",
+                          "align": "center",
+                          "direction": "horizontal",
+                          "children": [
+                            {
+                              "name": "user-plus",
+                              "type": "icon"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "h3",
+                              "content": "Sign-up"
+                            }
+                          ],
+                          "gap": "sm"
                         },
                         {
-                          "currentStep": 2.0,
-                          "type": "wizard-progress",
                           "steps": [
                             "Personal",
                             "Preferences",
                             "Review"
-                          ]
+                          ],
+                          "type": "wizard-progress",
+                          "currentStep": 2.0
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "type": "typography",
                           "content": "Review",
-                          "variant": "h3",
-                          "type": "typography"
+                          "variant": "h4"
                         },
                         {
-                          "gap": "sm",
+                          "direction": "vertical",
+                          "type": "stack",
                           "children": [
                             {
-                              "type": "stack",
+                              "direction": "horizontal",
                               "gap": "md",
-                              "justify": "between",
                               "children": [
                                 {
-                                  "content": "Name",
                                   "type": "typography",
-                                  "variant": "caption"
+                                  "variant": "caption",
+                                  "content": "Name",
+                                  "color": "muted"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "body",
+                                  "type": "typography",
                                   "content": "@entity.name"
                                 }
                               ],
-                              "direction": "horizontal"
+                              "justify": "between",
+                              "type": "stack"
                             },
                             {
                               "gap": "md",
-                              "type": "stack",
-                              "direction": "horizontal",
                               "justify": "between",
+                              "direction": "horizontal",
+                              "type": "stack",
                               "children": [
                                 {
                                   "type": "typography",
-                                  "variant": "caption",
-                                  "content": "Email"
+                                  "content": "Email",
+                                  "color": "muted",
+                                  "variant": "caption"
                                 },
                                 {
+                                  "type": "typography",
                                   "content": "@entity.email",
-                                  "variant": "body",
-                                  "type": "typography"
+                                  "variant": "body"
                                 }
                               ]
                             },
                             {
-                              "type": "stack",
-                              "gap": "md",
+                              "direction": "horizontal",
+                              "justify": "between",
                               "children": [
                                 {
-                                  "type": "typography",
                                   "variant": "caption",
-                                  "content": "Theme"
+                                  "color": "muted",
+                                  "content": "Theme",
+                                  "type": "typography"
                                 },
                                 {
                                   "type": "typography",
@@ -426,24 +465,24 @@
                                   "content": "@entity.theme"
                                 }
                               ],
-                              "justify": "between",
-                              "direction": "horizontal"
+                              "type": "stack",
+                              "gap": "md"
                             }
                           ],
-                          "direction": "vertical",
-                          "type": "stack"
+                          "gap": "sm"
                         },
                         {
                           "type": "wizard-navigation",
-                          "showBack": true,
-                          "onBack": "PREV",
                           "showComplete": true,
-                          "onComplete": "COMPLETE",
-                          "currentStep": 2.0,
+                          "showNext": false,
                           "totalSteps": 3.0,
-                          "showNext": false
+                          "showBack": true,
+                          "onComplete": "COMPLETE",
+                          "onBack": "PREV",
+                          "currentStep": 2.0
                         }
-                      ]
+                      ],
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -458,12 +497,26 @@
                     "main",
                     {
                       "className": "max-w-xl mx-auto w-full",
+                      "direction": "vertical",
                       "gap": "lg",
+                      "type": "stack",
                       "children": [
                         {
-                          "content": "Sign-up",
-                          "variant": "h2",
-                          "type": "typography"
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "user-plus"
+                            },
+                            {
+                              "variant": "h3",
+                              "content": "Sign-up",
+                              "type": "typography"
+                            }
+                          ],
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm"
                         },
                         {
                           "type": "wizard-progress",
@@ -478,33 +531,31 @@
                           "type": "divider"
                         },
                         {
-                          "variant": "h3",
                           "type": "typography",
+                          "variant": "h4",
                           "content": "Personal Info"
                         },
                         {
-                          "entity": "@entity",
-                          "cancelEvent": "INIT",
-                          "type": "form-section",
-                          "submitEvent": "NEXT",
                           "fields": [
                             "name",
                             "email"
                           ],
-                          "mode": "edit"
+                          "cancelEvent": "INIT",
+                          "mode": "edit",
+                          "type": "form-section",
+                          "entity": "@entity",
+                          "submitEvent": "NEXT"
                         },
                         {
-                          "type": "wizard-navigation",
-                          "showComplete": false,
                           "onNext": "NEXT",
-                          "showBack": false,
-                          "showNext": true,
                           "currentStep": 0.0,
-                          "totalSteps": 3.0
+                          "showComplete": false,
+                          "totalSteps": 3.0,
+                          "type": "wizard-navigation",
+                          "showBack": false,
+                          "showNext": true
                         }
-                      ],
-                      "type": "stack",
-                      "direction": "vertical"
+                      ]
                     }
                   ]
                 ]
@@ -521,8 +572,8 @@
                     "@payload.data",
                     {
                       "emit": {
-                        "failure": "WizardFormSaveFailed",
-                        "success": "WizardFormSaved"
+                        "success": "WizardFormSaved",
+                        "failure": "WizardFormSaveFailed"
                       }
                     }
                   ],
@@ -530,22 +581,22 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
-                      "align": "center",
                       "type": "stack",
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full py-12",
+                      "direction": "vertical",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "content": "Completing sign-up…",
+                          "color": "muted",
                           "variant": "caption",
-                          "type": "typography",
-                          "color": "muted"
+                          "content": "Completing sign-up…",
+                          "type": "typography"
                         }
-                      ]
+                      ],
+                      "gap": "lg",
+                      "className": "max-w-xl mx-auto w-full py-12",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -559,12 +610,26 @@
                     "render-ui",
                     "main",
                     {
+                      "direction": "vertical",
+                      "type": "stack",
                       "className": "max-w-xl mx-auto w-full",
                       "children": [
                         {
-                          "content": "Sign-up",
-                          "type": "typography",
-                          "variant": "h2"
+                          "children": [
+                            {
+                              "name": "user-plus",
+                              "type": "icon"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Sign-up",
+                              "variant": "h3"
+                            }
+                          ],
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "type": "stack"
                         },
                         {
                           "steps": [
@@ -579,34 +644,32 @@
                           "type": "divider"
                         },
                         {
+                          "variant": "h4",
                           "content": "Preferences",
-                          "type": "typography",
-                          "variant": "h3"
+                          "type": "typography"
                         },
                         {
-                          "entity": "@entity",
-                          "submitEvent": "NEXT",
                           "fields": [
                             "theme"
                           ],
-                          "cancelEvent": "PREV",
                           "type": "form-section",
-                          "mode": "edit"
+                          "mode": "edit",
+                          "submitEvent": "NEXT",
+                          "entity": "@entity",
+                          "cancelEvent": "PREV"
                         },
                         {
-                          "showBack": true,
-                          "showNext": true,
-                          "onBack": "PREV",
-                          "showComplete": false,
+                          "totalSteps": 3.0,
                           "currentStep": 1.0,
+                          "onBack": "PREV",
                           "onNext": "NEXT",
-                          "totalSteps": 3.0,
-                          "type": "wizard-navigation"
+                          "showComplete": false,
+                          "type": "wizard-navigation",
+                          "showNext": true,
+                          "showBack": true
                         }
                       ],
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "type": "stack"
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -620,34 +683,34 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full py-12",
+                      "type": "stack",
                       "children": [
                         {
                           "name": "check-circle",
                           "type": "icon"
                         },
                         {
+                          "content": "Welcome!",
                           "type": "typography",
-                          "variant": "h2",
-                          "content": "Welcome!"
+                          "variant": "h3"
                         },
                         {
-                          "content": "Your account has been created.",
                           "type": "typography",
-                          "color": "muted",
-                          "variant": "body"
+                          "content": "Your account has been created.",
+                          "variant": "body",
+                          "color": "muted"
                         },
                         {
+                          "icon": "rotate-ccw",
                           "label": "Start Over",
                           "action": "RESTART",
-                          "variant": "ghost",
                           "type": "button",
-                          "icon": "rotate-ccw"
+                          "variant": "ghost"
                         }
                       ],
+                      "gap": "lg",
+                      "className": "max-w-xl mx-auto w-full py-12",
                       "align": "center"
                     }
                   ]
@@ -662,9 +725,8 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
+                      "gap": "lg",
                       "align": "center",
-                      "className": "max-w-xl mx-auto w-full py-12",
                       "children": [
                         {
                           "type": "icon",
@@ -672,25 +734,26 @@
                           "color": "destructive"
                         },
                         {
+                          "variant": "h3",
                           "type": "typography",
-                          "variant": "h2",
                           "content": "Sign-up Failed"
                         },
                         {
-                          "variant": "error",
                           "type": "alert",
+                          "variant": "error",
                           "message": "@payload.error"
                         },
                         {
-                          "icon": "refresh-cw",
-                          "type": "button",
                           "action": "COMPLETE",
                           "variant": "primary",
+                          "icon": "refresh-cw",
+                          "type": "button",
                           "label": "Retry"
                         }
                       ],
-                      "gap": "lg",
-                      "type": "stack"
+                      "type": "stack",
+                      "direction": "vertical",
+                      "className": "max-w-xl mx-auto w-full py-12"
                     }
                   ]
                 ]
@@ -704,12 +767,24 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "max-w-xl mx-auto w-full",
+                      "gap": "lg",
                       "children": [
                         {
-                          "content": "Sign-up",
-                          "type": "typography",
-                          "variant": "h2"
+                          "align": "center",
+                          "gap": "sm",
+                          "type": "stack",
+                          "children": [
+                            {
+                              "name": "user-plus",
+                              "type": "icon"
+                            },
+                            {
+                              "content": "Sign-up",
+                              "type": "typography",
+                              "variant": "h3"
+                            }
+                          ],
+                          "direction": "horizontal"
                         },
                         {
                           "steps": [
@@ -717,40 +792,40 @@
                             "Preferences",
                             "Review"
                           ],
-                          "currentStep": 0.0,
-                          "type": "wizard-progress"
+                          "type": "wizard-progress",
+                          "currentStep": 0.0
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "variant": "h3",
-                          "type": "typography",
-                          "content": "Personal Info"
+                          "variant": "h4",
+                          "content": "Personal Info",
+                          "type": "typography"
                         },
                         {
                           "type": "form-section",
+                          "submitEvent": "NEXT",
                           "cancelEvent": "INIT",
                           "fields": [
                             "name",
                             "email"
                           ],
-                          "submitEvent": "NEXT",
                           "mode": "create"
                         },
                         {
-                          "showNext": true,
-                          "showBack": false,
                           "type": "wizard-navigation",
-                          "showComplete": false,
+                          "showBack": false,
+                          "currentStep": 0.0,
                           "totalSteps": 3.0,
-                          "onNext": "NEXT",
-                          "currentStep": 0.0
+                          "showNext": true,
+                          "showComplete": false,
+                          "onNext": "NEXT"
                         }
                       ],
                       "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg"
+                      "className": "max-w-xl mx-auto w-full",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -773,4 +848,4 @@
       ]
     }
   ]
-}
+}