release: WRNexusJS 0.6.0

packages/ui/components/MetricGrid.wrn

@@ -1,34 +1,37 @@
 component MetricGrid {
-  props {
-    @event select = function
-    @event action = function
+  outputs {
+    select(payload: { item: string | number | boolean | null | object; itemIndex: number; sourceEvent: Event })
+    action(payload: { item: string | number | boolean | null | object; itemIndex: number; sourceEvent: Event })
+  }
 
-    items = []
-    columns = 4
-    tabletColumns = 2
-    mobileColumns = 1
-    gap = "md"
-    equalHeight = true
-    dividers = false
-    size = "default"
-    color = "primary"
-    variant = "default"
-    maxWidth = "full"
-    minItemWidth = ""
-    class = ""
+  props {
+
+    items: unknown[] = []
+    columns: number = 4
+    tabletColumns: number = 2
+    mobileColumns: number = 1
+    gap: string = "md"
+    equalHeight: boolean = true
+    dividers: boolean = false
+    size: string = "default"
+    color: string = "primary"
+    variant: string = "default"
+    maxWidth: string = "full"
+    minItemWidth: string = ""
+    class: string = ""
   }
 
   functions {
-    function forwardSelect(item, itemIndex, sourceEvent) {
-      $emit("select", {
+    client function forwardSelect(item, itemIndex, sourceEvent) {
+      output.select({
         item: item,
         itemIndex: itemIndex,
         sourceEvent: sourceEvent
       })
     }
 
-    function forwardAction(item, itemIndex, sourceEvent) {
-      $emit("action", {
+    client function forwardAction(item, itemIndex, sourceEvent) {
+      output.action({
         item: item,
         itemIndex: itemIndex,
         sourceEvent: sourceEvent