@almadar/std 16.26.0 → 16.27.0

package/behaviors/registry/ui/core/atoms/ui-badge.orb

@@ -75,15 +75,15 @@
                     "render-ui",
                     "main",
                     {
-                      "onRemove": "REMOVE",
                       "icon": "@config.icon",
-                      "variant": "@config.variant",
+                      "size": "@config.size",
                       "className": "@config.className",
-                      "amount": "@config.amount",
+                      "variant": "@config.variant",
                       "removeLabel": "@config.removeLabel",
                       "type": "badge",
                       "label": "@config.label",
-                      "size": "@config.size"
+                      "onRemove": "REMOVE",
+                      "amount": "@config.amount"
                     }
                   ]
                 ]
@@ -91,30 +91,25 @@
             ]
           },
           "config": {
-            "size": {
-              "type": "string",
-              "default": "sm",
-              "label": "Size",
-              "description": "size prop",
-              "tier": "presentation",
-              "values": [
-                "sm",
-                "md",
-                "lg"
-              ]
+            "amount": {
+              "type": "number",
+              "default": 0.0,
+              "label": "Amount",
+              "description": "Numeric count or amount to display in badge",
+              "tier": "presentation"
             },
-            "className": {
+            "removeLabel": {
               "type": "string",
               "default": "",
-              "label": "Class Name",
-              "description": "Additional CSS classes applied to the root element.",
+              "label": "Remove Label",
+              "description": "Accessible label for the remove button. Defaults to 'Remove'.",
               "tier": "presentation"
             },
-            "label": {
+            "className": {
               "type": "string",
               "default": "",
-              "label": "Label",
-              "description": "Badge label text (alternative to children for schema-driven rendering). Numeric values are auto-coerced to string for rendering — common case is unread counts, error counts, status codes, etc.",
+              "label": "Class Name",
+              "description": "Additional CSS classes applied to the root element.",
               "tier": "presentation"
             },
             "icon": {
@@ -123,20 +118,6 @@
               "description": "Icon name (Lucide icon string) or React node",
               "tier": "presentation"
             },
-            "removeLabel": {
-              "type": "string",
-              "default": "",
-              "label": "Remove Label",
-              "description": "Accessible label for the remove button. Defaults to 'Remove'.",
-              "tier": "presentation"
-            },
-            "amount": {
-              "type": "number",
-              "default": 0.0,
-              "label": "Amount",
-              "description": "Numeric count or amount to display in badge",
-              "tier": "presentation"
-            },
             "variant": {
               "type": "string",
               "default": "default",
@@ -154,6 +135,25 @@
                 "info",
                 "neutral"
               ]
+            },
+            "label": {
+              "type": "string",
+              "default": "",
+              "label": "Label",
+              "description": "Badge label text (alternative to children for schema-driven rendering). Numeric values are auto-coerced to string for rendering — common case is unread counts, error counts, status codes, etc.",
+              "tier": "presentation"
+            },
+            "size": {
+              "type": "string",
+              "default": "sm",
+              "label": "Size",
+              "description": "size prop",
+              "tier": "presentation",
+              "values": [
+                "sm",
+                "md",
+                "lg"
+              ]
             }
           },
           "scope": "instance"
@@ -172,4 +172,4 @@
       ]
     }
   ]
-}
+}

package/behaviors/registry/ui/core/atoms/ui-box.orb

@@ -99,28 +99,33 @@
                     "render-ui",
                     "main",
                     {
+                      "actionPayload": "@config.actionPayload",
+                      "children": [
+                        {
+                          "content": "Sample content",
+                          "type": "text"
+                        }
+                      ],
+                      "maxWidth": "@config.maxWidth",
                       "overflow": "@config.overflow",
                       "padding": "@config.padding",
+                      "type": "box",
+                      "fullWidth": "@config.fullWidth",
+                      "fullHeight": "@config.fullHeight",
+                      "display": "@config.display",
                       "marginX": "@config.marginX",
-                      "bg": "@config.bg",
                       "margin": "@config.margin",
-                      "paddingX": "@config.paddingX",
                       "marginY": "@config.marginY",
-                      "hoverEvent": "HOVER",
-                      "maxWidth": "@config.maxWidth",
-                      "type": "box",
-                      "paddingY": "@config.paddingY",
-                      "className": "@config.className",
                       "border": "@config.border",
-                      "children": "@config.children",
-                      "fullHeight": "@config.fullHeight",
-                      "display": "@config.display",
+                      "paddingY": "@config.paddingY",
                       "shadow": "@config.shadow",
-                      "rounded": "@config.rounded",
                       "position": "@config.position",
-                      "fullWidth": "@config.fullWidth",
+                      "className": "@config.className",
+                      "paddingX": "@config.paddingX",
                       "action": "ACTION",
-                      "actionPayload": "@config.actionPayload"
+                      "rounded": "@config.rounded",
+                      "hoverEvent": "HOVER",
+                      "bg": "@config.bg"
                     }
                   ]
                 ]
@@ -128,18 +133,28 @@
             ]
           },
           "config": {
-            "className": {
+            "margin": {
               "type": "string",
-              "default": "",
-              "label": "Class Name",
-              "description": "Additional CSS classes applied to the root element.",
-              "tier": "presentation"
+              "default": "none",
+              "label": "Margin",
+              "description": "Margin on all sides",
+              "tier": "presentation",
+              "values": [
+                "none",
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+                "2xl",
+                "auto"
+              ]
             },
-            "paddingX": {
+            "padding": {
               "type": "string",
               "default": "none",
-              "label": "Padding X",
-              "description": "Horizontal padding (overrides padding for x-axis)",
+              "label": "Padding",
+              "description": "Padding on all sides",
               "tier": "presentation",
               "values": [
                 "none",
@@ -151,26 +166,20 @@
                 "2xl"
               ]
             },
-            "children": {
-              "type": "node",
-              "label": "Children",
-              "description": "Children elements",
-              "tier": "presentation"
-            },
-            "bg": {
+            "paddingY": {
               "type": "string",
-              "default": "transparent",
-              "label": "Bg",
-              "description": "Background color",
+              "default": "none",
+              "label": "Padding Y",
+              "description": "Vertical padding (overrides padding for y-axis)",
               "tier": "presentation",
               "values": [
-                "transparent",
-                "primary",
-                "secondary",
-                "muted",
-                "accent",
-                "surface",
-                "overlay"
+                "none",
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+                "2xl"
               ]
             },
             "position": {
@@ -186,6 +195,23 @@
                 "sticky"
               ]
             },
+            "marginX": {
+              "type": "string",
+              "default": "none",
+              "label": "Margin X",
+              "description": "Horizontal margin",
+              "tier": "presentation",
+              "values": [
+                "none",
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+                "2xl",
+                "auto"
+              ]
+            },
             "overflow": {
               "type": "string",
               "default": "auto",
@@ -199,6 +225,13 @@
                 "scroll"
               ]
             },
+            "border": {
+              "type": "boolean",
+              "default": false,
+              "label": "Border",
+              "description": "Show border",
+              "tier": "presentation"
+            },
             "marginY": {
               "type": "string",
               "default": "none",
@@ -216,32 +249,27 @@
                 "auto"
               ]
             },
-            "fullHeight": {
-              "type": "boolean",
-              "default": false,
-              "label": "Full Height",
-              "description": "Fill available height",
-              "tier": "presentation"
-            },
-            "shadow": {
+            "rounded": {
               "type": "string",
               "default": "none",
-              "label": "Shadow",
-              "description": "Box shadow",
+              "label": "Rounded",
+              "description": "Border radius",
               "tier": "presentation",
               "values": [
                 "none",
                 "sm",
                 "md",
                 "lg",
-                "xl"
+                "xl",
+                "2xl",
+                "full"
               ]
             },
-            "margin": {
+            "paddingX": {
               "type": "string",
               "default": "none",
-              "label": "Margin",
-              "description": "Margin on all sides",
+              "label": "Padding X",
+              "description": "Horizontal padding (overrides padding for x-axis)",
               "tier": "presentation",
               "values": [
                 "none",
@@ -250,32 +278,43 @@
                 "md",
                 "lg",
                 "xl",
-                "2xl",
-                "auto"
+                "2xl"
               ]
             },
-            "padding": {
+            "fullWidth": {
+              "type": "boolean",
+              "default": false,
+              "label": "Full Width",
+              "description": "Fill available width",
+              "tier": "presentation"
+            },
+            "actionPayload": {
+              "type": "json",
+              "label": "Action Payload",
+              "description": "Payload to include with the action event",
+              "tier": "presentation"
+            },
+            "className": {
+              "type": "string",
+              "default": "",
+              "label": "Class Name",
+              "description": "Additional CSS classes applied to the root element.",
+              "tier": "presentation"
+            },
+            "shadow": {
               "type": "string",
               "default": "none",
-              "label": "Padding",
-              "description": "Padding on all sides",
+              "label": "Shadow",
+              "description": "Box shadow",
               "tier": "presentation",
               "values": [
                 "none",
-                "xs",
                 "sm",
                 "md",
                 "lg",
-                "xl",
-                "2xl"
+                "xl"
               ]
             },
-            "actionPayload": {
-              "type": "json",
-              "label": "Action Payload",
-              "description": "Payload to include with the action event",
-              "tier": "presentation"
-            },
             "display": {
               "type": "string",
               "default": "block",
@@ -291,75 +330,35 @@
                 "grid"
               ]
             },
-            "border": {
-              "type": "boolean",
-              "default": false,
-              "label": "Border",
-              "description": "Show border",
-              "tier": "presentation"
-            },
-            "fullWidth": {
+            "fullHeight": {
               "type": "boolean",
               "default": false,
-              "label": "Full Width",
-              "description": "Fill available width",
+              "label": "Full Height",
+              "description": "Fill available height",
               "tier": "presentation"
             },
-            "rounded": {
-              "type": "string",
-              "default": "none",
-              "label": "Rounded",
-              "description": "Border radius",
-              "tier": "presentation",
-              "values": [
-                "none",
-                "sm",
-                "md",
-                "lg",
-                "xl",
-                "2xl",
-                "full"
-              ]
-            },
-            "marginX": {
-              "type": "string",
-              "default": "none",
-              "label": "Margin X",
-              "description": "Horizontal margin",
-              "tier": "presentation",
-              "values": [
-                "none",
-                "xs",
-                "sm",
-                "md",
-                "lg",
-                "xl",
-                "2xl",
-                "auto"
-              ]
-            },
-            "paddingY": {
-              "type": "string",
-              "default": "none",
-              "label": "Padding Y",
-              "description": "Vertical padding (overrides padding for y-axis)",
-              "tier": "presentation",
-              "values": [
-                "none",
-                "xs",
-                "sm",
-                "md",
-                "lg",
-                "xl",
-                "2xl"
-              ]
-            },
             "maxWidth": {
               "type": "string",
               "default": "",
               "label": "Max Width",
               "description": "Maximum width (CSS value, e.g., '550px', '80rem')",
               "tier": "presentation"
+            },
+            "bg": {
+              "type": "string",
+              "default": "transparent",
+              "label": "Bg",
+              "description": "Background color",
+              "tier": "presentation",
+              "values": [
+                "transparent",
+                "primary",
+                "secondary",
+                "muted",
+                "accent",
+                "surface",
+                "overlay"
+              ]
             }
           },
           "scope": "instance"
@@ -378,4 +377,4 @@
       ]
     }
   ]
-}
+}

package/behaviors/registry/ui/core/atoms/ui-button.orb

@@ -75,19 +75,19 @@
                     "render-ui",
                     "main",
                     {
-                      "rightIcon": "@config.rightIcon",
-                      "variant": "@config.variant",
-                      "icon": "@config.icon",
-                      "iconRight": "@config.iconRight",
-                      "isLoading": "@config.isLoading",
-                      "disabled": "@config.disabled",
-                      "label": "@config.label",
-                      "leftIcon": "@config.leftIcon",
-                      "action": "ACTION",
                       "actionPayload": "@config.actionPayload",
+                      "className": "@config.className",
                       "type": "button",
+                      "label": "@config.label",
+                      "disabled": "@config.disabled",
+                      "icon": "@config.icon",
+                      "variant": "@config.variant",
+                      "action": "ACTION",
                       "size": "@config.size",
-                      "className": "@config.className"
+                      "isLoading": "@config.isLoading",
+                      "leftIcon": "@config.leftIcon",
+                      "iconRight": "@config.iconRight",
+                      "rightIcon": "@config.rightIcon"
                     }
                   ]
                 ]
@@ -95,6 +95,40 @@
             ]
           },
           "config": {
+            "disabled": {
+              "type": "boolean",
+              "default": false,
+              "label": "Disabled",
+              "description": "Disable the button (greys out, blocks click events)",
+              "tier": "presentation"
+            },
+            "isLoading": {
+              "type": "boolean",
+              "default": false,
+              "label": "Is Loading",
+              "description": "isLoading prop",
+              "tier": "presentation"
+            },
+            "icon": {
+              "type": "string",
+              "default": "circle",
+              "label": "Icon",
+              "description": "Alias for leftIcon",
+              "tier": "presentation"
+            },
+            "rightIcon": {
+              "type": "node",
+              "label": "Right Icon",
+              "description": "Right icon as ReactNode, Lucide component, or string name",
+              "tier": "presentation"
+            },
+            "className": {
+              "type": "string",
+              "default": "",
+              "label": "Class Name",
+              "description": "Additional CSS classes applied to the root element.",
+              "tier": "presentation"
+            },
             "size": {
               "type": "string",
               "default": "md",
@@ -123,46 +157,12 @@
                 "default"
               ]
             },
-            "icon": {
-              "type": "string",
-              "default": "circle",
-              "label": "Icon",
-              "description": "Alias for leftIcon",
-              "tier": "presentation"
-            },
-            "isLoading": {
-              "type": "boolean",
-              "default": false,
-              "label": "Is Loading",
-              "description": "isLoading prop",
-              "tier": "presentation"
-            },
             "leftIcon": {
               "type": "node",
               "label": "Left Icon",
               "description": "Left icon as ReactNode, Lucide component, or string name (e.g. 'plus', 'trash')",
               "tier": "presentation"
             },
-            "rightIcon": {
-              "type": "node",
-              "label": "Right Icon",
-              "description": "Right icon as ReactNode, Lucide component, or string name",
-              "tier": "presentation"
-            },
-            "className": {
-              "type": "string",
-              "default": "",
-              "label": "Class Name",
-              "description": "Additional CSS classes applied to the root element.",
-              "tier": "presentation"
-            },
-            "label": {
-              "type": "string",
-              "default": "",
-              "label": "Label",
-              "description": "Button label text (alternative to children for schema-driven rendering)",
-              "tier": "presentation"
-            },
             "actionPayload": {
               "type": "json",
               "label": "Action Payload",
@@ -175,11 +175,11 @@
               "description": "Alias for rightIcon",
               "tier": "presentation"
             },
-            "disabled": {
-              "type": "boolean",
-              "default": false,
-              "label": "Disabled",
-              "description": "Disable the button (greys out, blocks click events)",
+            "label": {
+              "type": "string",
+              "default": "",
+              "label": "Label",
+              "description": "Button label text (alternative to children for schema-driven rendering)",
               "tier": "presentation"
             }
           },
@@ -199,4 +199,4 @@
       ]
     }
   ]
-}
+}