release: WRNexusJS 0.6.0

packages/ui/components/ButtonGroup.wrn

@@ -1,35 +1,38 @@
 component ButtonGroup {
+  outputs {
+    click(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
+    select(payload: { value: string | number | boolean | null | object; previousValue: string | number | boolean | null | object; item: string | number | boolean | null | object; index: number })
+    change(payload: { value: string | number | boolean | null | object; previousValue: string | number | boolean | null | object; item: string | number | boolean | null | object; index: number })
+  }
+
   props {
-    @event click = function
-    @event select = function
-    @event change = function
-    items = []
-    value = ""
-    size = "md"
-    color = "primary"
-    variant = "default"
-    orientation = "horizontal"
-    responsive = false
-    attached = true
-    selectable = false
-    toolbar = false
-    disabled = false
-    ariaLabel = "Button group"
-    class = ""
+items: unknown[] = []
+    value: string = ""
+    size: string = "md"
+    color: string = "primary"
+    variant: string = "default"
+    orientation: string = "horizontal"
+    responsive: boolean = false
+    attached: boolean = true
+    selectable: boolean = false
+    toolbar: boolean = false
+    disabled: boolean = false
+    ariaLabel: string = "Button group"
+    class: string = ""
   }
 
   state selectedValue = value
 
   functions {
-    function itemValue(item, index) {
+    shared function itemValue(item, index) {
       return item.value || item.label || String(index)
     }
 
-    function selectItem(item, index) {
+    client function selectItem(item, index) {
       previousValue = selectedValue
       nextValue = itemValue(item, index)
 
-      $emit("select", {
+      output.select({
         value: nextValue,
         previousValue: previousValue,
         item: item,
@@ -38,7 +41,7 @@ component ButtonGroup {
 
       if (selectable && previousValue !== nextValue) {
         selectedValue = nextValue
-        $emit("change", {
+        output.change({
           value: nextValue,
           previousValue: previousValue,
           item: item,