@particle-academy/react-fancy 4.16.0 → 4.17.0

package/dist/index.d.cts

@@ -1831,10 +1831,19 @@ interface BreadcrumbsItemProps {
     children: ReactNode;
     href?: string;
     active?: boolean;
+    /**
+     * Navigate by callback instead of by URL, for a crumb with no href.
+     *
+     * Controlled components own their own navigation — a repository browser
+     * walking directories, a wizard stepping back — and have no address to link
+     * to. Renders the crumb as a `<button>`. Ignored when `active`, since the
+     * current crumb is not a destination, and `href` wins if both are given.
+     */
+    onClick?: () => void;
     className?: string;
 }
 
-declare function BreadcrumbsItem({ children, href, active, className, }: BreadcrumbsItemProps): react.JSX.Element;
+declare function BreadcrumbsItem({ children, href, active, onClick, className, }: BreadcrumbsItemProps): react.JSX.Element;
 declare namespace BreadcrumbsItem {
     var displayName: string;
 }

package/dist/index.d.ts

@@ -1831,10 +1831,19 @@ interface BreadcrumbsItemProps {
     children: ReactNode;
     href?: string;
     active?: boolean;
+    /**
+     * Navigate by callback instead of by URL, for a crumb with no href.
+     *
+     * Controlled components own their own navigation — a repository browser
+     * walking directories, a wizard stepping back — and have no address to link
+     * to. Renders the crumb as a `<button>`. Ignored when `active`, since the
+     * current crumb is not a destination, and `href` wins if both are given.
+     */
+    onClick?: () => void;
     className?: string;
 }
 
-declare function BreadcrumbsItem({ children, href, active, className, }: BreadcrumbsItemProps): react.JSX.Element;
+declare function BreadcrumbsItem({ children, href, active, onClick, className, }: BreadcrumbsItemProps): react.JSX.Element;
 declare namespace BreadcrumbsItem {
     var displayName: string;
 }

package/dist/index.js

@@ -9349,6 +9349,7 @@ function BreadcrumbsItem({
   children,
   href,
   active = false,
+  onClick,
   className
 }) {
   const baseClass = cn(
@@ -9359,6 +9360,18 @@ function BreadcrumbsItem({
   if (href && !active) {
     return /* @__PURE__ */ jsx("a", { "data-react-fancy-breadcrumbs-item": "", href, className: baseClass, children });
   }
+  if (onClick && !active) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "data-react-fancy-breadcrumbs-item": "",
+        onClick,
+        className: cn(baseClass, "cursor-pointer border-0 bg-transparent p-0"),
+        children
+      }
+    );
+  }
   return /* @__PURE__ */ jsx("span", { "data-react-fancy-breadcrumbs-item": "", className: baseClass, "aria-current": active ? "page" : void 0, children });
 }
 BreadcrumbsItem.displayName = "BreadcrumbsItem";