@zuzjs/ui 0.9.82 → 0.10.0

package/dist/cjs/comps/Crumb/index.d.ts

@@ -1,5 +1,5 @@
 declare const Crumb: import("react").ForwardRefExoticComponent<import("..").BoxProps & {
     items: import("./types").CrumbItem[];
     maxItems?: number;
-} & import("react").RefAttributes<HTMLUListElement | HTMLOListElement>>;
+} & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>>;
 export default Crumb;

package/dist/cjs/comps/List/index.d.ts

@@ -6,5 +6,5 @@ declare const List: import("react").ForwardRefExoticComponent<import("../..").Zu
     direction?: "cols" | "rows";
     seperator?: import("react").ReactNode;
     ol?: boolean;
-} & import("react").RefAttributes<HTMLUListElement | HTMLOListElement>>;
+} & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>>;
 export default List;

package/dist/cjs/hooks/index.d.ts

@@ -28,6 +28,7 @@ export { default as useScrollPhysics } from './useScrollPhysics';
 export { default as useSheet } from './useSheet';
 export { default as useShortcuts } from './useShortcuts';
 export { default as useNetworkStatus } from './useNetworkStatus';
+export { default as useNextInterval } from './useNextInterval';
 export { default as usePosition } from './usePosition';
 export { default as usePushNotifications, type PushNotificationsOptions, type PushNotificationsResult, type PushSubscriptionMeta } from './usePushNotifications';
 export { default as useResizeObserver } from './useResizeObserver';

package/dist/cjs/hooks/index.js

@@ -29,6 +29,7 @@ export { default as useScrollPhysics } from './useScrollPhysics';
 export { default as useSheet } from './useSheet';
 export { default as useShortcuts } from './useShortcuts';
 export { default as useNetworkStatus } from './useNetworkStatus';
+export { default as useNextInterval } from './useNextInterval';
 export { default as usePosition } from './usePosition';
 export { default as usePushNotifications } from './usePushNotifications';
 export { default as useResizeObserver } from './useResizeObserver';

package/dist/cjs/hooks/useNextInterval.d.ts

@@ -0,0 +1,14 @@
+interface Countdown {
+    minutes: number;
+    seconds: number;
+    formatted: string;
+    nextBoundary: Date;
+}
+/**
+ * React hook that counts down to the next N-minute boundary.
+ *
+ * @param intervalMinutes The interval in minutes (e.g., 1, 5, 15, 30, 60)
+ * @returns Countdown info + next boundary time
+ */
+declare const useNextInterval: (intervalMinutes?: number) => Countdown;
+export default useNextInterval;

package/dist/cjs/hooks/useNextInterval.js

@@ -0,0 +1,54 @@
+import { useEffect, useState } from 'react';
+/**
+ * React hook that counts down to the next N-minute boundary.
+ *
+ * @param intervalMinutes The interval in minutes (e.g., 1, 5, 15, 30, 60)
+ * @returns Countdown info + next boundary time
+ */
+const useNextInterval = (intervalMinutes = 15) => {
+    if (intervalMinutes <= 0) {
+        throw new Error('intervalMinutes must be greater than 0');
+    }
+    const calculateNextBoundary = (now) => {
+        const next = new Date(now);
+        const minutes = next.getMinutes();
+        const remainder = minutes % intervalMinutes;
+        if (remainder === 0) {
+            // Exactly on a boundary → go to next one
+            next.setMinutes(minutes + intervalMinutes);
+        }
+        else {
+            // Round up to next boundary
+            next.setMinutes(minutes + (intervalMinutes - remainder));
+        }
+        // Reset seconds and milliseconds
+        next.setSeconds(0);
+        next.setMilliseconds(0);
+        return next;
+    };
+    const [nextBoundary, setNextBoundary] = useState(() => calculateNextBoundary(new Date()));
+    useEffect(() => {
+        const update = () => {
+            const now = new Date();
+            const next = calculateNextBoundary(now);
+            if (next.getTime() !== nextBoundary.getTime()) {
+                setNextBoundary(next);
+            }
+        };
+        update(); // Initial sync
+        const interval = setInterval(update, 1000);
+        return () => clearInterval(interval);
+    }, [intervalMinutes, nextBoundary]);
+    const now = new Date();
+    const diffMs = Math.max(0, nextBoundary.getTime() - now.getTime());
+    const totalMinutes = Math.floor(diffMs / 60000);
+    const seconds = Math.floor((diffMs % 60000) / 1000);
+    const formatted = `${totalMinutes}m ${seconds.toString().padStart(2, '0')}s`;
+    return {
+        minutes: totalMinutes,
+        seconds,
+        formatted,
+        nextBoundary,
+    };
+};
+export default useNextInterval;

package/dist/cjs/hooks/useSlider.d.ts

@@ -2,6 +2,6 @@ declare const useSlider: () => {
     push: (key: string) => void;
     goBack: () => void;
     prevKey: string | null;
-    direction: "right" | "left";
+    direction: "left" | "right";
 };
 export default useSlider;

package/dist/esm/comps/Crumb/index.d.ts

@@ -1,5 +1,5 @@
 declare const Crumb: import("react").ForwardRefExoticComponent<import("..").BoxProps & {
     items: import("./types").CrumbItem[];
     maxItems?: number;
-} & import("react").RefAttributes<HTMLUListElement | HTMLOListElement>>;
+} & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>>;
 export default Crumb;

package/dist/esm/comps/List/index.d.ts

@@ -6,5 +6,5 @@ declare const List: import("react").ForwardRefExoticComponent<import("../..").Zu
     direction?: "cols" | "rows";
     seperator?: import("react").ReactNode;
     ol?: boolean;
-} & import("react").RefAttributes<HTMLUListElement | HTMLOListElement>>;
+} & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>>;
 export default List;

package/dist/esm/hooks/index.d.ts

@@ -28,6 +28,7 @@ export { default as useScrollPhysics } from './useScrollPhysics';
 export { default as useSheet } from './useSheet';
 export { default as useShortcuts } from './useShortcuts';
 export { default as useNetworkStatus } from './useNetworkStatus';
+export { default as useNextInterval } from './useNextInterval';
 export { default as usePosition } from './usePosition';
 export { default as usePushNotifications, type PushNotificationsOptions, type PushNotificationsResult, type PushSubscriptionMeta } from './usePushNotifications';
 export { default as useResizeObserver } from './useResizeObserver';

package/dist/esm/hooks/index.js

@@ -29,6 +29,7 @@ export { default as useScrollPhysics } from './useScrollPhysics';
 export { default as useSheet } from './useSheet';
 export { default as useShortcuts } from './useShortcuts';
 export { default as useNetworkStatus } from './useNetworkStatus';
+export { default as useNextInterval } from './useNextInterval';
 export { default as usePosition } from './usePosition';
 export { default as usePushNotifications } from './usePushNotifications';
 export { default as useResizeObserver } from './useResizeObserver';

package/dist/esm/hooks/useNextInterval.d.ts

@@ -0,0 +1,14 @@
+interface Countdown {
+    minutes: number;
+    seconds: number;
+    formatted: string;
+    nextBoundary: Date;
+}
+/**
+ * React hook that counts down to the next N-minute boundary.
+ *
+ * @param intervalMinutes The interval in minutes (e.g., 1, 5, 15, 30, 60)
+ * @returns Countdown info + next boundary time
+ */
+declare const useNextInterval: (intervalMinutes?: number) => Countdown;
+export default useNextInterval;

package/dist/esm/hooks/useNextInterval.js

@@ -0,0 +1,54 @@
+import { useEffect, useState } from 'react';
+/**
+ * React hook that counts down to the next N-minute boundary.
+ *
+ * @param intervalMinutes The interval in minutes (e.g., 1, 5, 15, 30, 60)
+ * @returns Countdown info + next boundary time
+ */
+const useNextInterval = (intervalMinutes = 15) => {
+    if (intervalMinutes <= 0) {
+        throw new Error('intervalMinutes must be greater than 0');
+    }
+    const calculateNextBoundary = (now) => {
+        const next = new Date(now);
+        const minutes = next.getMinutes();
+        const remainder = minutes % intervalMinutes;
+        if (remainder === 0) {
+            // Exactly on a boundary → go to next one
+            next.setMinutes(minutes + intervalMinutes);
+        }
+        else {
+            // Round up to next boundary
+            next.setMinutes(minutes + (intervalMinutes - remainder));
+        }
+        // Reset seconds and milliseconds
+        next.setSeconds(0);
+        next.setMilliseconds(0);
+        return next;
+    };
+    const [nextBoundary, setNextBoundary] = useState(() => calculateNextBoundary(new Date()));
+    useEffect(() => {
+        const update = () => {
+            const now = new Date();
+            const next = calculateNextBoundary(now);
+            if (next.getTime() !== nextBoundary.getTime()) {
+                setNextBoundary(next);
+            }
+        };
+        update(); // Initial sync
+        const interval = setInterval(update, 1000);
+        return () => clearInterval(interval);
+    }, [intervalMinutes, nextBoundary]);
+    const now = new Date();
+    const diffMs = Math.max(0, nextBoundary.getTime() - now.getTime());
+    const totalMinutes = Math.floor(diffMs / 60000);
+    const seconds = Math.floor((diffMs % 60000) / 1000);
+    const formatted = `${totalMinutes}m ${seconds.toString().padStart(2, '0')}s`;
+    return {
+        minutes: totalMinutes,
+        seconds,
+        formatted,
+        nextBoundary,
+    };
+};
+export default useNextInterval;

package/dist/esm/hooks/useSlider.d.ts

@@ -2,6 +2,6 @@ declare const useSlider: () => {
     push: (key: string) => void;
     goBack: () => void;
     prevKey: string | null;
-    direction: "right" | "left";
+    direction: "left" | "right";
 };
 export default useSlider;