@viraui/react 2026.3.7 → 2026.3.9

package/dist/components/button/button-link.d.ts

@@ -10,7 +10,7 @@ import * as React from 'react';
  *
  * @default Renders an `a` root; pass `render` for framework Link composition.
  */
-export type ButtonLinkProps = Omit<React.ComponentPropsWithRef<'a'>, 'type'> & {
+export type ButtonLinkProps = Omit<React.ComponentPropsWithRef<'a'>, 'type' | 'disabled'> & {
     /**
      * Replaces the default `a` root using Base UI render semantics (e.g. Next.js `Link`).
      *
@@ -43,6 +43,7 @@ export type ButtonLinkProps = Omit<React.ComponentPropsWithRef<'a'>, 'type'> & {
     addonPosition?: ButtonAddonPosition;
     /**
      * Shows a centered spinner overlay while preserving the original content width.
+     * Sets `aria-disabled` / `aria-busy` for loading chrome; link stays activatable.
      *
      * @defaultValue false
      */
@@ -53,11 +54,5 @@ export type ButtonLinkProps = Omit<React.ComponentPropsWithRef<'a'>, 'type'> & {
      * @defaultValue false
      */
     pill?: boolean;
-    /**
-     * Marks the link inert via `aria-disabled` and prevents activation.
-     *
-     * @defaultValue false
-     */
-    disabled?: boolean;
 };
 export declare const ButtonLink: React.FC<ButtonLinkProps>;

package/dist/components/button/button-link.guide.json

@@ -10,7 +10,7 @@
   "whenNotToUse": ["In-page actions that do not navigate — use Button", "Icon-only navigation — use IconButtonLink"],
   "accessibility": [
     "Renders a real link root so assistive tech get link role and keyboard behavior",
-    "disabled or loading sets aria-disabled and prevents activation; do not strip href solely for disable styling",
+    "loading sets aria-disabled / aria-busy for loading chrome; no disabled prop — native links stay activatable",
     "Loading sets aria-busy; Spinner stays decorative"
   ],
   "antiPatterns": ["Using Button with render={<a />} instead of ButtonLink", "Forcing role=button on a link"],
@@ -23,11 +23,8 @@
       "addonPosition": {
         "description": "Controls whether the addon appears before or after the label."
       },
-      "disabled": {
-        "description": "Marks the link inert via `aria-disabled` and prevents activation."
-      },
       "loading": {
-        "description": "Shows a centered spinner overlay while preserving the original content width."
+        "description": "Shows a centered spinner overlay while preserving the original content width. Sets `aria-disabled` / `aria-busy` for loading chrome; link stays activatable."
       },
       "pill": {
         "description": "Applies a fully rounded pill shape."

package/dist/components/button/button-link.js

@@ -5,18 +5,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/button/button-link.tsx
-var ButtonLink = ({ children, className, disabled = false, addon, addonPosition = "start", loading = false, pill = false, size = "medium", variant = "primary", render, ref, onClick, ...otherProps }) => {
-	const isDisabled = Boolean(disabled || loading);
+var ButtonLink = ({ children, className, addon, addonPosition = "start", loading = false, pill = false, size = "medium", variant = "primary", render, ref, ...otherProps }) => {
 	const isIconOnly = Boolean(addon) && (children == null || children === "");
 	const loadingAttr = loading ? "true" : "false";
 	const spinnerSize = size === "large" ? "medium" : "small";
-	const handleClick = (event) => {
-		if (isDisabled) {
-			event.preventDefault();
-			return;
-		}
-		onClick?.(event);
-	};
 	return useRender({
 		defaultTagName: "a",
 		render,
@@ -31,8 +23,7 @@ var ButtonLink = ({ children, className, disabled = false, addon, addonPosition
 			"data-icon-only": isIconOnly ? "true" : "false",
 			"data-addon-position": addon && !isIconOnly ? addonPosition : void 0,
 			"data-variant": variant,
-			onClick: handleClick,
-			...isDisabled && { "aria-disabled": true },
+			...loading && { "aria-disabled": true },
 			children: /* @__PURE__ */ jsxs(Fragment, { children: [isIconOnly ? /* @__PURE__ */ jsx("span", {
 				"aria-hidden": "true",
 				className: button_module_default.Content,

package/dist/components/icon-button/icon-button-link.guide.json

@@ -15,7 +15,7 @@
   "accessibility": [
     "Provide aria-label or aria-labelledby on every IconButtonLink — icon alone is not a name",
     "Renders a real link root so assistive tech get link role",
-    "disabled or loading sets aria-disabled and prevents activation"
+    "loading sets aria-disabled / aria-busy for loading chrome; no disabled prop — native links stay activatable"
   ],
   "antiPatterns": [
     "Passing children, addon, or addonPosition — not part of the public API",
@@ -24,14 +24,11 @@
   "related": ["IconButton", "ButtonLink", "Button", "Icon", "Spinner"],
   "properties": {
     "react": {
-      "disabled": {
-        "description": "Marks the link inert via `aria-disabled` and prevents activation."
-      },
       "icon": {
         "description": "Icon rendered as the sole visible control content."
       },
       "loading": {
-        "description": "Shows a centered spinner overlay while preserving the original content width."
+        "description": "Shows a centered spinner overlay while preserving the original content width. Sets `aria-disabled` / `aria-busy` for loading chrome; link stays activatable."
       },
       "pill": {
         "description": "Applies a fully rounded pill shape."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viraui/react",
-  "version": "2026.3.7",
+  "version": "2026.3.9",
   "private": false,
   "files": [
     "dist"
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@base-ui/react": ">=1.7.0",
-    "@viraui/foundation": "2026.3.7",
+    "@viraui/foundation": "2026.3.9",
     "@viraui/icons": "2026.0.3",
     "@viraui/postcss-config": "2026.0.0",
     "@viraui/tsconfig": "2026.0.0",