@gfazioli/mantine-clock 1.0.0

package/dist/esm/hooks/use-clock.mjs

@@ -0,0 +1,154 @@
+'use client';
+import dayjs from 'dayjs';
+import isLeapYear from 'dayjs/plugin/isLeapYear';
+import timezonePlugin from 'dayjs/plugin/timezone';
+import utc from 'dayjs/plugin/utc';
+import weekOfYear from 'dayjs/plugin/weekOfYear';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { useMounted } from '@mantine/hooks';
+
+dayjs.extend(utc);
+dayjs.extend(timezonePlugin);
+dayjs.extend(weekOfYear);
+dayjs.extend(isLeapYear);
+function useClock({
+  enabled = true,
+  timezone = "UTC",
+  updateFrequency = 1e3,
+  use24Hours = true,
+  padSeconds = false,
+  padMinutes = false,
+  padHours = false
+}) {
+  const mounted = useMounted();
+  const [time, setTime] = useState(null);
+  const [isRunning, setIsRunning] = useState(false);
+  const intervalRef = useRef(null);
+  const initialEnabledRef = useRef(enabled);
+  useEffect(() => {
+    if (!mounted) {
+      return;
+    }
+    setTime(dayjs().tz(timezone));
+    if (enabled) {
+      setIsRunning(true);
+    } else {
+      setIsRunning(false);
+    }
+  }, [mounted, enabled, timezone]);
+  useEffect(() => {
+    if (!mounted || !isRunning) {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+      return;
+    }
+    const updateClock = () => {
+      setTime(dayjs().tz(timezone));
+    };
+    updateClock();
+    intervalRef.current = setInterval(updateClock, updateFrequency);
+    return () => {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+    };
+  }, [mounted, isRunning, timezone, updateFrequency]);
+  const start = useCallback(() => {
+    if (!mounted) {
+      return;
+    }
+    setTime(dayjs().tz(timezone));
+    setIsRunning(true);
+  }, [mounted, timezone]);
+  const pause = useCallback(() => {
+    setIsRunning(false);
+  }, []);
+  const resume = useCallback(() => {
+    if (!mounted) {
+      return;
+    }
+    setTime(dayjs().tz(timezone));
+    setIsRunning(true);
+  }, [mounted, timezone]);
+  const reset = useCallback(() => {
+    setIsRunning(false);
+    if (initialEnabledRef.current) {
+      setTime(dayjs().tz(timezone));
+      setIsRunning(true);
+    } else {
+      setTime(dayjs().tz(timezone));
+    }
+  }, [timezone]);
+  if (!mounted || !time) {
+    const staticHours = padHours ? "00" : 0;
+    const staticMinutes = padMinutes ? "00" : 0;
+    const staticSeconds = padSeconds ? "00" : 0;
+    return {
+      year: 2024,
+      month: 1,
+      day: 1,
+      week: 1,
+      isLeap: false,
+      hours: staticHours,
+      minutes: staticMinutes,
+      seconds: staticSeconds,
+      milliseconds: 0,
+      amPm: use24Hours ? void 0 : "AM",
+      isRunning: false,
+      start: () => {
+      },
+      pause: () => {
+      },
+      resume: () => {
+      },
+      reset: () => {
+      }
+    };
+  }
+  const year = time.year();
+  const month = time.month() + 1;
+  const day = time.date();
+  const week = time.week();
+  const isLeap = time.isLeapYear();
+  let hours = time.hour();
+  let minutes = time.minute();
+  let seconds = time.second();
+  const milliseconds = time.millisecond();
+  let amPm;
+  if (!use24Hours) {
+    amPm = Number(hours) >= 12 ? "PM" : "AM";
+    hours = Number(hours) % 12 || 12;
+  }
+  if (padHours) {
+    hours = hours.toString().padStart(2, "0");
+  }
+  if (padMinutes) {
+    minutes = minutes.toString().padStart(2, "0");
+  }
+  if (padSeconds) {
+    seconds = seconds.toString().padStart(2, "0");
+  }
+  return {
+    year,
+    month,
+    day,
+    week,
+    isLeap,
+    hours,
+    minutes,
+    seconds,
+    milliseconds,
+    amPm,
+    isRunning,
+    start,
+    pause,
+    resume,
+    reset
+  };
+}
+
+export { useClock };
+//# sourceMappingURL=use-clock.mjs.map

package/dist/esm/hooks/use-clock.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-clock.mjs","sources":["../../../src/hooks/use-clock.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport isLeapYear from 'dayjs/plugin/isLeapYear';\nimport timezonePlugin from 'dayjs/plugin/timezone';\nimport utc from 'dayjs/plugin/utc';\nimport weekOfYear from 'dayjs/plugin/weekOfYear';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useMounted } from '@mantine/hooks';\n\ndayjs.extend(utc);\ndayjs.extend(timezonePlugin);\ndayjs.extend(weekOfYear);\ndayjs.extend(isLeapYear);\n\n/**\n * Options for configuring the `useClock` hook.\n */\nexport interface UseClockOptions {\n  /** Whether the clock is active and updating. */\n  enabled?: boolean;\n  /** The timezone to use for the clock. */\n  timezone?: string;\n  /** The frequency (in milliseconds) at which the clock updates. */\n  updateFrequency?: number;\n  /** Whether to use 24-hour format or 12-hour format. */\n  use24Hours?: boolean;\n  /** Whether to pad single-digit seconds with a leading zero. */\n  padSeconds?: boolean;\n  /** Whether to pad single-digit minutes with a leading zero. */\n  padMinutes?: boolean;\n  /** Whether to pad single-digit hours with a leading zero. */\n  padHours?: boolean;\n}\n\n/**\n * Data returned by the `useClock` hook.\n */\nexport interface ClockData {\n  /** The current year. */\n  year: number;\n  /** The current month (1-12). */\n  month: number;\n  /** The current day of the month. */\n  day: number;\n  /** The current week of the year. */\n  week: number;\n  /** Whether the current year is a leap year. */\n  isLeap: boolean;\n  /** The current hour (adjusted for 12/24-hour format). */\n  hours: number | string;\n  /** The current minute. */\n  minutes: number | string;\n  /** The current second. */\n  seconds: number | string;\n  /** The current millisecond. */\n  milliseconds: number;\n  /** Whether the time is AM or PM (only relevant if use24Hours is false). */\n  amPm?: 'AM' | 'PM';\n  /** Whether the clock is currently running and updating. */\n  isRunning: boolean;\n  /** Function to start the clock. */\n  start: () => void;\n  /** Function to pause the clock. */\n  pause: () => void;\n  /** Function to resume the clock. */\n  resume: () => void;\n  /** Function to reset the clock to its initial state. */\n  reset: () => void;\n}\n\n/**\n * `useClock` is a React hook that provides real-time clock data.\n *\n * This hook allows you to track the current time with options for timezone,\n * update frequency, and 12/24-hour format. It returns an object containing\n * detailed time information such as year, month, day, week, and more.\n *\n * @param {UseClockOptions} options - Configuration options for the clock.\n * @returns {ClockData} An object containing the current time data.\n *\n * @example\n * const { year, month, day, hours, minutes, seconds } = useClock({\n *   timezone: 'America/New_York',\n *   updateFrequency: 1000,\n *   use24Hours: false,\n * });\n */\nexport function useClock({\n  enabled = true,\n  timezone = 'UTC',\n  updateFrequency = 1000,\n  use24Hours = true,\n  padSeconds = false,\n  padMinutes = false,\n  padHours = false,\n}: UseClockOptions): ClockData {\n  const mounted = useMounted();\n  const [time, setTime] = useState<dayjs.Dayjs | null>(null);\n  const [isRunning, setIsRunning] = useState(false);\n\n  // Refs\n  const intervalRef = useRef<NodeJS.Timeout | null>(null);\n  const initialEnabledRef = useRef(enabled); // Store initial enabled state - set once\n\n  // Initialize running state based on enabled when mounted\n  useEffect(() => {\n    if (!mounted) {\n      return;\n    }\n\n    // Initialize time immediately when mounted, regardless of running state\n    setTime(dayjs().tz(timezone));\n\n    if (enabled) {\n      setIsRunning(true);\n    } else {\n      setIsRunning(false);\n    }\n  }, [mounted, enabled, timezone]);\n\n  // Clock update logic\n  useEffect(() => {\n    if (!mounted || !isRunning) {\n      if (intervalRef.current) {\n        clearInterval(intervalRef.current);\n        intervalRef.current = null;\n      }\n      return;\n    }\n\n    const updateClock = () => {\n      setTime(dayjs().tz(timezone));\n    };\n\n    updateClock();\n    intervalRef.current = setInterval(updateClock, updateFrequency);\n\n    return () => {\n      if (intervalRef.current) {\n        clearInterval(intervalRef.current);\n        intervalRef.current = null;\n      }\n    };\n  }, [mounted, isRunning, timezone, updateFrequency]);\n\n  // Control functions\n  const start = useCallback(() => {\n    if (!mounted) {\n      return;\n    }\n    // Update time immediately when starting\n    setTime(dayjs().tz(timezone));\n    setIsRunning(true);\n  }, [mounted, timezone]);\n\n  const pause = useCallback(() => {\n    setIsRunning(false);\n  }, []);\n\n  const resume = useCallback(() => {\n    if (!mounted) {\n      return;\n    }\n    // Update time immediately when resuming\n    setTime(dayjs().tz(timezone));\n    setIsRunning(true);\n  }, [mounted, timezone]);\n\n  const reset = useCallback(() => {\n    setIsRunning(false);\n\n    // Restore initial enabled state\n    if (initialEnabledRef.current) {\n      // If initially enabled, restart immediately with current time\n      setTime(dayjs().tz(timezone));\n      setIsRunning(true);\n    } else {\n      // If initially disabled, set to current time but stay paused\n      setTime(dayjs().tz(timezone));\n    }\n  }, [timezone]);\n\n  // Return static values when disabled or during SSR\n  if (!mounted || !time) {\n    const staticHours = padHours ? '00' : 0;\n    const staticMinutes = padMinutes ? '00' : 0;\n    const staticSeconds = padSeconds ? '00' : 0;\n\n    return {\n      year: 2024,\n      month: 1,\n      day: 1,\n      week: 1,\n      isLeap: false,\n      hours: staticHours,\n      minutes: staticMinutes,\n      seconds: staticSeconds,\n      milliseconds: 0,\n      amPm: use24Hours ? undefined : 'AM',\n      isRunning: false,\n      start: () => {},\n      pause: () => {},\n      resume: () => {},\n      reset: () => {},\n    };\n  }\n  const year = time.year();\n  const month = time.month() + 1; // Months are 0-indexed in dayjs\n  const day = time.date();\n  const week = time.week();\n  const isLeap = time.isLeapYear();\n  let hours: number | string = time.hour();\n  let minutes: number | string = time.minute();\n  let seconds: number | string = time.second();\n  const milliseconds = time.millisecond();\n\n  let amPm: 'AM' | 'PM' | undefined;\n  if (!use24Hours) {\n    amPm = Number(hours) >= 12 ? 'PM' : 'AM';\n    hours = Number(hours) % 12 || 12; // Convert to 12-hour format\n  }\n\n  if (padHours) {\n    hours = hours.toString().padStart(2, '0');\n  }\n  if (padMinutes) {\n    minutes = minutes.toString().padStart(2, '0');\n  }\n  if (padSeconds) {\n    seconds = seconds.toString().padStart(2, '0');\n  }\n\n  return {\n    year,\n    month,\n    day,\n    week,\n    isLeap,\n    hours,\n    minutes,\n    seconds,\n    milliseconds,\n    amPm,\n    isRunning,\n    start,\n    pause,\n    resume,\n    reset,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/index.mjs

@@ -0,0 +1,4 @@
+export { Clock } from './Clock.mjs';
+export { useClock } from './hooks/use-clock.mjs';
+export { useClockCountDown } from './hooks/use-clock-count-down.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/styles.css

@@ -0,0 +1,11 @@
+.me_3508fb61{--clock-background-color:var(--clock-color,var(--mantine-color-gray-1));--clock-hour-ticks-color-resolved:var(--clock-hour-ticks-color,var(--mantine-color-gray-9));--clock-minute-ticks-color-resolved:var(--clock-minute-ticks-color,var(--mantine-color-gray-5));--clock-primary-numbers-color-resolved:var(
+    --clock-primary-numbers-color,var(--mantine-color-dark-9)
+  );--clock-secondary-numbers-color-resolved:var(
+    --clock-secondary-numbers-color,var(--mantine-color-dark-6)
+  );--clock-minute-hand-color-resolved:var(--clock-minute-hand-color,var(--mantine-color-dark-6));--clock-hour-hand-color-resolved:var(--clock-hour-hand-color,var(--mantine-color-dark-6));--clock-second-hand-color-resolved:var(--clock-second-hand-color,var(--mantine-color-red-6))}[data-mantine-color-scheme=dark] .me_3508fb61{--clock-background-color:var(--clock-color,var(--mantine-color-dark-8));--clock-hour-ticks-color-resolved:var(--clock-hour-ticks-color,var(--mantine-color-gray-0));--clock-minute-ticks-color-resolved:var(
+      --clock-minute-ticks-color,var(--mantine-color-gray-8)
+    );--clock-primary-numbers-color-resolved:var(
+      --clock-primary-numbers-color,var(--mantine-color-gray-0)
+    );--clock-secondary-numbers-color-resolved:var(
+      --clock-secondary-numbers-color,var(--mantine-color-gray-4)
+    );--clock-minute-hand-color-resolved:var(--clock-minute-hand-color,var(--mantine-color-dark-5));--clock-hour-hand-color-resolved:var(--clock-hour-hand-color,var(--mantine-color-dark-5))}.me_3508fb61{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.me_3508fb61,.me_bfe0e7d2{align-items:center;display:flex;height:var(--clock-size,400px);justify-content:center;position:relative;width:var(--clock-size,400px)}.me_bfe0e7d2{z-index:2}.me_5cac7cf6{background:transparent;perspective:1000px;pointer-events:none;will-change:transform;z-index:2}.me_5cac7cf6,.me_a73eac6c{backface-visibility:hidden;border-radius:50%;position:relative;transform-style:preserve-3d}.me_a73eac6c{--clock-border-width:clamp(2px,0.0625em,4px);background-color:var(--clock-background-color);height:var(--clock-size,400px);overflow:hidden;user-select:none;width:var(--clock-size,400px);will-change:transform,box-shadow;z-index:3}.me_46419d9b{backdrop-filter:blur(1px);background-color:hsla(0,0%,100%,.35);border:1px solid rgba(0,0,0,.03);border-radius:50%;box-shadow:0 0 20px hsla(0,0%,100%,.4),inset 0 0 8px hsla(0,0%,100%,.6);height:calc(var(--clock-size, 400px)*.09);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--clock-size, 400px)*.09);z-index:16}[data-mantine-color-scheme=dark] .me_46419d9b{background-color:rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.03);box-shadow:0 0 20px rgba(0,0,0,.4),inset 0 0 8px rgba(0,0,0,.6)}.me_b7f1a195{background:var(--clock-second-hand-color-resolved);border-radius:50%;box-shadow:0 0 8px var(--clock-second-hand-color-resolved);position:absolute;z-index:17}.me_199c38a3{height:100%;left:0;position:absolute;top:0;width:100%;z-index:14}.me_7001a110{background-color:var(--clock-minute-ticks-color-resolved);height:calc(var(--clock-size, 400px)*.025);opacity:var(--clock-minute-ticks-opacity,1);width:calc(var(--clock-size, 400px)*.0025)}.me_42e74ca0,.me_7001a110{box-shadow:0 0 2px hsla(0,0%,100%,.3);position:absolute}.me_42e74ca0{background-color:var(--clock-hour-ticks-color-resolved);height:calc(var(--clock-size, 400px)*.0375);opacity:var(--clock-hour-ticks-opacity,1);width:calc(var(--clock-size, 400px)*.005)}.me_1037b208{color:var(--clock-hour-number-color);font-weight:500;opacity:var(--clock-hour-number-opacity,1);pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-50%);user-select:none;z-index:15}.me_9129b04c{color:var(--clock-primary-numbers-color-resolved);opacity:var(--clock-primary-numbers-opacity,1)}.me_83b9a1fe{color:var(--clock-secondary-numbers-color-resolved);opacity:var(--clock-secondary-numbers-opacity,1)}.me_35043aee{position:absolute;transform-origin:center bottom;will-change:transform;z-index:15}.me_42e1bb72{background-color:var(--clock-hour-hand-color-resolved);box-shadow:0 0 3px var(--clock-hour-hand-color-resolved)}.me_6ffc0fe2{background-color:var(--clock-minute-hand-color-resolved);box-shadow:0 0 3px var(--clock-minute-hand-color-resolved)}.me_22ead85f{position:absolute;will-change:transform;z-index:17}.me_1a457e42{bottom:0;left:0}.me_1a457e42,.me_32db9852{background-color:var(--clock-second-hand-color-resolved);border-radius:calc(var(--clock-size, 400px)*.04);box-shadow:0 0 5px var(--clock-second-hand-color-resolved);position:absolute}.me_32db9852{bottom:calc(var(--clock-size, 400px)*-.035);height:calc(var(--clock-size, 400px)*.035)}

package/dist/styles.layer.css

@@ -0,0 +1,11 @@
+@layer mantine-clock {.me_3508fb61{--clock-background-color:var(--clock-color,var(--mantine-color-gray-1));--clock-hour-ticks-color-resolved:var(--clock-hour-ticks-color,var(--mantine-color-gray-9));--clock-minute-ticks-color-resolved:var(--clock-minute-ticks-color,var(--mantine-color-gray-5));--clock-primary-numbers-color-resolved:var(
+    --clock-primary-numbers-color,var(--mantine-color-dark-9)
+  );--clock-secondary-numbers-color-resolved:var(
+    --clock-secondary-numbers-color,var(--mantine-color-dark-6)
+  );--clock-minute-hand-color-resolved:var(--clock-minute-hand-color,var(--mantine-color-dark-6));--clock-hour-hand-color-resolved:var(--clock-hour-hand-color,var(--mantine-color-dark-6));--clock-second-hand-color-resolved:var(--clock-second-hand-color,var(--mantine-color-red-6))}[data-mantine-color-scheme=dark] .me_3508fb61{--clock-background-color:var(--clock-color,var(--mantine-color-dark-8));--clock-hour-ticks-color-resolved:var(--clock-hour-ticks-color,var(--mantine-color-gray-0));--clock-minute-ticks-color-resolved:var(
+      --clock-minute-ticks-color,var(--mantine-color-gray-8)
+    );--clock-primary-numbers-color-resolved:var(
+      --clock-primary-numbers-color,var(--mantine-color-gray-0)
+    );--clock-secondary-numbers-color-resolved:var(
+      --clock-secondary-numbers-color,var(--mantine-color-gray-4)
+    );--clock-minute-hand-color-resolved:var(--clock-minute-hand-color,var(--mantine-color-dark-5));--clock-hour-hand-color-resolved:var(--clock-hour-hand-color,var(--mantine-color-dark-5))}.me_3508fb61{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.me_3508fb61,.me_bfe0e7d2{align-items:center;display:flex;height:var(--clock-size,400px);justify-content:center;position:relative;width:var(--clock-size,400px)}.me_bfe0e7d2{z-index:2}.me_5cac7cf6{background:transparent;perspective:1000px;pointer-events:none;will-change:transform;z-index:2}.me_5cac7cf6,.me_a73eac6c{backface-visibility:hidden;border-radius:50%;position:relative;transform-style:preserve-3d}.me_a73eac6c{--clock-border-width:clamp(2px,0.0625em,4px);background-color:var(--clock-background-color);height:var(--clock-size,400px);overflow:hidden;user-select:none;width:var(--clock-size,400px);will-change:transform,box-shadow;z-index:3}.me_46419d9b{backdrop-filter:blur(1px);background-color:hsla(0,0%,100%,.35);border:1px solid rgba(0,0,0,.03);border-radius:50%;box-shadow:0 0 20px hsla(0,0%,100%,.4),inset 0 0 8px hsla(0,0%,100%,.6);height:calc(var(--clock-size, 400px)*.09);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--clock-size, 400px)*.09);z-index:16}[data-mantine-color-scheme=dark] .me_46419d9b{background-color:rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.03);box-shadow:0 0 20px rgba(0,0,0,.4),inset 0 0 8px rgba(0,0,0,.6)}.me_b7f1a195{background:var(--clock-second-hand-color-resolved);border-radius:50%;box-shadow:0 0 8px var(--clock-second-hand-color-resolved);position:absolute;z-index:17}.me_199c38a3{height:100%;left:0;position:absolute;top:0;width:100%;z-index:14}.me_7001a110{background-color:var(--clock-minute-ticks-color-resolved);height:calc(var(--clock-size, 400px)*.025);opacity:var(--clock-minute-ticks-opacity,1);width:calc(var(--clock-size, 400px)*.0025)}.me_42e74ca0,.me_7001a110{box-shadow:0 0 2px hsla(0,0%,100%,.3);position:absolute}.me_42e74ca0{background-color:var(--clock-hour-ticks-color-resolved);height:calc(var(--clock-size, 400px)*.0375);opacity:var(--clock-hour-ticks-opacity,1);width:calc(var(--clock-size, 400px)*.005)}.me_1037b208{color:var(--clock-hour-number-color);font-weight:500;opacity:var(--clock-hour-number-opacity,1);pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-50%);user-select:none;z-index:15}.me_9129b04c{color:var(--clock-primary-numbers-color-resolved);opacity:var(--clock-primary-numbers-opacity,1)}.me_83b9a1fe{color:var(--clock-secondary-numbers-color-resolved);opacity:var(--clock-secondary-numbers-opacity,1)}.me_35043aee{position:absolute;transform-origin:center bottom;will-change:transform;z-index:15}.me_42e1bb72{background-color:var(--clock-hour-hand-color-resolved);box-shadow:0 0 3px var(--clock-hour-hand-color-resolved)}.me_6ffc0fe2{background-color:var(--clock-minute-hand-color-resolved);box-shadow:0 0 3px var(--clock-minute-hand-color-resolved)}.me_22ead85f{position:absolute;will-change:transform;z-index:17}.me_1a457e42{bottom:0;left:0}.me_1a457e42,.me_32db9852{background-color:var(--clock-second-hand-color-resolved);border-radius:calc(var(--clock-size, 400px)*.04);box-shadow:0 0 5px var(--clock-second-hand-color-resolved);position:absolute}.me_32db9852{bottom:calc(var(--clock-size, 400px)*-.035);height:calc(var(--clock-size, 400px)*.035)}}

package/dist/types/Clock.d.ts

@@ -0,0 +1,82 @@
+import dayjs from 'dayjs';
+import { BoxProps, Factory, MantineColor, MantineSize, StylesApiProps, TextProps } from '@mantine/core';
+export type Timezone = 'UTC' | 'America/New_York' | 'America/Los_Angeles' | 'America/Chicago' | 'America/Denver' | 'America/Toronto' | 'America/Vancouver' | 'America/Sao_Paulo' | 'America/Mexico_City' | 'Europe/London' | 'Europe/Berlin' | 'Europe/Paris' | 'Europe/Rome' | 'Europe/Madrid' | 'Europe/Amsterdam' | 'Europe/Stockholm' | 'Europe/Moscow' | 'Asia/Tokyo' | 'Asia/Shanghai' | 'Asia/Singapore' | 'Asia/Hong_Kong' | 'Asia/Seoul' | 'Asia/Kolkata' | 'Asia/Dubai' | 'Australia/Sydney' | 'Australia/Melbourne' | 'Pacific/Auckland' | string;
+export type ClockStylesNames = 'root' | 'clockContainer' | 'glassWrapper' | 'clockFace' | 'hourMarks' | 'hourTick' | 'minuteTick' | 'number' | 'primaryNumber' | 'secondaryNumber' | 'hand' | 'hourHand' | 'minuteHand' | 'secondHandContainer' | 'secondHand' | 'secondHandCounterweight' | 'centerBlur' | 'centerDot';
+export type ClockCssVariables = {
+    root: '--clock-size' | '--clock-color' | '--clock-hour-ticks-color' | '--clock-hour-ticks-opacity' | '--clock-minute-ticks-color' | '--clock-minute-ticks-opacity' | '--clock-second-hand-color' | '--clock-minute-hand-color' | '--clock-hour-hand-color' | '--clock-primary-numbers-color' | '--clock-primary-numbers-opacity' | '--clock-secondary-numbers-color' | '--clock-secondary-numbers-opacity';
+};
+export interface ClockBaseProps {
+    /** Color of the clock face (MantineColor or CSS color) */
+    color?: MantineColor;
+    /** Mantine color for the hour ticks */
+    hourTicksColor?: MantineColor;
+    /** Opacity for the hour ticks (0 = hidden, 1 = fully visible) */
+    hourTicksOpacity?: number;
+    /** Mantine color for the minute ticks */
+    minuteTicksColor?: MantineColor;
+    /** Opacity for the minute ticks (0 = hidden, 1 = fully visible) */
+    minuteTicksOpacity?: number;
+    /** Mantine color for the primary hour numbers (12, 3, 6, 9) */
+    primaryNumbersColor?: MantineColor;
+    /** Opacity for the primary hour numbers (0 = hidden, 1 = fully visible) */
+    primaryNumbersOpacity?: number;
+    /** Mantine color for the secondary hour numbers (1, 2, 4, 5, 7, 8, 10, 11) */
+    secondaryNumbersColor?: MantineColor;
+    /** Opacity for the secondary hour numbers (0 = hidden, 1 = fully visible) */
+    secondaryNumbersOpacity?: number;
+    /** Second hand movement behavior */
+    secondHandBehavior?: 'tick' | 'smooth' | 'tick-half' | 'tick-high-freq';
+    /** Mantine color for the seconds hand */
+    secondHandColor?: MantineColor;
+    /** Opacity for the seconds hand (0 = hidden, 1 = fully visible) */
+    secondHandOpacity?: number;
+    /** Length of the second hand as a percentage of clock radius (0.2 to 0.8) */
+    secondHandLength?: number;
+    /** Thickness of the second hand as a percentage of clock size (0.005 to 0.05) */
+    secondHandSize?: number;
+    /** Mantine color for the minutes hand */
+    minuteHandColor?: MantineColor;
+    /** Opacity for the minutes hand (0 = hidden, 1 = fully visible) */
+    minuteHandOpacity?: number;
+    /** Thickness of the minute hand as a percentage of clock size (0.01 to 0.1) */
+    minuteHandSize?: number;
+    /** Length of the minute hand as a percentage of clock radius (0.2 to 0.8) */
+    minuteHandLength?: number;
+    /** Size of the clock in pixels (default: 400px) */
+    size?: MantineSize | number | (string & {});
+    /** Thickness of the hour hand as a percentage of clock size (0.01 to 0.1) */
+    hourHandSize?: number;
+    /** Length of the hour hand as a percentage of clock radius (0.2 to 0.8) */
+    hourHandLength?: number;
+    /** Mantine color for the hours hand */
+    hourHandColor?: MantineColor;
+    /** Opacity for the hours hand (0 = hidden, 1 = fully visible) */
+    hourHandOpacity?: number;
+    /** Distance of the hour numbers from the center as a percentage of the radius (0.5 = 50%, 0.83 = default) */
+    hourNumbersDistance?: number;
+    /** Props for primary hour numbers (12, 3, 6, 9) Text component */
+    primaryNumbersProps?: TextProps;
+    /** Props for secondary hour numbers (1, 2, 4, 5, 7, 8, 10, 11) Text component */
+    secondaryNumbersProps?: TextProps;
+    /** Timezone for displaying time in different countries (e.g., 'America/New_York', 'Europe/London', 'Asia/Tokyo') */
+    timezone?: Timezone;
+    /** Whether the clock should update in real time (default: `true`) */
+    running?: boolean;
+    /** Time value to display. Can be a string ("10:30", "18:15:07"), Date, or dayjs object. When running=true, this sets the starting time. When running=false and no value is provided, displays the current time. */
+    value?: string | Date | dayjs.Dayjs;
+}
+export interface ClockProps extends BoxProps, ClockBaseProps, StylesApiProps<ClockFactory> {
+}
+export type ClockFactory = Factory<{
+    props: ClockProps;
+    ref: HTMLDivElement;
+    stylesNames: ClockStylesNames;
+    vars: ClockCssVariables;
+}>;
+export declare const defaultProps: Partial<ClockProps>;
+export declare const Clock: import("@mantine/core").MantineComponent<{
+    props: ClockProps;
+    ref: HTMLDivElement;
+    stylesNames: ClockStylesNames;
+    vars: ClockCssVariables;
+}>;

package/dist/types/hooks/use-clock-count-down.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Options for configuring the `useClockCountDown` hook.
+ */
+export interface UseClockCountDownOptions {
+    /** Whether the countdown is active and updating. */
+    enabled?: boolean;
+    /** The timezone to use for the countdown calculations. */
+    timezone?: string;
+    /** The frequency (in milliseconds) at which the countdown updates. */
+    updateFrequency?: number;
+    /** Whether to use 24-hour format or 12-hour format. */
+    use24Hours?: boolean;
+    /** Whether to pad single-digit seconds with a leading zero. */
+    padSeconds?: boolean;
+    /** Whether to pad single-digit minutes with a leading zero. */
+    padMinutes?: boolean;
+    /** Whether to pad single-digit hours with a leading zero. */
+    padHours?: boolean;
+    /** Target date for the countdown (Date object or ISO string). */
+    targetDate?: Date | string;
+    /** Number of hours to count down from current time. */
+    hours?: number;
+    /** Number of minutes to count down from current time. */
+    minutes?: number;
+    /** Number of seconds to count down from current time. */
+    seconds?: number;
+    /** Callback function called when countdown reaches zero. */
+    onCountDownCompleted?: () => void;
+}
+/**
+ * Data returned by the `useClockCountDown` hook.
+ */
+export interface ClockCountDownData {
+    /** The remaining years. */
+    year: number;
+    /** The remaining months (1-12). */
+    month: number;
+    /** The remaining days. */
+    day: number;
+    /** The remaining weeks. */
+    week: number;
+    /** Whether the current year is a leap year (based on target date). */
+    isLeap: boolean;
+    /** The remaining hours (adjusted for 12/24-hour format). */
+    hours: number | string;
+    /** The remaining minutes. */
+    minutes: number | string;
+    /** The remaining seconds. */
+    seconds: number | string;
+    /** The remaining milliseconds. */
+    milliseconds: number;
+    /** Whether the time is AM or PM (only relevant if use24Hours is false). */
+    amPm?: 'AM' | 'PM';
+    /** Whether the countdown has completed (reached zero). */
+    isCompleted: boolean;
+    /** Whether the countdown is currently running. */
+    isRunning: boolean;
+    /** Total remaining time in milliseconds. */
+    totalMilliseconds: number;
+    /** Start the countdown */
+    start: () => void;
+    /** Pause/stop the countdown */
+    pause: () => void;
+    /** Reset the countdown to initial values */
+    reset: () => void;
+    /** Resume the countdown from current position */
+    resume: () => void;
+}
+/**
+ * `useClockCountDown` is a React hook that provides real-time countdown data.
+ *
+ * This hook allows you to create a countdown timer to a specific date or time duration.
+ * You can specify either a target date or a duration (hours, minutes, seconds) from the current time.
+ * The hook returns an object containing detailed countdown information and supports timezone,
+ * update frequency, and 12/24-hour format options.
+ *
+ * @param {UseClockCountDownOptions} options - Configuration options for the countdown.
+ * @returns {ClockCountDownData} An object containing the current countdown data.
+ *
+ * @example
+ * // Countdown to a specific date
+ * const { hours, minutes, seconds, isCompleted } = useClockCountDown({
+ *   targetDate: '2024-12-31T23:59:59Z',
+ *   timezone: 'America/New_York',
+ *   onCountDownCompleted: () => console.log('Happy New Year!'),
+ * });
+ *
+ * @example
+ * // Countdown for 12 hours from now
+ * const { hours, minutes, seconds } = useClockCountDown({
+ *   hours: 12,
+ *   updateFrequency: 1000,
+ *   use24Hours: false,
+ * });
+ *
+ * @example
+ * // Countdown for 30 minutes and 45 seconds
+ * const countdown = useClockCountDown({
+ *   minutes: 30,
+ *   seconds: 45,
+ *   padHours: true,
+ *   padMinutes: true,
+ *   padSeconds: true,
+ * });
+ */
+export declare function useClockCountDown({ enabled, timezone, updateFrequency, use24Hours, padSeconds, padMinutes, padHours, targetDate, hours, minutes, seconds, onCountDownCompleted, }: UseClockCountDownOptions): ClockCountDownData;

package/dist/types/hooks/use-clock.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Options for configuring the `useClock` hook.
+ */
+export interface UseClockOptions {
+    /** Whether the clock is active and updating. */
+    enabled?: boolean;
+    /** The timezone to use for the clock. */
+    timezone?: string;
+    /** The frequency (in milliseconds) at which the clock updates. */
+    updateFrequency?: number;
+    /** Whether to use 24-hour format or 12-hour format. */
+    use24Hours?: boolean;
+    /** Whether to pad single-digit seconds with a leading zero. */
+    padSeconds?: boolean;
+    /** Whether to pad single-digit minutes with a leading zero. */
+    padMinutes?: boolean;
+    /** Whether to pad single-digit hours with a leading zero. */
+    padHours?: boolean;
+}
+/**
+ * Data returned by the `useClock` hook.
+ */
+export interface ClockData {
+    /** The current year. */
+    year: number;
+    /** The current month (1-12). */
+    month: number;
+    /** The current day of the month. */
+    day: number;
+    /** The current week of the year. */
+    week: number;
+    /** Whether the current year is a leap year. */
+    isLeap: boolean;
+    /** The current hour (adjusted for 12/24-hour format). */
+    hours: number | string;
+    /** The current minute. */
+    minutes: number | string;
+    /** The current second. */
+    seconds: number | string;
+    /** The current millisecond. */
+    milliseconds: number;
+    /** Whether the time is AM or PM (only relevant if use24Hours is false). */
+    amPm?: 'AM' | 'PM';
+    /** Whether the clock is currently running and updating. */
+    isRunning: boolean;
+    /** Function to start the clock. */
+    start: () => void;
+    /** Function to pause the clock. */
+    pause: () => void;
+    /** Function to resume the clock. */
+    resume: () => void;
+    /** Function to reset the clock to its initial state. */
+    reset: () => void;
+}
+/**
+ * `useClock` is a React hook that provides real-time clock data.
+ *
+ * This hook allows you to track the current time with options for timezone,
+ * update frequency, and 12/24-hour format. It returns an object containing
+ * detailed time information such as year, month, day, week, and more.
+ *
+ * @param {UseClockOptions} options - Configuration options for the clock.
+ * @returns {ClockData} An object containing the current time data.
+ *
+ * @example
+ * const { year, month, day, hours, minutes, seconds } = useClock({
+ *   timezone: 'America/New_York',
+ *   updateFrequency: 1000,
+ *   use24Hours: false,
+ * });
+ */
+export declare function useClock({ enabled, timezone, updateFrequency, use24Hours, padSeconds, padMinutes, padHours, }: UseClockOptions): ClockData;

package/dist/types/index.d.mts

@@ -0,0 +1,6 @@
+export { Clock } from './Clock';
+export type { ClockBaseProps, ClockCssVariables, ClockFactory, ClockProps, ClockStylesNames, } from './Clock';
+export { useClock } from './hooks/use-clock';
+export type { ClockData, UseClockOptions } from './hooks/use-clock';
+export { useClockCountDown } from './hooks/use-clock-count-down';
+export type { ClockCountDownData, UseClockCountDownOptions } from './hooks/use-clock-count-down';

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+export { Clock } from './Clock';
+export type { ClockBaseProps, ClockCssVariables, ClockFactory, ClockProps, ClockStylesNames, } from './Clock';
+export { useClock } from './hooks/use-clock';
+export type { ClockData, UseClockOptions } from './hooks/use-clock';
+export { useClockCountDown } from './hooks/use-clock-count-down';
+export type { ClockCountDownData, UseClockCountDownOptions } from './hooks/use-clock-count-down';

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@gfazioli/mantine-clock",
+  "version": "1.0.0",
+  "description": "React Clock components and hooks for Mantine with timezone support, countdown timers, customization options, and real-time updates.",
+  "homepage": "https://gfazioli.github.io/mantine-clock/",
+  "packageManager": "yarn@4.0.1",
+  "license": "MIT",
+  "author": "Giovambattista Fazioli <giovambattista.fazioli@gmail.com>",
+  "keywords": [
+    "animation",
+    "branding",
+    "clock",
+    "extension",
+    "mantine",
+    "react",
+    "react-component",
+    "scroll",
+    "typescript"
+  ],
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/types/index.d.mts",
+        "default": "./dist/esm/index.mjs"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/cjs/index.cjs"
+      }
+    },
+    "./styles.css": "./dist/styles.css",
+    "./styles.layer.css": "./dist/styles.layer.css"
+  },
+  "repository": "https://github.com/gfazioli/mantine-clock.git",
+  "peerDependencies": {
+    "@mantine/core": ">=7.0.0",
+    "@mantine/hooks": ">=7.0.0",
+    "dayjs": "^1.11.13",
+    "react": "^18.x || ^19.x",
+    "react-dom": "^18.x || ^19.x"
+  },
+  "bugs": "https://github.com/gfazioli/mantine-clock/issues"
+}