@almadar/std 16.9.1 → 16.10.0

package/behaviors/registry/core-variations/atoms/std-thread-comments-linear.orb

@@ -76,107 +76,106 @@
           "linkedEntity": "CommentsLinearPost",
           "config": {
             "bodyContent": {
-              "className": "max-w-3xl mx-auto px-card-md py-section",
-              "gap": "lg",
               "type": "stack",
-              "direction": "vertical",
+              "className": "max-w-3xl mx-auto px-card-md py-section",
               "children": [
                 {
                   "children": [
                     {
-                      "size": "md",
+                      "type": "icon",
                       "name": "message-square",
-                      "type": "icon"
+                      "size": "md"
                     },
                     {
-                      "variant": "h3",
                       "type": "typography",
-                      "content": "Discussion"
+                      "content": "Discussion",
+                      "variant": "h3"
                     }
                   ],
+                  "type": "stack",
                   "gap": "sm",
                   "align": "center",
-                  "type": "stack",
                   "direction": "horizontal"
                 },
                 {
+                  "padding": "md",
                   "type": "card",
                   "look": "flat-bordered",
                   "children": {
-                    "type": "stack",
-                    "direction": "vertical",
-                    "gap": "sm",
                     "children": [
                       {
-                        "type": "typography",
+                        "content": "Add a comment",
                         "variant": "label",
-                        "content": "Add a comment"
+                        "type": "typography"
                       },
                       {
+                        "inputType": "textarea",
+                        "rows": 3.0,
                         "placeholder": "Share your thoughts…",
                         "action": "EDIT_REPLY",
-                        "type": "input",
-                        "inputType": "textarea",
-                        "rows": 3.0
+                        "type": "input"
                       },
                       {
+                        "type": "stack",
+                        "direction": "horizontal",
+                        "justify": "end",
+                        "gap": "sm",
                         "children": [
                           {
+                            "action": "CANCEL_REPLY",
+                            "type": "button",
                             "variant": "ghost",
                             "size": "sm",
-                            "action": "CANCEL_REPLY",
-                            "label": "Cancel",
-                            "type": "button"
+                            "label": "Cancel"
                           },
                           {
-                            "action": "SUBMIT_REPLY",
-                            "label": "Comment",
-                            "type": "button",
                             "size": "sm",
+                            "label": "Comment",
                             "icon": "send",
+                            "action": "SUBMIT_REPLY",
+                            "type": "button",
                             "variant": "primary"
                           }
-                        ],
-                        "gap": "sm",
-                        "type": "stack",
-                        "justify": "end",
-                        "direction": "horizontal"
+                        ]
                       }
-                    ]
-                  },
-                  "padding": "md"
+                    ],
+                    "direction": "vertical",
+                    "type": "stack",
+                    "gap": "sm"
+                  }
                 },
                 {
                   "gap": "md",
-                  "type": "data-list",
-                  "entity": "@payload.data",
+                  "variant": "default",
                   "renderItem": [
                     "fn",
                     "item",
                     {
-                      "look": "flat-bordered",
+                      "type": "card",
                       "children": {
-                        "gap": "sm",
-                        "type": "stack",
                         "children": [
                           {
+                            "gap": "sm",
+                            "align": "center",
+                            "direction": "horizontal",
+                            "type": "stack",
                             "children": [
                               {
-                                "type": "avatar",
                                 "name": "@item.authorName",
-                                "size": "sm"
+                                "size": "sm",
+                                "type": "avatar"
                               },
                               {
-                                "type": "typography",
-                                "variant": "body",
                                 "content": "@item.authorName",
+                                "variant": "body",
+                                "type": "typography",
                                 "weight": "medium"
                               },
                               {
+                                "variant": "caption",
                                 "content": "·",
-                                "color": "muted",
                                 "type": "typography",
-                                "variant": "caption"
+                                "color": "muted"
                               },
                               {
                                 "color": "muted",
@@ -184,71 +183,63 @@
                                 "type": "typography",
                                 "content": "@item.createdAt"
                               }
-                            ],
-                            "align": "center",
-                            "type": "stack",
-                            "direction": "horizontal",
-                            "gap": "sm"
+                            ]
                           },
                           {
-                            "variant": "body",
                             "content": "@item.content",
-                            "type": "typography"
+                            "type": "typography",
+                            "variant": "body"
                           },
                           {
+                            "type": "stack",
+                            "gap": "xs",
+                            "direction": "horizontal",
+                            "align": "center",
                             "children": [
                               {
-                                "type": "button",
-                                "label": "Reply",
-                                "variant": "ghost",
                                 "icon": "corner-down-right",
                                 "action": "REPLY",
                                 "actionPayload": {
                                   "parentId": "@item.id"
                                 },
-                                "size": "sm"
+                                "variant": "ghost",
+                                "label": "Reply",
+                                "size": "sm",
+                                "type": "button"
                               }
-                            ],
-                            "gap": "xs",
-                            "type": "stack",
-                            "direction": "horizontal",
-                            "align": "center"
+                            ]
                           },
                           {
-                            "gap": "sm",
-                            "type": "stack",
-                            "direction": "vertical",
                             "children": [
                               {
-                                "gap": "xs",
+                                "align": "center",
+                                "direction": "horizontal",
                                 "children": [
                                   {
-                                    "type": "icon",
+                                    "name": "chevron-down",
                                     "size": "xs",
-                                    "name": "chevron-down"
+                                    "type": "icon"
                                   },
                                   {
-                                    "type": "typography",
-                                    "variant": "caption",
+                                    "content": "@item.replyCount replies",
                                     "weight": "medium",
-                                    "color": "muted",
-                                    "content": "@item.replyCount replies"
+                                    "variant": "caption",
+                                    "type": "typography",
+                                    "color": "muted"
                                   }
                                 ],
-                                "direction": "horizontal",
-                                "type": "stack",
-                                "align": "center"
+                                "gap": "xs",
+                                "type": "stack"
                               },
                               {
-                                "gap": "sm",
                                 "entity": "@item.replies",
+                                "type": "data-list",
+                                "gap": "sm",
                                 "variant": "default",
-                                "fields": [],
                                 "renderItem": [
                                   "fn",
                                   "reply",
                                   {
-                                    "look": "borderless-divider",
                                     "padding": "sm",
                                     "type": "card",
                                     "children": {
@@ -257,105 +248,114 @@
                                       "gap": "xs",
                                       "children": [
                                         {
-                                          "gap": "sm",
                                           "type": "stack",
-                                          "align": "center",
-                                          "direction": "horizontal",
                                           "children": [
                                             {
-                                              "name": "@reply.authorName",
                                               "size": "xs",
+                                              "name": "@reply.authorName",
                                               "type": "avatar"
                                             },
                                             {
-                                              "content": "@reply.authorName",
-                                              "variant": "caption",
                                               "type": "typography",
-                                              "weight": "medium"
+                                              "content": "@reply.authorName",
+                                              "weight": "medium",
+                                              "variant": "caption"
                                             },
                                             {
                                               "color": "muted",
-                                              "type": "typography",
                                               "variant": "caption",
-                                              "content": "·"
+                                              "content": "·",
+                                              "type": "typography"
                                             },
                                             {
                                               "color": "muted",
+                                              "type": "typography",
                                               "content": "@reply.createdAt",
-                                              "variant": "caption",
-                                              "type": "typography"
+                                              "variant": "caption"
                                             }
-                                          ]
+                                          ],
+                                          "gap": "sm",
+                                          "align": "center",
+                                          "direction": "horizontal"
                                         },
                                         {
-                                          "type": "typography",
                                           "variant": "body",
-                                          "content": "@reply.content"
+                                          "content": "@reply.content",
+                                          "type": "typography"
                                         },
                                         {
                                           "gap": "xs",
-                                          "direction": "horizontal",
-                                          "type": "stack",
-                                          "align": "center",
                                           "children": [
                                             {
-                                              "variant": "ghost",
-                                              "type": "button",
+                                              "size": "sm",
                                               "label": "Reply",
-                                              "action": "REPLY",
+                                              "icon": "corner-down-right",
+                                              "type": "button",
                                               "actionPayload": {
                                                 "parentId": "@reply.id"
                                               },
-                                              "size": "sm",
-                                              "icon": "corner-down-right"
+                                              "action": "REPLY",
+                                              "variant": "ghost"
                                             }
-                                          ]
+                                          ],
+                                          "align": "center",
+                                          "type": "stack",
+                                          "direction": "horizontal"
                                         }
                                       ]
-                                    }
+                                    },
+                                    "look": "borderless-divider"
                                   }
                                 ],
-                                "type": "data-list"
+                                "fields": []
                               },
                               {
-                                "type": "stack",
-                                "align": "center",
                                 "gap": "sm",
                                 "children": [
                                   {
-                                    "type": "input",
-                                    "inputType": "text",
                                     "action": "EDIT_REPLY",
-                                    "placeholder": "Write a reply…"
+                                    "placeholder": "Write a reply…",
+                                    "type": "input",
+                                    "inputType": "text"
                                   },
                                   {
                                     "label": "Send",
+                                    "icon": "send",
                                     "action": "SUBMIT_REPLY",
-                                    "variant": "primary",
-                                    "size": "sm",
                                     "actionPayload": {
                                       "parentId": "@item.id"
                                     },
                                     "type": "button",
-                                    "icon": "send"
+                                    "variant": "primary",
+                                    "size": "sm"
                                   }
                                 ],
-                                "direction": "horizontal"
+                                "type": "stack",
+                                "direction": "horizontal",
+                                "align": "center"
                               }
                             ],
-                            "className": "pl-card-md border-l border-[var(--color-border)]"
+                            "gap": "sm",
+                            "type": "stack",
+                            "className": "pl-card-md border-l border-[var(--color-border)]",
+                            "direction": "vertical"
                           }
                         ],
-                        "direction": "vertical"
+                        "type": "stack",
+                        "direction": "vertical",
+                        "gap": "sm"
                       },
-                      "padding": "md",
-                      "type": "card"
+                      "look": "flat-bordered",
+                      "padding": "md"
                     }
                   ],
-                  "variant": "default",
-                  "fields": []
+                  "fields": [],
+                  "type": "data-list",
+                  "entity": "@payload.data"
                 }
-              ]
+              ],
+              "gap": "lg",
+              "direction": "vertical"
             }
           }
         }