@particle-academy/react-fancy 4.10.0 → 4.11.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, FormHTMLAttributes, TdHTMLAttributes, HTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
+import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, FormHTMLAttributes, TdHTMLAttributes, HTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
 import { ClassValue } from 'clsx';
 
 type Size = "xs" | "sm" | "md" | "lg" | "xl";
@@ -59,6 +59,14 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "col
     disabled?: boolean;
     /** Render as anchor tag */
     href?: string;
+    /**
+     * Anchor-mode element override — the component to render INSTEAD of the
+     * plain `<a>` when `href` is set, e.g. a router's `<Link>` (Inertia, React
+     * Router, Next) so the button navigates client-side. Receives `href`,
+     * `className`, and the forwarded rest props. Ignored without `href` or when
+     * `disabled` (the plain `<button>` renders as always).
+     */
+    as?: ElementType;
     /** Anchor `target` — only applies in `href` (anchor) mode. */
     target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
     /** Anchor `rel` — only applies in `href` (anchor) mode. */

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, FormHTMLAttributes, TdHTMLAttributes, HTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
+import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, FormHTMLAttributes, TdHTMLAttributes, HTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
 import { ClassValue } from 'clsx';
 
 type Size = "xs" | "sm" | "md" | "lg" | "xl";
@@ -59,6 +59,14 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "col
     disabled?: boolean;
     /** Render as anchor tag */
     href?: string;
+    /**
+     * Anchor-mode element override — the component to render INSTEAD of the
+     * plain `<a>` when `href` is set, e.g. a router's `<Link>` (Inertia, React
+     * Router, Next) so the button navigates client-side. Receives `href`,
+     * `className`, and the forwarded rest props. Ignored without `href` or when
+     * `disabled` (the plain `<button>` renders as always).
+     */
+    as?: ElementType;
     /** Anchor `target` — only applies in `href` (anchor) mode. */
     target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
     /** Anchor `rel` — only applies in `href` (anchor) mode. */

package/dist/index.js

@@ -2419,6 +2419,7 @@ var Button = forwardRef(
     loading = false,
     disabled,
     href,
+    as: As,
     responsive,
     labelClassName,
     ...props
@@ -2581,11 +2582,12 @@ var Button = forwardRef(
       trailingElements
     ] });
     const safeHref = sanitizeHref(href);
+    const Anchor = As ?? "a";
     const buttonEl = safeHref && !disabled ? (
       // Anchor mode forwards the same rest props as the <button> branch so
       // onClick / target / rel / ref / ARIA / data-* reach the <a> (issue #7).
       /* @__PURE__ */ jsx(
-        "a",
+        Anchor,
         {
           ref,
           href: safeHref,