@almadar/std 16.9.1 → 16.9.2

package/behaviors/registry/core-variations/atoms/std-step-flow-stepper-horizontal.orb

@@ -29,66 +29,66 @@
           "linkedEntity": "StepperHorizontalView",
           "config": {
             "bodyContent": {
-              "align": "center",
-              "className": "max-w-4xl mx-auto pt-section w-full justify-between",
-              "direction": "horizontal",
-              "type": "stack",
-              "gap": "sm",
               "children": [
                 {
+                  "gap": "sm",
+                  "fields": [],
+                  "type": "data-list",
+                  "entity": "@entity.wizardSteps",
                   "renderItem": [
                     "fn",
                     "step",
                     {
-                      "align": "center",
-                      "gap": "sm",
                       "type": "stack",
-                      "direction": "horizontal",
+                      "gap": "sm",
                       "children": [
                         {
-                          "disabled": "@step.isPending",
+                          "icon": "@step.icon",
                           "type": "button",
+                          "variant": "ghost",
+                          "disabled": "@step.isPending",
                           "label": "",
-                          "action": "ADVANCE",
                           "actionPayload": {
                             "id": "@entity.id",
                             "stepKey": "@step.key"
                           },
-                          "icon": "@step.icon",
-                          "variant": "ghost"
+                          "action": "ADVANCE"
                         },
                         {
-                          "align": "center",
-                          "direction": "horizontal",
                           "children": [
                             {
+                              "variant": "@step.badgeVariant",
                               "type": "badge",
-                              "label": "@step.indexLabel",
-                              "variant": "@step.badgeVariant"
+                              "label": "@step.indexLabel"
                             },
                             {
-                              "type": "typography",
                               "variant": "caption",
+                              "content": "@step.label",
                               "color": "@step.labelColor",
-                              "content": "@step.label"
+                              "type": "typography"
                             }
                           ],
                           "type": "stack",
-                          "gap": "sm"
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center"
                         },
                         {
-                          "className": "flex-1 min-w-spacing-xl",
-                          "type": "divider"
+                          "type": "divider",
+                          "className": "flex-1 min-w-spacing-xl"
                         }
-                      ]
+                      ],
+                      "direction": "horizontal",
+                      "align": "center"
                     }
-                  ],
-                  "entity": "@entity.wizardSteps",
-                  "gap": "sm",
-                  "fields": [],
-                  "type": "data-list"
+                  ]
                 }
-              ]
+              ],
+              "gap": "sm",
+              "direction": "horizontal",
+              "className": "max-w-4xl mx-auto pt-section w-full justify-between",
+              "type": "stack",
+              "align": "center"
             }
           }
         }

package/behaviors/registry/core-variations/atoms/std-tabs-segmented-pills.orb

@@ -32,23 +32,23 @@
             "items": {
               "type": "object",
               "properties": {
+                "label": {
+                  "name": "label",
+                  "type": "string",
+                  "required": true
+                },
                 "icon": {
                   "name": "icon",
                   "type": "string",
                   "required": false
                 },
-                "value": {
-                  "name": "value",
+                "id": {
+                  "name": "id",
                   "type": "string",
                   "required": false
                 },
-                "label": {
-                  "name": "label",
-                  "type": "string",
-                  "required": true
-                },
-                "id": {
-                  "name": "id",
+                "value": {
+                  "name": "value",
                   "type": "string",
                   "required": false
                 }
@@ -64,13 +64,20 @@
           "linkedEntity": "SegmentedPillsTabsItem",
           "config": {
             "bodyContent": {
+              "type": "stack",
               "direction": "horizontal",
+              "align": "center",
               "children": [
                 {
+                  "variant": "pills",
+                  "orientation": "horizontal",
+                  "tabChangeEvent": "TAB_CHANGED",
+                  "activeTab": "@entity.activeTab",
+                  "className": "gap-1",
                   "items": [
                     {
-                      "id": "tab1",
-                      "label": "Tab 1"
+                      "label": "Tab 1",
+                      "id": "tab1"
                     },
                     {
                       "id": "tab2",
@@ -81,18 +88,11 @@
                       "label": "Tab 3"
                     }
                   ],
-                  "variant": "pills",
-                  "className": "gap-1",
-                  "type": "tabs",
-                  "activeTab": "@entity.activeTab",
-                  "orientation": "horizontal",
-                  "tabChangeEvent": "TAB_CHANGED"
+                  "type": "tabs"
                 }
               ],
-              "align": "center",
-              "type": "stack",
-              "className": "inline-flex p-1 rounded-pill bg-muted",
-              "gap": "none"
+              "gap": "none",
+              "className": "inline-flex p-1 rounded-pill bg-muted"
             }
           }
         }

package/behaviors/registry/core-variations/atoms/std-tabs-sidebar-rail.orb

@@ -32,8 +32,8 @@
             "items": {
               "type": "object",
               "properties": {
-                "value": {
-                  "name": "value",
+                "id": {
+                  "name": "id",
                   "type": "string",
                   "required": false
                 },
@@ -47,8 +47,8 @@
                   "type": "string",
                   "required": true
                 },
-                "id": {
-                  "name": "id",
+                "value": {
+                  "name": "value",
                   "type": "string",
                   "required": false
                 }
@@ -64,24 +64,20 @@
           "linkedEntity": "SidebarRailTabsItem",
           "config": {
             "bodyContent": {
-              "gap": "none",
+              "type": "stack",
               "align": "stretch",
               "children": [
                 {
-                  "type": "stack",
-                  "gap": "none",
+                  "direction": "vertical",
+                  "className": "w-56 shrink-0 border-r bg-muted/30 py-3",
                   "children": [
                     {
-                      "activeTab": "@entity.activeTab",
-                      "orientation": "vertical",
                       "tabChangeEvent": "TAB_CHANGED",
-                      "className": "px-2 gap-1",
-                      "type": "tabs",
                       "items": [
                         {
+                          "icon": "home",
                           "id": "tab1",
-                          "label": "Tab 1",
-                          "icon": "home"
+                          "label": "Tab 1"
                         },
                         {
                           "icon": "settings",
@@ -90,26 +86,30 @@
                         },
                         {
                           "id": "tab3",
-                          "label": "Tab 3",
-                          "icon": "user"
+                          "icon": "user",
+                          "label": "Tab 3"
                         }
                       ],
-                      "variant": "pills"
+                      "variant": "pills",
+                      "orientation": "vertical",
+                      "className": "px-2 gap-1",
+                      "activeTab": "@entity.activeTab",
+                      "type": "tabs"
                     }
                   ],
-                  "direction": "vertical",
+                  "gap": "none",
                   "align": "stretch",
-                  "className": "w-56 shrink-0 border-r bg-muted/30 py-3"
+                  "type": "stack"
                 },
                 {
-                  "direction": "vertical",
-                  "gap": "md",
                   "className": "flex-1 min-w-0 p-card-md",
+                  "children": [],
                   "type": "stack",
-                  "children": []
+                  "direction": "vertical",
+                  "gap": "md"
                 }
               ],
-              "type": "stack",
+              "gap": "none",
               "direction": "horizontal",
               "className": "min-h-[24rem] border rounded-md overflow-hidden"
             }

package/behaviors/registry/core-variations/atoms/std-thread-chat-bubbles.orb

@@ -73,121 +73,121 @@
           "config": {
             "bodyContent": {
               "direction": "vertical",
-              "className": "max-w-2xl mx-auto px-card-md py-section h-full",
-              "gap": "none",
-              "type": "stack",
               "children": [
                 {
+                  "direction": "horizontal",
+                  "align": "center",
+                  "type": "stack",
                   "className": "pb-md border-b border-[var(--color-border)]",
+                  "gap": "sm",
                   "children": [
                     {
+                      "name": "Alex Rivera",
                       "type": "avatar",
-                      "size": "md",
-                      "name": "Alex Rivera"
+                      "size": "md"
                     },
                     {
+                      "direction": "vertical",
+                      "className": "flex-1",
+                      "type": "stack",
+                      "gap": "xs",
                       "children": [
                         {
                           "content": "Alex Rivera",
-                          "type": "typography",
+                          "variant": "body",
                           "weight": "medium",
-                          "variant": "body"
+                          "type": "typography"
                         },
                         {
                           "content": "Active now",
                           "variant": "caption",
-                          "type": "typography",
-                          "color": "muted"
+                          "color": "muted",
+                          "type": "typography"
                         }
-                      ],
-                      "type": "stack",
-                      "className": "flex-1",
-                      "direction": "vertical",
-                      "gap": "xs"
+                      ]
                     }
-                  ],
-                  "gap": "sm",
-                  "align": "center",
-                  "direction": "horizontal",
-                  "type": "stack"
+                  ]
                 },
                 {
-                  "fields": [],
-                  "gap": "sm",
                   "variant": "message",
-                  "className": "flex-1 overflow-y-auto py-md",
                   "senderField": "authorId",
+                  "currentUser": "me",
                   "type": "data-list",
                   "renderItem": [
                     "fn",
                     "item",
                     {
-                      "direction": "horizontal",
-                      "gap": "sm",
-                      "className": "@item.isMe ? 'w-full flex-row-reverse' : 'w-full flex-row'",
                       "type": "stack",
+                      "gap": "sm",
+                      "direction": "horizontal",
                       "align": "end",
+                      "className": "@item.isMe ? 'w-full flex-row-reverse' : 'w-full flex-row'",
                       "children": [
                         {
-                          "type": "avatar",
                           "className": "@item.isMe ? 'invisible' : 'visible'",
-                          "name": "@item.authorName",
-                          "size": "sm"
+                          "size": "sm",
+                          "type": "avatar",
+                          "name": "@item.authorName"
                         },
                         {
+                          "className": "@item.isMe ? 'max-w-[70%] items-end' : 'max-w-[70%] items-start'",
                           "type": "stack",
+                          "direction": "vertical",
+                          "gap": "xs",
                           "children": [
                             {
-                              "type": "card",
-                              "look": "@item.isMe ? 'filled' : 'flat-bordered'",
                               "children": {
-                                "type": "typography",
                                 "content": "@item.content",
+                                "type": "typography",
                                 "variant": "body"
                               },
+                              "look": "@item.isMe ? 'filled' : 'flat-bordered'",
+                              "type": "card",
                               "padding": "sm",
                               "className": "@item.isMe ? 'rounded-lg rounded-br-sm bg-[var(--color-primary)] text-[var(--color-primary-foreground)] shadow-sm' : 'rounded-lg rounded-bl-sm bg-[var(--color-muted)] text-[var(--color-foreground)] shadow-sm'"
                             },
                             {
-                              "content": "@item.createdAt",
                               "variant": "caption",
+                              "type": "typography",
                               "color": "muted",
-                              "type": "typography"
+                              "content": "@item.createdAt"
                             }
-                          ],
-                          "gap": "xs",
-                          "className": "@item.isMe ? 'max-w-[70%] items-end' : 'max-w-[70%] items-start'",
-                          "direction": "vertical"
+                          ]
                         }
                       ]
                     }
                   ],
-                  "currentUser": "me",
-                  "entity": "@payload.data"
+                  "fields": [],
+                  "entity": "@payload.data",
+                  "className": "flex-1 overflow-y-auto py-md",
+                  "gap": "sm"
                 },
                 {
+                  "direction": "horizontal",
+                  "gap": "sm",
+                  "className": "mt-md border-t border-[var(--color-border)] pt-md",
                   "children": [
                     {
-                      "action": "EDIT_REPLY",
-                      "inputType": "text",
+                      "type": "input",
                       "placeholder": "Message…",
-                      "type": "input"
+                      "action": "EDIT_REPLY",
+                      "inputType": "text"
                     },
                     {
-                      "variant": "primary",
-                      "type": "button",
-                      "label": "Send",
+                      "action": "SUBMIT_REPLY",
                       "icon": "send",
-                      "action": "SUBMIT_REPLY"
+                      "label": "Send",
+                      "variant": "primary",
+                      "type": "button"
                     }
                   ],
                   "type": "stack",
-                  "direction": "horizontal",
-                  "gap": "sm",
-                  "className": "mt-md border-t border-[var(--color-border)] pt-md",
                   "align": "center"
                 }
-              ]
+              ],
+              "type": "stack",
+              "gap": "none",
+              "className": "max-w-2xl mx-auto px-card-md py-section h-full"
             }
           }
         }