release: WRNexusJS 0.6.0

packages/ui/components/AvatarGroup.wrn

@@ -1,33 +1,36 @@
 component AvatarGroup {
-  props {
-    items = []
-    size = "md"
-    color = "primary"
-    variant = "solid"
-    shape = "circle"
-    layout = "stack"
-    maxVisible = 4
-    columns = 3
-    borderColor = ""
-    showTooltips = true
-    overflowLabel = "Show remaining members"
-    class = ""
-
-    @event overflow = function
+  outputs {
+    overflow(payload: { sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[])
   }
 
-  state overflowOpen = false
+  props {
+    items: unknown[] = []
+    size: string = "md"
+    color: string = "primary"
+    variant: string = "solid"
+    shape: string = "circle"
+    layout: string = "stack"
+    maxVisible: number = 4
+    columns: number = 3
+    borderColor: string = ""
+    showTooltips: boolean = true
+    overflowLabel: string = "Show remaining members"
+    class: string = ""
+
+}
+
+  state overflowOpen: boolean = false
 
   functions {
-    function visibleMembers() {
+    shared function visibleMembers() {
       return items.slice(0, Number(maxVisible))
     }
 
-    function hiddenMembers() {
+    shared function hiddenMembers() {
       return items.slice(Number(maxVisible))
     }
 
-    function toggleOverflow(sourceEvent, root, customEvent) {
+    client function toggleOverflow(sourceEvent, root, customEvent) {
       overflowOpen = !overflowOpen
       root = sourceEvent.currentTarget.closest("[data-wrn-avatar-group]")