@particle-academy/react-fancy 4.16.0 → 4.17.1

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";
@@ -10238,6 +10251,29 @@ var TimePicker = forwardRef(
     const { hours: h24, minutes } = parseTime(value);
     const isPM = h24 >= 12;
     const displayHour = format === "12h" ? h24 % 12 || 12 : h24;
+    const updateTime = useCallback(
+      (hours, mins) => {
+        setValue(`${pad(hours)}:${pad(mins)}`);
+      },
+      [setValue]
+    );
+    const changeHour = useCallback(
+      (delta) => {
+        const newHour = (h24 + delta + 24) % 24;
+        updateTime(newHour, minutes);
+      },
+      [h24, minutes, updateTime]
+    );
+    const changeMinute = useCallback(
+      (delta) => {
+        const newMin = (minutes + delta + 60) % 60;
+        updateTime(h24, newMin);
+      },
+      [h24, minutes, updateTime]
+    );
+    const toggleAmPm = useCallback(() => {
+      updateTime((h24 + 12) % 24, minutes);
+    }, [h24, minutes, updateTime]);
     if (!showControl) {
       const formatted = format === "12h" ? `${pad(displayHour)}:${pad(minutes)} ${isPM ? "PM" : "AM"}` : `${pad(displayHour)}:${pad(minutes)}`;
       return /* @__PURE__ */ jsx(
@@ -10265,29 +10301,6 @@ var TimePicker = forwardRef(
         }
       );
     }
-    const updateTime = useCallback(
-      (hours, mins) => {
-        setValue(`${pad(hours)}:${pad(mins)}`);
-      },
-      [setValue]
-    );
-    const changeHour = useCallback(
-      (delta) => {
-        const newHour = (h24 + delta + 24) % 24;
-        updateTime(newHour, minutes);
-      },
-      [h24, minutes, updateTime]
-    );
-    const changeMinute = useCallback(
-      (delta) => {
-        const newMin = (minutes + delta + 60) % 60;
-        updateTime(h24, newMin);
-      },
-      [h24, minutes, updateTime]
-    );
-    const toggleAmPm = useCallback(() => {
-      updateTime((h24 + 12) % 24, minutes);
-    }, [h24, minutes, updateTime]);
     const spinBtnClass = "flex h-7 w-full items-center justify-center rounded text-zinc-400 transition-colors hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300 disabled:opacity-50";
     const displayClass = "flex h-10 w-12 items-center justify-center text-lg font-medium tabular-nums";
     return /* @__PURE__ */ jsxs(