@almadar/std 16.25.0 → 16.27.0

package/behaviors/registry/ui/core/molecules/ui-side-panel.orb

@@ -38,13 +38,28 @@
                   "type": "string"
                 }
               ]
+            },
+            {
+              "event": "OPEN",
+              "description": "Open the Side-panel.",
+              "tier": "essential",
+              "scope": "external",
+              "payloadSchema": [
+                {
+                  "name": "id",
+                  "type": "string"
+                }
+              ]
             }
           ],
           "stateMachine": {
             "states": [
               {
-                "name": "idle",
+                "name": "closed",
                 "isInitial": true
+              },
+              {
+                "name": "open"
               }
             ],
             "events": [
@@ -52,6 +67,18 @@
                 "key": "INIT",
                 "name": "Initialize"
               },
+              {
+                "key": "OPEN",
+                "name": "Open",
+                "description": "Open the Side-panel.",
+                "tier": "essential",
+                "payloadSchema": [
+                  {
+                    "name": "id",
+                    "type": "string"
+                  }
+                ]
+              },
               {
                 "key": "CLOSE",
                 "name": "Close",
@@ -67,29 +94,66 @@
             ],
             "transitions": [
               {
-                "from": "idle",
-                "to": "idle",
+                "from": "closed",
+                "to": "closed",
                 "event": "INIT",
                 "effects": [
                   [
                     "render-ui",
                     "main",
                     {
-                      "title": "@config.title",
-                      "isOpen": "@config.isOpen",
-                      "closeEvent": "CLOSE",
+                      "action": "OPEN",
+                      "type": "button",
+                      "label": "Open Side-panel"
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "closed",
+                "to": "open",
+                "event": "OPEN",
+                "effects": [
+                  [
+                    "render-ui",
+                    "drawer",
+                    {
                       "width": "@config.width",
+                      "className": "@config.className",
+                      "closeEvent": "CLOSE",
+                      "position": "@config.position",
                       "showOverlay": "@config.showOverlay",
+                      "isOpen": "@config.isOpen",
+                      "type": "side-panel",
                       "onClose": "CLOSE",
+                      "title": "@config.title",
                       "children": [
                         {
-                          "content": "",
+                          "content": "Sample content",
                           "type": "text"
                         }
-                      ],
-                      "className": "@config.className",
-                      "position": "@config.position",
-                      "type": "side-panel"
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "drawer",
+                    null
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "action": "OPEN",
+                      "type": "button",
+                      "label": "Open Side-panel"
                     }
                   ]
                 ]
@@ -104,6 +168,20 @@
               "description": "Panel width as Tailwind class string. Default fills the viewport on mobile and snaps to `w-96` (384 px) at `sm:` and above so phones don't lose content to a fixed 384 px column. Consumers passing a custom value should include a `w-full` mobile fallback in the same string (e.g. `'w-full sm:w-[480px]'`) — Tailwind's JIT can't see dynamically-concatenated class names.",
               "tier": "presentation"
             },
+            "className": {
+              "type": "string",
+              "default": "",
+              "label": "Class Name",
+              "description": "Additional CSS classes",
+              "tier": "presentation"
+            },
+            "isOpen": {
+              "type": "boolean",
+              "default": false,
+              "label": "Is Open",
+              "description": "Is panel open",
+              "tier": "presentation"
+            },
             "position": {
               "type": "string",
               "default": "right",
@@ -128,20 +206,6 @@
               "label": "Title",
               "description": "Panel title",
               "tier": "presentation"
-            },
-            "className": {
-              "type": "string",
-              "default": "",
-              "label": "Class Name",
-              "description": "Additional CSS classes",
-              "tier": "presentation"
-            },
-            "isOpen": {
-              "type": "boolean",
-              "default": false,
-              "label": "Is Open",
-              "description": "Is panel open",
-              "tier": "presentation"
             }
           },
           "scope": "instance"
@@ -160,4 +224,4 @@
       ]
     }
   ]
-}
+}

package/{dist/registry/ui/core/organisms → behaviors/registry/ui/core/molecules}/ui-sidebar.orb

@@ -137,23 +137,23 @@
                     "render-ui",
                     "main",
                     {
-                      "collapseChangeEvent": "COLLAPSE_CHANGE",
-                      "footerContent": "@config.footerContent",
-                      "hideCollapseButton": "@config.hideCollapseButton",
-                      "className": "@config.className",
-                      "defaultCollapsed": "@config.defaultCollapsed",
+                      "items": "@config.items",
                       "showCloseButton": "@config.showCloseButton",
                       "userSection": "@config.userSection",
+                      "logo": "@config.logo",
+                      "logoSrc": "@config.logoSrc",
+                      "collapsed": "@entity.collapsed",
+                      "defaultCollapsed": "@config.defaultCollapsed",
+                      "type": "sidebar",
                       "logoClickEvent": "LOGO_CLICK",
                       "brandName": "@config.brandName",
-                      "type": "sidebar",
-                      "collapsed": "@entity.collapsed",
-                      "closeEvent": "CLOSE",
-                      "error": "@config.error",
-                      "logo": "@config.logo",
+                      "collapseChangeEvent": "COLLAPSE_CHANGE",
                       "isLoading": "@config.isLoading",
-                      "logoSrc": "@config.logoSrc",
-                      "items": "@config.items"
+                      "closeEvent": "CLOSE",
+                      "hideCollapseButton": "@config.hideCollapseButton",
+                      "footerContent": "@config.footerContent",
+                      "className": "@config.className",
+                      "error": "@config.error"
                     }
                   ]
                 ]
@@ -172,23 +172,23 @@
                     "render-ui",
                     "main",
                     {
-                      "logoSrc": "@config.logoSrc",
+                      "closeEvent": "CLOSE",
+                      "defaultCollapsed": "@config.defaultCollapsed",
                       "userSection": "@config.userSection",
-                      "showCloseButton": "@config.showCloseButton",
+                      "logoClickEvent": "LOGO_CLICK",
                       "items": "@config.items",
-                      "hideCollapseButton": "@config.hideCollapseButton",
-                      "footerContent": "@config.footerContent",
+                      "showCloseButton": "@config.showCloseButton",
+                      "logo": "@config.logo",
+                      "type": "sidebar",
                       "error": "@config.error",
+                      "className": "@config.className",
+                      "collapseChangeEvent": "COLLAPSE_CHANGE",
                       "isLoading": "@config.isLoading",
+                      "logoSrc": "@config.logoSrc",
                       "collapsed": "@entity.collapsed",
+                      "hideCollapseButton": "@config.hideCollapseButton",
                       "brandName": "@config.brandName",
-                      "closeEvent": "CLOSE",
-                      "logo": "@config.logo",
-                      "defaultCollapsed": "@config.defaultCollapsed",
-                      "collapseChangeEvent": "COLLAPSE_CHANGE",
-                      "logoClickEvent": "LOGO_CLICK",
-                      "className": "@config.className",
-                      "type": "sidebar"
+                      "footerContent": "@config.footerContent"
                     }
                   ]
                 ]
@@ -196,31 +196,17 @@
             ]
           },
           "config": {
-            "userSection": {
+            "logo": {
               "type": "node",
-              "label": "User Section",
-              "description": "User section content",
-              "tier": "presentation"
-            },
-            "logoSrc": {
-              "type": "string",
-              "default": "",
-              "label": "Logo Src",
-              "description": "Logo image source",
+              "label": "Logo",
+              "description": "Logo/Brand content - can be a ReactNode or logo config",
               "tier": "presentation"
             },
-            "defaultCollapsed": {
+            "isLoading": {
               "type": "boolean",
               "default": false,
-              "label": "Default Collapsed",
-              "description": "Default collapsed state",
-              "tier": "presentation"
-            },
-            "brandName": {
-              "type": "string",
-              "default": "KFlow",
-              "label": "Brand Name",
-              "description": "Brand/App name",
+              "label": "Is Loading",
+              "description": "Loading state indicator",
               "tier": "presentation"
             },
             "collapsed": {
@@ -230,18 +216,23 @@
               "description": "Collapsed state (controlled)",
               "tier": "presentation"
             },
-            "hideCollapseButton": {
-              "type": "boolean",
-              "default": false,
-              "label": "Hide Collapse Button",
-              "description": "Hide the collapse/expand button",
+            "userSection": {
+              "type": "node",
+              "label": "User Section",
+              "description": "User section content",
               "tier": "presentation"
             },
-            "isLoading": {
+            "footerContent": {
+              "type": "node",
+              "label": "Footer Content",
+              "description": "Footer content (e.g., theme toggle)",
+              "tier": "presentation"
+            },
+            "defaultCollapsed": {
               "type": "boolean",
               "default": false,
-              "label": "Is Loading",
-              "description": "Loading state indicator",
+              "label": "Default Collapsed",
+              "description": "Default collapsed state",
               "tier": "presentation"
             },
             "error": {
@@ -250,18 +241,13 @@
               "description": "Error state",
               "tier": "presentation",
               "properties": {
-                "name": {
-                  "name": "name",
-                  "type": "string",
-                  "required": false
-                },
                 "message": {
                   "name": "message",
                   "type": "string",
                   "required": true
                 },
-                "code": {
-                  "name": "code",
+                "name": {
+                  "name": "name",
                   "type": "string",
                   "required": false
                 },
@@ -269,15 +255,14 @@
                   "name": "stack",
                   "type": "string",
                   "required": false
+                },
+                "code": {
+                  "name": "code",
+                  "type": "string",
+                  "required": false
                 }
               }
             },
-            "logo": {
-              "type": "node",
-              "label": "Logo",
-              "description": "Logo/Brand content - can be a ReactNode or logo config",
-              "tier": "presentation"
-            },
             "items": {
               "type": "[SidebarItemsItem]",
               "default": [],
@@ -287,26 +272,6 @@
               "items": {
                 "type": "object",
                 "properties": {
-                  "href": {
-                    "name": "href",
-                    "type": "string",
-                    "required": false
-                  },
-                  "icon": {
-                    "name": "icon",
-                    "type": "string",
-                    "required": false
-                  },
-                  "id": {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  },
-                  "active": {
-                    "name": "active",
-                    "type": "boolean",
-                    "required": false
-                  },
                   "subItems": {
                     "name": "subItems",
                     "type": "array",
@@ -320,6 +285,21 @@
                     "type": "string",
                     "required": false
                   },
+                  "active": {
+                    "name": "active",
+                    "type": "boolean",
+                    "required": false
+                  },
+                  "id": {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  },
+                  "href": {
+                    "name": "href",
+                    "type": "string",
+                    "required": false
+                  },
                   "label": {
                     "name": "label",
                     "type": "string",
@@ -329,10 +309,29 @@
                     "name": "isActive",
                     "type": "boolean",
                     "required": false
+                  },
+                  "icon": {
+                    "name": "icon",
+                    "type": "string",
+                    "required": false
                   }
                 }
               }
             },
+            "hideCollapseButton": {
+              "type": "boolean",
+              "default": false,
+              "label": "Hide Collapse Button",
+              "description": "Hide the collapse/expand button",
+              "tier": "presentation"
+            },
+            "showCloseButton": {
+              "type": "boolean",
+              "default": false,
+              "label": "Show Close Button",
+              "description": "Show a close button (for mobile)",
+              "tier": "presentation"
+            },
             "className": {
               "type": "string",
               "default": "",
@@ -340,17 +339,18 @@
               "description": "Additional CSS classes",
               "tier": "presentation"
             },
-            "footerContent": {
-              "type": "node",
-              "label": "Footer Content",
-              "description": "Footer content (e.g., theme toggle)",
+            "brandName": {
+              "type": "string",
+              "default": "KFlow",
+              "label": "Brand Name",
+              "description": "Brand/App name",
               "tier": "presentation"
             },
-            "showCloseButton": {
-              "type": "boolean",
-              "default": false,
-              "label": "Show Close Button",
-              "description": "Show a close button (for mobile)",
+            "logoSrc": {
+              "type": "string",
+              "default": "",
+              "label": "Logo Src",
+              "description": "Logo image source",
               "tier": "presentation"
             }
           },
@@ -370,4 +370,4 @@
       ]
     }
   ]
-}
+}

package/{dist/registry/ui/core/organisms → behaviors/registry/ui/core/molecules}/ui-signature-pad.orb

@@ -130,19 +130,19 @@
                     "render-ui",
                     "main",
                     {
+                      "helperText": "@config.helperText",
+                      "className": "@config.className",
+                      "type": "signature-pad",
                       "label": "@config.label",
-                      "height": "@config.height",
                       "strokeColor": "@config.strokeColor",
-                      "className": "@config.className",
-                      "error": "@config.error",
                       "signEvent": "SIGN",
                       "clearEvent": "CLEAR",
-                      "helperText": "@config.helperText",
-                      "readOnly": "@config.readOnly",
+                      "height": "@config.height",
+                      "isLoading": "@config.isLoading",
+                      "error": "@config.error",
                       "value": "@config.value",
+                      "readOnly": "@config.readOnly",
                       "entity": "SignaturePadItem",
-                      "type": "signature-pad",
-                      "isLoading": "@config.isLoading",
                       "strokeWidth": "@config.strokeWidth",
                       "onChange": "CHANGE"
                     }
@@ -159,41 +159,6 @@
               "description": "Loading state",
               "tier": "presentation"
             },
-            "height": {
-              "type": "number",
-              "default": 200.0,
-              "label": "Height",
-              "description": "Pad height",
-              "tier": "presentation"
-            },
-            "helperText": {
-              "type": "string",
-              "default": "Draw your signature above",
-              "label": "Helper Text",
-              "description": "Helper text",
-              "tier": "presentation"
-            },
-            "label": {
-              "type": "string",
-              "default": "Signature",
-              "label": "Label",
-              "description": "Label above the pad",
-              "tier": "presentation"
-            },
-            "strokeWidth": {
-              "type": "number",
-              "default": 2.0,
-              "label": "Stroke Width",
-              "description": "Stroke width",
-              "tier": "presentation"
-            },
-            "value": {
-              "type": "string",
-              "default": "",
-              "label": "Value",
-              "description": "Existing signature image URL",
-              "tier": "presentation"
-            },
             "error": {
               "type": "SignaturePadError",
               "label": "Error",
@@ -222,6 +187,48 @@
                 }
               }
             },
+            "label": {
+              "type": "string",
+              "default": "Signature",
+              "label": "Label",
+              "description": "Label above the pad",
+              "tier": "presentation"
+            },
+            "readOnly": {
+              "type": "boolean",
+              "default": false,
+              "label": "Read Only",
+              "description": "Whether the pad is read-only",
+              "tier": "presentation"
+            },
+            "helperText": {
+              "type": "string",
+              "default": "Draw your signature above",
+              "label": "Helper Text",
+              "description": "Helper text",
+              "tier": "presentation"
+            },
+            "strokeWidth": {
+              "type": "number",
+              "default": 2.0,
+              "label": "Stroke Width",
+              "description": "Stroke width",
+              "tier": "presentation"
+            },
+            "height": {
+              "type": "number",
+              "default": 200.0,
+              "label": "Height",
+              "description": "Pad height",
+              "tier": "presentation"
+            },
+            "value": {
+              "type": "string",
+              "default": "",
+              "label": "Value",
+              "description": "Existing signature image URL",
+              "tier": "presentation"
+            },
             "strokeColor": {
               "type": "string",
               "default": "",
@@ -235,13 +242,6 @@
               "label": "Class Name",
               "description": "Additional CSS classes",
               "tier": "presentation"
-            },
-            "readOnly": {
-              "type": "boolean",
-              "default": false,
-              "label": "Read Only",
-              "description": "Whether the pad is read-only",
-              "tier": "presentation"
             }
           },
           "scope": "instance"
@@ -260,4 +260,4 @@
       ]
     }
   ]
-}
+}