release: WRNexusJS 0.3.4

2026-07-22 21:25:53 +05:30
parent e2d9ea1ece
commit d51662826d
73 changed files with 1533 additions and 1125 deletions
@@ -0,0 +1,44 @@
+component SegmentedButtonGroup {
+  props {
+    label = "Options"
+    items = []
+    active = ""
+    size = "md"
+    fullWidth = false
+    class = ""
+  }
+
+  state current = active
+
+  view {
+    <div
+      class="wire-segmented-group {fullWidth ? 'wire-segmented-group--full' : ''} wire-segmented-group--{size} {class}"
+      role="tablist"
+      aria-label="{label}"
+    >
+      {#each items as item, index}
+        <button
+          type="button"
+          role="tab"
+          aria-selected="{current === item.value}"
+          disabled="{item.disabled}"
+          class="wire-segmented-group__button"
+          class:wire-segmented-group__button--active='{current === item.value}'
+          @click="current = item.value"
+        >
+          {#if item.icon}
+            <span class="wire-segmented-group__icon {item.icon}" aria-hidden="true"></span>
+          {/if}
+
+          <span class="wire-segmented-group__label">{item.label}</span>
+
+          {#if item.badge}
+            <span class="wire-segmented-group__badge">{item.badge}</span>
+          {/if}
+        </button>
+      {:empty}
+        <span class="wire-segmented-group__empty">No options available</span>
+      {/each}
+    </div>
+  }
+}