meticulous-ui 2.8.5 → 2.8.6

package/components/Timer/Timer.js

@@ -3,14 +3,14 @@ import { useState as n, useRef as oe, useEffect as N } from "react";
 import se from "../Glass/Glass.js";
 import le from "./components/TimerRing/TimerRing.js";
 import m from "../../colors/white.js";
-import { Wrapper as de, Dimmer as ce, DotsWrapper as ue, AllDots as me, Dots as he, Time as v, TimeTxt as E, HourHand as pe, MinuteHand as ge, SecondHand as be, AlarmRing as fe, BulletRing as Se, Bullet as Te, VisuallyHidden as ye, LeftActions as Ae, ActionBtn as h, MediaStopFilledWrapper as $e, MediaPauseFilledWrapper as Re, MediaPlayFilledWrapper as De, RightActions as Pe, AddWrapper as we } from "./styles.js";
+import { Wrapper as de, Dimmer as ce, DotsWrapper as ue, AllDots as me, Dots as he, Time as v, TimeTxt as E, HourHand as pe, MinuteHand as ge, SecondHand as be, AlarmRing as fe, BulletRing as Te, Bullet as Se, VisuallyHidden as ye, LeftActions as Ae, ActionBtn as h, MediaStopFilledWrapper as $e, MediaPauseFilledWrapper as Re, MediaPlayFilledWrapper as De, RightActions as Pe, AddWrapper as we } from "./styles.js";
 const d = () => {
 }, He = (p) => () => {
-  const a = (/* @__PURE__ */ new Date()).toLocaleString("en-Us", { hour12: !0, timeZone: p }).split(", ")[1].split(" ")[0], [b, r, c] = a.split(":").map(Number);
+  const a = (/* @__PURE__ */ new Date()).toLocaleString("en-Us", { hour12: !0, timeZone: p }).split(", ")[1].split(" ")[0], [b, t, c] = a.split(":").map(Number);
   return {
     second: c * 6,
-    minute: r * 6 + c * 0.1,
-    hour: b % 12 * 30 + r * 0.5
+    minute: t * 6 + c * 0.1,
+    hour: b % 12 * 30 + t * 0.5
   };
 }, ze = ({
   color: p = "green",
@@ -18,7 +18,7 @@ const d = () => {
   showTimeWithSec: g = !0,
   timeZone: a = "Asia/Kolkata",
   isDigital: b = !0,
-  timerSeconds: r = 0,
+  timerSeconds: t = 0,
   onTimerAdd: c = d,
   onTimerComplete: U = d,
   onTimerRemove: O = d,
@@ -26,35 +26,35 @@ const d = () => {
   onTimerPlay: K = d,
   ..._
 }) => {
-  const [f, q] = n(/* @__PURE__ */ new Date()), [o, S] = n(0), [u, T] = n(!1), [y, J] = n(He(a)), [Q, A] = n(0), [$, R] = n(!1), H = oe(u);
+  const [f, q] = n(/* @__PURE__ */ new Date()), [o, T] = n(0), [u, S] = n(!1), [y, J] = n(He(a)), [Q, A] = n(0), [$, R] = n(!1), H = oe(u);
   N(() => {
     H.current = u;
   }, [u]);
   const V = () => {
-    S(r), A(r % 60 * 6), T(!1), c();
+    T(t), A(t % 60 * 6), S(!1), c();
   }, X = () => {
     R(!0), O();
   }, Y = () => {
-    S(0), A(0), R(!1);
+    T(0), A(0), R(!1);
   }, Z = () => {
-    T(!0), G();
+    S(!0), G();
   }, ee = () => {
-    T(!1), K();
+    S(!1), K();
   };
   N(() => {
     const C = setInterval(() => {
       const l = /* @__PURE__ */ new Date();
-      q(l), J((t) => {
+      q(l), J((r) => {
         const te = l.toLocaleString("en-Us", { hour12: !0, timeZone: a }).split(", ")[1].split(" ")[0], [re, L, j] = te.split(":").map(Number), ie = j * 6, ne = L * 6 + j * 0.1, ae = re % 12 * 30 + L * 0.5, P = (x, z) => {
           const B = x % 360;
           return x - B + z + (z < B ? 360 : 0);
         };
         return {
-          second: P(t.second, ie),
-          minute: P(t.minute, ne),
-          hour: P(t.hour, ae)
+          second: P(r.second, ie),
+          minute: P(r.minute, ne),
+          hour: P(r.hour, ae)
         };
-      }), H.current || (S((t) => (t - 1 === 0 && (U(), R(!0)), t - 1)), A((t) => t - 6));
+      }), H.current || (T((r) => (r - 1 === 0 && (U(), R(!0)), r - 1)), A((r) => r - 6));
     }, 1e3);
     return () => clearInterval(C);
   }, []);
@@ -101,12 +101,12 @@ const d = () => {
         }
       ),
       /* @__PURE__ */ e(
-        Se,
+        Te,
         {
           style: { "--bullet-rotate": `${45 + Q}deg` },
           $dismissing: $,
           "aria-hidden": "true",
-          children: /* @__PURE__ */ e(Te, {})
+          children: /* @__PURE__ */ e(Se, {})
         }
       ),
       /* @__PURE__ */ e(
@@ -118,7 +118,7 @@ const d = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ i(Ae, { $noActions: s, role: "group", "aria-label": "Timer controls", children: [
+    t > 0 && /* @__PURE__ */ i(Ae, { $noActions: s, role: "group", "aria-label": "Timer controls", children: [
       /* @__PURE__ */ e(
         h,
         {
@@ -140,12 +140,12 @@ const d = () => {
         }
       ) : /* @__PURE__ */ e(h, { type: "button", onClick: ee, "aria-label": "Resume timer", children: /* @__PURE__ */ e(De, { color: m, size: 14, "aria-hidden": "true" }) })
     ] }),
-    /* @__PURE__ */ e(Pe, { role: "group", "aria-label": "Start timer", children: /* @__PURE__ */ e(
+    t > 0 && /* @__PURE__ */ e(Pe, { role: "group", "aria-label": "Start timer", children: /* @__PURE__ */ e(
       h,
       {
         type: "button",
         onClick: V,
-        "aria-label": `Start ${r} second timer`,
+        "aria-label": `Start ${t} second timer`,
         children: /* @__PURE__ */ e(we, { color: m, size: 20, "aria-hidden": "true" })
       }
     ) })

package/components/Timer/styles.js

@@ -67,7 +67,7 @@ const u = ({ $color: o }) => h[o], e = i`
 `, D = t.div`
   position: absolute;
   left: 1.6%;
-  top: 44%;
+  top: 43.8%;
   transform: translate(-50%, -50%) rotate(6.7deg);
 `, S = t.div`
   ${e};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meticulous-ui",
-  "version": "2.8.5",
+  "version": "2.8.6",
   "license": "MIT",
   "description": "A comprehensive React UI component library with a wide range of customizable components, icons, colors, and utilities for building modern web applications.",
   "main": "./index.js",