release: WRNexusJS 0.2.76

packages/ui/COMPONENTS.md

@@ -933,15 +933,6 @@ Reusable campaign performance preview component.
 - Slots: `default`
 - Events: None
 
-### Card
-
-Reusable card component.
-
-- Mount: `data-component="Card"`
-- Props: `variant: string = "default"`, `padding: string = "md"`, `interactive: boolean = false`, `className: string = ""`
-- Slots: `default`
-- Events: None
-
 ### CardPaymentForm
 
 Reusable card payment form component.
@@ -2879,6 +2870,15 @@ Reusable zoom slider component.
 
 ## Core
 
+### alert
+
+Reusable alert component.
+
+- Mount: `data-component="alert"`
+- Props: `class: string = ""`, `title: string = "Notice"`, `description: string = ""`, `variant: string = "info"`, `dismissible: boolean = false`
+- Slots: `default`
+- Events: `click`
+
 ### AnnouncementBar
 
 Reusable announcement bar component.
@@ -2915,6 +2915,15 @@ Reusable breadcrumbs component.
 - Slots: None
 - Events: None
 
+### card
+
+Reusable card component.
+
+- Mount: `data-component="card"`
+- Props: `variant: string = "default"`, `padding: string = "md"`, `interactive: boolean = false`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
 ### Checkbox
 
 Reusable checkbox component.
@@ -4206,15 +4215,6 @@ Reusable account status banner component.
 - Slots: `default`
 - Events: None
 
-### Alert
-
-Reusable alert component.
-
-- Mount: `data-component="Alert"`
-- Props: `class: string = ""`, `title: string = "Notice"`, `description: string = ""`, `variant: string = "info"`, `dismissible: boolean = false`
-- Slots: `default`
-- Events: `click`
-
 ### ApiAuthenticationNotice
 
 Reusable api authentication notice component.

packages/ui/component-reference.json

@@ -1039,9 +1039,9 @@
       "source": "components/AdvancedFilterBuilder.wrn"
     },
     {
-      "name": "Alert",
-      "mount": "Alert",
-      "category": "feedback",
+      "name": "alert",
+      "mount": "alert",
+      "category": "core",
       "purpose": "Reusable alert component.",
       "props": [
         {
@@ -1077,7 +1077,7 @@
       ],
       "slots": ["default"],
       "events": ["click"],
-      "source": "components/Alert.wrn"
+      "source": "components/alert.wrn"
     },
     {
       "name": "AlertDialog",
@@ -5604,9 +5604,9 @@
       "source": "components/CaptchaField.wrn"
     },
     {
-      "name": "Card",
-      "mount": "Card",
-      "category": "content",
+      "name": "card",
+      "mount": "card",
+      "category": "core",
       "purpose": "Reusable card component.",
       "props": [
         {
@@ -5636,7 +5636,7 @@
       ],
       "slots": ["default"],
       "events": [],
-      "source": "components/Card.wrn"
+      "source": "components/card.wrn"
     },
     {
       "name": "CardPaymentForm",

packages/ui/components/button.wrn

@@ -9,11 +9,23 @@ component Button {
     icon = ""
     className = ""
   }
+
   view {
-    <button type="{type}" disabled="{disabled || loading}" aria-busy="{loading}" class="wire-btn wire-btn--{variant} wire-btn--{size} {className}">
-      {#if loading}<span class="wire-spinner" aria-hidden="true"></span>{/if}
-      {#if icon && !loading}<span class="{icon} size-4" aria-hidden="true"></span>{/if}
+    <button
+      type="{type}"
+      disabled="{disabled || loading}"
+      aria-busy="{loading}"
+      class="wire-btn wire-btn--{variant} wire-btn--{size} {className}"
+    >
+      {#if loading}
+        <span class="wire-spinner" aria-hidden="true"></span>
+      {/if}
+
+      {#if icon && !loading}
+        <span class="{icon} size-4" aria-hidden="true"></span>
+      {/if}
+
       <span>{label}</span>
     </button>
   }
-}
+}

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ui",
-  "version": "0.2.75",
+  "version": "0.2.76",
   "private": true,
   "type": "module",
   "main": "src/index.ts",