@almadar/std 16.9.1 → 16.9.2

package/dist/behaviors/registry/core-variations/atoms/std-browse-dense.orb

@@ -64,119 +64,119 @@
           "linkedEntity": "DenseRow",
           "config": {
             "bodyContent": {
+              "className": "p-card-md",
+              "direction": "vertical",
+              "gap": "sm",
               "children": [
                 {
-                  "gap": "sm",
                   "align": "center",
+                  "direction": "horizontal",
+                  "className": "max-w-md",
+                  "gap": "sm",
                   "children": [
                     {
-                      "type": "icon",
-                      "name": "search"
+                      "name": "search",
+                      "type": "icon"
                     },
                     {
                       "type": "input",
-                      "placeholder": "Filter records…",
                       "inputType": "search",
+                      "placeholder": "Filter records…",
                       "action": "REFETCH_QUERY"
                     }
                   ],
-                  "type": "stack",
-                  "direction": "horizontal",
-                  "className": "max-w-md"
+                  "type": "stack"
                 },
                 {
                   "type": "stack",
-                  "gap": "none",
-                  "className": "rounded-md border border-[var(--color-border)] overflow-hidden bg-[var(--color-surface)]",
                   "direction": "vertical",
                   "children": [
                     {
                       "columns": [
                         {
-                          "width": "w-28",
+                          "key": "id",
+                          "header": "ID",
+                          "align": "left",
                           "label": "ID",
                           "field": "id",
-                          "align": "left",
-                          "className": "font-mono text-[var(--color-text-muted)] truncate",
-                          "header": "ID",
-                          "key": "id"
+                          "width": "w-28",
+                          "className": "font-mono text-[var(--color-text-muted)] truncate"
                         },
                         {
-                          "key": "name",
-                          "field": "name",
-                          "header": "NAME",
-                          "weight": "medium",
                           "label": "Name",
-                          "className": "truncate",
                           "width": "flex-1 min-w-[10rem]",
+                          "weight": "medium",
+                          "field": "name",
+                          "className": "truncate",
+                          "key": "name",
+                          "header": "NAME",
                           "align": "left"
                         },
                         {
-                          "field": "description",
                           "label": "Detail",
+                          "width": "flex-1 min-w-[12rem]",
+                          "key": "description",
                           "align": "left",
+                          "field": "description",
                           "header": "DETAIL",
-                          "width": "flex-1 min-w-[12rem]",
-                          "className": "text-[var(--color-text-muted)] truncate",
-                          "key": "description"
+                          "className": "text-[var(--color-text-muted)] truncate"
                         },
                         {
-                          "className": "font-mono tabular-nums",
-                          "label": "Value",
-                          "field": "value",
                           "header": "VALUE",
-                          "key": "value",
                           "width": "w-28",
-                          "align": "right"
+                          "align": "right",
+                          "className": "font-mono tabular-nums",
+                          "field": "value",
+                          "label": "Value",
+                          "key": "value"
                         },
                         {
+                          "width": "w-24",
                           "label": "Change",
-                          "align": "right",
-                          "field": "change",
                           "className": "font-mono tabular-nums",
-                          "header": "CHANGE",
+                          "align": "right",
                           "key": "change",
-                          "width": "w-24"
+                          "header": "CHANGE",
+                          "field": "change"
                         },
                         {
                           "label": "Volume",
+                          "key": "volume",
                           "field": "volume",
                           "header": "VOLUME",
-                          "width": "w-24",
                           "align": "right",
-                          "className": "font-mono tabular-nums text-[var(--color-text-muted)]",
-                          "key": "volume"
+                          "width": "w-24",
+                          "className": "font-mono tabular-nums text-[var(--color-text-muted)]"
                         },
                         {
-                          "width": "w-24",
-                          "field": "status",
                           "header": "STATUS",
+                          "field": "status",
                           "label": "Status",
-                          "align": "center",
-                          "key": "status"
+                          "key": "status",
+                          "width": "w-24",
+                          "align": "center"
                         },
                         {
                           "field": "createdAt",
+                          "width": "w-32",
                           "align": "right",
-                          "header": "CREATED",
                           "key": "createdAt",
-                          "width": "w-32",
-                          "label": "Created",
-                          "className": "font-mono tabular-nums text-[var(--color-text-muted)] truncate"
+                          "className": "font-mono tabular-nums text-[var(--color-text-muted)] truncate",
+                          "header": "CREATED",
+                          "label": "Created"
                         }
                       ],
-                      "selectable": true,
-                      "entity": "@payload.data",
+                      "emptyMessage": "No records",
                       "type": "table",
                       "className": "w-full text-sm [&_thead]:sticky [&_thead]:top-0 [&_thead]:z-10 [&_thead]:bg-[var(--color-surface-muted)] [&_thead]:text-[var(--color-text-muted)] [&_thead]:uppercase [&_thead]:text-xs [&_thead]:font-semibold [&_thead]:tracking-wide [&_thead]:border-b [&_thead]:border-[var(--color-border)] [&_tbody_tr]:border-b [&_tbody_tr]:border-[var(--color-border)] [&_tbody_tr:last-child]:border-b-0 [&_tbody_tr:hover]:bg-[var(--color-surface-muted)] [&_td]:px-3 [&_td]:py-2 [&_th]:px-3 [&_th]:py-2",
-                      "emptyMessage": "No records"
+                      "entity": "@payload.data",
+                      "selectable": true
                     }
-                  ]
+                  ],
+                  "gap": "none",
+                  "className": "rounded-md border border-[var(--color-border)] overflow-hidden bg-[var(--color-surface)]"
                 }
               ],
-              "gap": "sm",
-              "className": "p-card-md",
-              "direction": "vertical",
               "type": "stack"
             }
           }

package/dist/behaviors/registry/core-variations/atoms/std-browse-feed.orb

@@ -56,27 +56,27 @@
           "linkedEntity": "FeedPost",
           "config": {
             "bodyContent": {
-              "gap": "lg",
               "className": "max-w-2xl mx-auto p-card-md",
+              "type": "stack",
               "children": [
                 {
+                  "align": "center",
+                  "className": "rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-2 shadow-sm",
+                  "direction": "horizontal",
                   "gap": "sm",
                   "type": "stack",
-                  "className": "rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-2 shadow-sm",
                   "children": [
                     {
-                      "type": "icon",
-                      "name": "search"
+                      "name": "search",
+                      "type": "icon"
                     },
                     {
-                      "type": "input",
+                      "inputType": "search",
                       "placeholder": "Filter the feed…",
                       "action": "REFETCH_QUERY",
-                      "inputType": "search"
+                      "type": "input"
                     }
-                  ],
-                  "align": "center",
-                  "direction": "horizontal"
+                  ]
                 },
                 {
                   "variant": "card",
@@ -85,58 +85,55 @@
                     "fn",
                     "item",
                     {
-                      "type": "card",
-                      "className": "rounded-lg bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm transition-all duration-normal hover:shadow-main hover:border-[var(--color-border-strong)] hover:-translate-y-px",
                       "look": "flat-bordered",
+                      "className": "rounded-lg bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm transition-all duration-normal hover:shadow-main hover:border-[var(--color-border-strong)] hover:-translate-y-px",
+                      "type": "card",
                       "children": [
                         {
-                          "className": "p-card-md",
-                          "gap": "md",
                           "children": [
                             {
-                              "size": "md",
+                              "className": "rounded-full flex-shrink-0",
                               "type": "avatar",
-                              "fallback": "@item.name",
-                              "className": "rounded-full flex-shrink-0"
+                              "size": "md",
+                              "fallback": "@item.name"
                             },
                             {
-                              "className": "flex-1 min-w-0",
                               "gap": "xs",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "type": "stack",
                                   "align": "center",
+                                  "className": "flex-wrap",
                                   "children": [
                                     {
-                                      "className": "truncate",
+                                      "type": "typography",
                                       "content": "@item.name",
-                                      "weight": "medium",
+                                      "className": "truncate",
                                       "variant": "body",
-                                      "type": "typography"
+                                      "weight": "medium"
                                     },
                                     {
-                                      "size": "sm",
-                                      "label": "@item.category",
                                       "variant": "neutral",
-                                      "type": "badge"
+                                      "size": "sm",
+                                      "type": "badge",
+                                      "label": "@item.category"
                                     }
                                   ],
-                                  "direction": "horizontal",
                                   "gap": "xs",
-                                  "className": "flex-wrap"
+                                  "direction": "horizontal",
+                                  "type": "stack"
                                 },
                                 {
                                   "className": "text-[var(--color-foreground)] whitespace-pre-wrap break-words leading-relaxed",
-                                  "variant": "body",
                                   "content": "@item.description",
+                                  "variant": "body",
                                   "type": "typography"
                                 },
                                 {
-                                  "direction": "horizontal",
+                                  "justify": "between",
+                                  "gap": "sm",
                                   "align": "center",
                                   "type": "stack",
-                                  "justify": "between",
-                                  "className": "pt-1",
                                   "children": [
                                     {
                                       "content": "@item.createdAt",
@@ -145,32 +142,35 @@
                                       "type": "typography"
                                     },
                                     {
-                                      "variant": "default",
                                       "label": "@item.status",
+                                      "type": "badge",
                                       "size": "sm",
-                                      "type": "badge"
+                                      "variant": "default"
                                     }
                                   ],
-                                  "gap": "sm"
+                                  "className": "pt-1",
+                                  "direction": "horizontal"
                                 }
                               ],
-                              "type": "stack",
-                              "direction": "vertical"
+                              "direction": "vertical",
+                              "className": "flex-1 min-w-0"
                             }
                           ],
+                          "direction": "horizontal",
+                          "className": "p-card-md",
+                          "gap": "md",
                           "align": "start",
-                          "type": "stack",
-                          "direction": "horizontal"
+                          "type": "stack"
                         }
                       ]
                     }
                   ],
-                  "entity": "@payload.data",
+                  "type": "data-list",
                   "gap": "md",
-                  "type": "data-list"
+                  "entity": "@payload.data"
                 }
               ],
-              "type": "stack",
+              "gap": "lg",
               "direction": "vertical"
             }
           }

package/dist/behaviors/registry/core-variations/atoms/std-browse-gallery.orb

@@ -60,124 +60,124 @@
           "linkedEntity": "GalleryItem",
           "config": {
             "bodyContent": {
+              "gap": "lg",
+              "type": "stack",
+              "className": "max-w-7xl mx-auto px-card-md py-section",
+              "direction": "vertical",
               "children": [
                 {
                   "direction": "horizontal",
+                  "gap": "sm",
                   "type": "stack",
+                  "align": "center",
                   "className": "sticky top-0 z-10 -mx-card-md px-card-md py-3 bg-[var(--color-surface)]/95 backdrop-blur border-b border-[var(--color-border)]",
                   "children": [
                     {
-                      "className": "text-muted-foreground",
                       "name": "search",
+                      "className": "text-muted-foreground",
                       "type": "icon"
                     },
                     {
-                      "type": "input",
                       "inputType": "search",
-                      "placeholder": "Search the gallery…",
-                      "action": "REFETCH_QUERY"
+                      "type": "input",
+                      "action": "REFETCH_QUERY",
+                      "placeholder": "Search the gallery…"
                     }
-                  ],
-                  "align": "center",
-                  "gap": "sm"
+                  ]
                 },
                 {
-                  "entity": "@payload.data",
-                  "gap": "lg",
-                  "className": "w-full",
                   "renderItem": [
                     "fn",
                     "item",
                     {
                       "direction": "vertical",
+                      "className": "group rounded-lg overflow-hidden bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm hover:shadow-hover hover:-translate-y-0.5 transition-all duration-normal cursor-pointer",
                       "children": [
                         {
+                          "className": "relative aspect-square w-full bg-muted overflow-hidden",
                           "type": "stack",
+                          "align": "center",
                           "direction": "vertical",
-                          "className": "relative aspect-square w-full bg-muted overflow-hidden",
                           "justify": "center",
                           "gap": "xs",
-                          "align": "center",
                           "children": [
                             {
                               "size": "lg",
-                              "className": "text-muted-foreground opacity-50 transition-transform duration-normal group-hover:scale-105",
+                              "type": "icon",
                               "name": "image",
-                              "type": "icon"
+                              "className": "text-muted-foreground opacity-50 transition-transform duration-normal group-hover:scale-105"
                             },
                             {
-                              "color": "muted",
-                              "variant": "caption",
                               "className": "px-2 text-center truncate max-w-full",
                               "type": "typography",
+                              "color": "muted",
+                              "variant": "caption",
                               "content": "@item.thumbnailLabel"
                             },
                             {
-                              "type": "stack",
-                              "className": "absolute top-2 right-2",
-                              "direction": "horizontal",
-                              "gap": "xs",
-                              "align": "center",
                               "children": [
                                 {
-                                  "variant": "primary",
+                                  "label": "@item.price",
                                   "type": "badge",
-                                  "label": "@item.price"
+                                  "variant": "primary"
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "align": "center",
+                              "className": "absolute top-2 right-2",
+                              "gap": "xs"
                             },
                             {
                               "className": "absolute top-2 left-2",
+                              "type": "stack",
+                              "gap": "xs",
                               "children": [
                                 {
-                                  "label": "@item.status",
                                   "type": "badge",
+                                  "label": "@item.status",
                                   "variant": "neutral"
                                 }
                               ],
-                              "type": "stack",
                               "direction": "horizontal",
-                              "gap": "xs",
                               "align": "center"
                             }
                           ]
                         },
                         {
-                          "className": "px-card-md pb-card-md",
-                          "gap": "xs",
                           "type": "stack",
+                          "className": "px-card-md pb-card-md",
                           "children": [
                             {
+                              "variant": "h4",
                               "content": "@item.name",
                               "type": "typography",
-                              "className": "truncate",
-                              "variant": "h4"
+                              "className": "truncate"
                             },
                             {
-                              "content": "@item.description",
+                              "color": "muted",
                               "type": "typography",
+                              "content": "@item.description",
                               "className": "line-clamp-2",
-                              "variant": "caption",
-                              "color": "muted"
+                              "variant": "caption"
                             }
                           ],
-                          "direction": "vertical"
+                          "direction": "vertical",
+                          "gap": "xs"
                         }
                       ],
                       "type": "stack",
-                      "className": "group rounded-lg overflow-hidden bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm hover:shadow-hover hover:-translate-y-0.5 transition-all duration-normal cursor-pointer",
                       "gap": "sm"
                     }
                   ],
-                  "minCardWidth": 280.0,
+                  "gap": "lg",
+                  "entity": "@payload.data",
+                  "fields": [],
                   "type": "data-grid",
-                  "fields": []
+                  "minCardWidth": 280.0,
+                  "className": "w-full"
                 }
-              ],
-              "gap": "lg",
-              "className": "max-w-7xl mx-auto px-card-md py-section",
-              "type": "stack",
-              "direction": "vertical"
+              ]
             }
           }
         }