@particle-academy/react-fancy 4.16.0 → 4.17.1

package/dist/index.cjs

@@ -9351,6 +9351,7 @@ function BreadcrumbsItem({
   children,
   href,
   active = false,
+  onClick,
   className
 }) {
   const baseClass = cn(
@@ -9361,6 +9362,18 @@ function BreadcrumbsItem({
   if (href && !active) {
     return /* @__PURE__ */ jsxRuntime.jsx("a", { "data-react-fancy-breadcrumbs-item": "", href, className: baseClass, children });
   }
+  if (onClick && !active) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "data-react-fancy-breadcrumbs-item": "",
+        onClick,
+        className: cn(baseClass, "cursor-pointer border-0 bg-transparent p-0"),
+        children
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-react-fancy-breadcrumbs-item": "", className: baseClass, "aria-current": active ? "page" : void 0, children });
 }
 BreadcrumbsItem.displayName = "BreadcrumbsItem";
@@ -10240,6 +10253,29 @@ var TimePicker = react.forwardRef(
     const { hours: h24, minutes } = parseTime(value);
     const isPM = h24 >= 12;
     const displayHour = format === "12h" ? h24 % 12 || 12 : h24;
+    const updateTime = react.useCallback(
+      (hours, mins) => {
+        setValue(`${pad(hours)}:${pad(mins)}`);
+      },
+      [setValue]
+    );
+    const changeHour = react.useCallback(
+      (delta) => {
+        const newHour = (h24 + delta + 24) % 24;
+        updateTime(newHour, minutes);
+      },
+      [h24, minutes, updateTime]
+    );
+    const changeMinute = react.useCallback(
+      (delta) => {
+        const newMin = (minutes + delta + 60) % 60;
+        updateTime(h24, newMin);
+      },
+      [h24, minutes, updateTime]
+    );
+    const toggleAmPm = react.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__ */ jsxRuntime.jsx(
@@ -10267,29 +10303,6 @@ var TimePicker = react.forwardRef(
         }
       );
     }
-    const updateTime = react.useCallback(
-      (hours, mins) => {
-        setValue(`${pad(hours)}:${pad(mins)}`);
-      },
-      [setValue]
-    );
-    const changeHour = react.useCallback(
-      (delta) => {
-        const newHour = (h24 + delta + 24) % 24;
-        updateTime(newHour, minutes);
-      },
-      [h24, minutes, updateTime]
-    );
-    const changeMinute = react.useCallback(
-      (delta) => {
-        const newMin = (minutes + delta + 60) % 60;
-        updateTime(h24, newMin);
-      },
-      [h24, minutes, updateTime]
-    );
-    const toggleAmPm = react.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__ */ jsxRuntime.jsxs(