meticulous-ui 2.9.1 → 2.9.3

package/components/Timer/Timer.js

@@ -15,7 +15,7 @@ const c = () => {
   };
 }, ve = ({
   color: g = "green",
-  showTime: M = !0,
+  showTime: I = !0,
   showTimeWithSec: b = !0,
   timeZone: o = "Asia/Kolkata",
   isDigital: f = !0,
@@ -25,55 +25,55 @@ const c = () => {
   onTimerRemove: K = c,
   onTimerPause: q = c,
   onTimerPlay: J = c,
-  size: S = 20,
+  size: M = 20,
   ...Q
 }) => {
-  const [T, V] = a(/* @__PURE__ */ new Date()), [s, $] = a(0), [m, A] = a(!1), [y, X] = a(Ce(o)), [Y, R] = a(0), [D, P] = a(!1), k = de(m), t = Math.round(S), w = Math.round(14 * S / 20);
+  const [S, V] = a(/* @__PURE__ */ new Date()), [s, T] = a(0), [m, $] = a(!1), [A, X] = a(Ce(o)), [Y, y] = a(0), [R, D] = a(!1), k = de(m), t = Math.round(M), P = Math.round(14 * M / 20);
   O(() => {
     k.current = m;
   }, [m]);
   const Z = () => {
-    $(r), R(r % 60 * 6), A(!1), u();
+    T(r), y(r % 60 * 6), $(!1), u();
   }, ee = () => {
-    P(!0), K();
+    D(!0), K();
   }, te = () => {
-    $(0), R(0), P(!1);
+    T(0), y(0), D(!1);
   }, re = () => {
-    A(!0), q();
+    $(!0), q();
   }, ie = () => {
-    A(!1), J();
+    $(!1), J();
   };
   O(() => {
-    const j = setInterval(() => {
+    const N = setInterval(() => {
       const d = /* @__PURE__ */ new Date();
       V(d), X((i) => {
-        const ne = d.toLocaleString("en-Us", { hour12: !0, timeZone: o }).split(", ")[1].split(" ")[0], [ae, x, z] = ne.split(":").map(Number), oe = z * 6, se = x * 6 + z * 0.1, le = ae % 12 * 30 + x * 0.5, I = (B, E) => {
+        const ne = d.toLocaleString("en-Us", { hour12: !0, timeZone: o }).split(", ")[1].split(" ")[0], [ae, j, x] = ne.split(":").map(Number), oe = x * 6, se = j * 6 + x * 0.1, le = ae % 12 * 30 + j * 0.5, H = (B, E) => {
           const F = B % 360;
           return B - F + E + (E < F ? 360 : 0);
         };
         return {
-          second: I(i.second, oe),
-          minute: I(i.minute, se),
-          hour: I(i.hour, le)
+          second: H(i.second, oe),
+          minute: H(i.minute, se),
+          hour: H(i.hour, le)
         };
-      }), k.current || ($((i) => (i - 1 === 0 && (G(), P(!0)), i - 1)), R((i) => i - 6));
+      }), k.current || (T((i) => (i - 1 === 0 && (G(), D(!0)), i - 1)), y((i) => i - 6));
     }, 1e3);
-    return () => clearInterval(j);
+    return () => clearInterval(N);
   }, []);
-  const H = T.toLocaleString("en-Us", { hour12: !0, timeZone: o }).split(", ")[1], C = H.split(" ")[0], W = H.split(" ")[1], L = H.split(":").slice(0, 2).join(":"), l = !(Number.isInteger(s) && s > 0), N = `${b ? C : L} ${W}`;
+  const w = S.toLocaleString("en-Us", { hour12: !0, timeZone: o }).split(", ")[1], C = w.split(" ")[0], W = w.split(" ")[1], z = w.split(":").slice(0, 2).join(":"), l = !(Number.isInteger(s) && s > 0), L = `${b ? C : z} ${W}`;
   return /* @__PURE__ */ n(me, { $color: g, role: "region", "aria-label": "Clock", $size: t, ...Q, children: [
     /* @__PURE__ */ e(ce, { borderRadius: `${ke(16.67)({ $size: t })}rem`, "aria-hidden": "true" }),
-    M && /* @__PURE__ */ n(v, { children: [
-      /* @__PURE__ */ e(he, { "aria-hidden": "true", $size: t, children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(ge, { "aria-hidden": "true", children: [...Array(60)].map((j, d) => /* @__PURE__ */ e(be, { $i: d, $size: t }, d)) }) }) }),
-      f ? /* @__PURE__ */ n(U, { as: "time", dateTime: T.toISOString(), "aria-label": N, children: [
-        /* @__PURE__ */ e(_, { $size: t, "aria-hidden": "true", children: b ? C : L }),
+    I && /* @__PURE__ */ n(v, { children: [
+      /* @__PURE__ */ e(he, { "aria-hidden": "true", $size: t, children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(ge, { "aria-hidden": "true", children: [...Array(60)].map((N, d) => /* @__PURE__ */ e(be, { $i: d, $size: t }, d)) }) }) }),
+      f ? /* @__PURE__ */ n(U, { as: "time", dateTime: S.toISOString(), "aria-label": L, children: [
+        /* @__PURE__ */ e(_, { $size: t, "aria-hidden": "true", children: b ? C : z }),
         /* @__PURE__ */ e(_, { $size: t, "aria-hidden": "true", children: W })
-      ] }) : /* @__PURE__ */ n(U, { as: "time", dateTime: T.toISOString(), "aria-label": N, children: [
+      ] }) : /* @__PURE__ */ n(U, { as: "time", dateTime: S.toISOString(), "aria-label": L, children: [
         /* @__PURE__ */ e(
           fe,
           {
             $size: t,
-            style: { "--hand-rotate": `${y.hour}deg` },
+            style: { "--hand-rotate": `${A.hour}deg` },
             "aria-hidden": "true"
           }
         ),
@@ -81,7 +81,7 @@ const c = () => {
           Se,
           {
             $size: t,
-            style: { "--hand-rotate": `${y.minute}deg` },
+            style: { "--hand-rotate": `${A.minute}deg` },
             "aria-hidden": "true"
           }
         ),
@@ -89,20 +89,20 @@ const c = () => {
           Te,
           {
             $size: t,
-            style: { "--hand-rotate": `${y.second}deg` },
+            style: { "--hand-rotate": `${A.second}deg` },
             "aria-hidden": "true"
           }
         )
       ] })
     ] }),
-    (!l || D) && /* @__PURE__ */ n(v, { children: [
+    (!l || R) && /* @__PURE__ */ n(v, { children: [
       /* @__PURE__ */ e(
         $e,
         {
-          $dismissing: D,
+          $dismissing: R,
           onAnimationEnd: te,
           "aria-hidden": "true",
-          children: /* @__PURE__ */ e(ue, { size: S, progress: s >= 60 ? 1 : s % 60 / 60 })
+          children: /* @__PURE__ */ e(ue, { progress: s >= 60 ? 1 : s % 60 / 60 })
         }
       ),
       /* @__PURE__ */ e(
@@ -110,7 +110,7 @@ const c = () => {
         {
           $size: t,
           style: { "--bullet-rotate": `${45 + Y}deg` },
-          $dismissing: D,
+          $dismissing: R,
           "aria-hidden": "true",
           children: /* @__PURE__ */ e(ye, { $size: t })
         }
@@ -140,7 +140,7 @@ const c = () => {
               $size: t,
               "aria-label": "Stop timer",
               "aria-disabled": l,
-              children: /* @__PURE__ */ e(Pe, { color: h, size: w, "aria-hidden": "true" })
+              children: /* @__PURE__ */ e(Pe, { color: h, size: P, "aria-hidden": "true" })
             }
           ),
           l || !m ? /* @__PURE__ */ e(
@@ -151,9 +151,9 @@ const c = () => {
               $size: t,
               "aria-label": "Pause timer",
               "aria-disabled": l,
-              children: /* @__PURE__ */ e(we, { color: h, size: w, "aria-hidden": "true" })
+              children: /* @__PURE__ */ e(we, { color: h, size: P, "aria-hidden": "true" })
             }
-          ) : /* @__PURE__ */ e(p, { type: "button", onClick: ie, "aria-label": "Resume timer", $size: t, children: /* @__PURE__ */ e(He, { color: h, size: w, "aria-hidden": "true" }) })
+          ) : /* @__PURE__ */ e(p, { type: "button", onClick: ie, "aria-label": "Resume timer", $size: t, children: /* @__PURE__ */ e(He, { color: h, size: P, "aria-hidden": "true" }) })
         ]
       }
     ),

package/components/Timer/components/TimerRing/TimerRing.js

@@ -1,33 +1,33 @@
-import { jsxs as n, jsx as c } from "react/jsx-runtime";
-import { useRef as i, useEffect as a } from "react";
-import l from "../../../../colors/white.js";
-import { SVG as h } from "./styles.js";
-const p = ({ progress: o, size: r }) => {
-  const s = i(null), t = r * 5.25, e = 2 * Math.PI * t;
-  return a(() => {
-    const f = e * (1 - o);
-    s.current.style.strokeDashoffset = f;
-  }, [o]), /* @__PURE__ */ n(h, { width: r * 11, height: r * 11, children: [
-    /* @__PURE__ */ c(
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { useRef as n, useEffect as c } from "react";
+import a from "../../../../colors/white.js";
+import { SVG as l } from "./styles.js";
+const r = 33, e = 2 * Math.PI * r, u = ({ progress: o }) => {
+  const s = n(null);
+  return c(() => {
+    const i = e * (1 - o);
+    s.current.style.strokeDashoffset = i;
+  }, [o]), /* @__PURE__ */ t(l, { viewBox: "0 0 100 100", width: "100%", height: "100%", children: /* @__PURE__ */ f("g", { transform: "rotate(-90, 50, 48)", children: [
+    /* @__PURE__ */ t(
       "circle",
       {
-        cx: "50%",
-        cy: "50%",
-        r: t,
+        cx: 50,
+        cy: 48,
+        r,
         stroke: "rgba(255,255,255,.2)",
-        strokeWidth: r * 0.2,
+        strokeWidth: 2,
         fill: "none"
       }
     ),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ t(
       "circle",
       {
         ref: s,
-        cx: "50%",
-        cy: "50%",
-        r: t,
-        stroke: l,
-        strokeWidth: r * 0.2,
+        cx: 50,
+        cy: 48,
+        r,
+        stroke: a,
+        strokeWidth: 1,
         fill: "none",
         strokeLinecap: "round",
         strokeDasharray: e,
@@ -35,8 +35,8 @@ const p = ({ progress: o, size: r }) => {
         style: { transition: "stroke-dashoffset 0.2s linear" }
       }
     )
-  ] });
+  ] }) });
 };
 export {
-  p as default
+  u as default
 };

package/components/Timer/components/TimerRing/styles.js

@@ -1,7 +1,5 @@
-import t from "styled-components";
-const e = t.svg`
-  rotate: -90deg;
-`;
+import o from "styled-components";
+const r = o.svg``;
 export {
-  e as SVG
+  r as SVG
 };

package/components/Timer/styles.js

@@ -8,7 +8,7 @@ import u from "../../colors/black.js";
 import b from "../../colors/red.js";
 import { COLOR_MAPPING as $ } from "./constants.js";
 import { getSize as t } from "./helpers.js";
-const a = 1, f = 16.67, s = 1.67, g = 3.404, v = ({ $color: e }) => $[e], n = r`
+const s = 1, g = 16.67, a = 1.67, f = 3.404, v = ({ $color: e }) => $[e], n = r`
   position: absolute;
   bottom: 50%;
   transform-origin: bottom;
@@ -17,16 +17,16 @@ const a = 1, f = 16.67, s = 1.67, g = 3.404, v = ({ $color: e }) => $[e], n = r`
   rotate: var(--hand-rotate);
 `, T = o.div`
   position: relative;
-  height: ${t(a)}rem;
-  width: ${t(a)}rem;
-  border-radius: ${t(f)}rem;
+  height: ${t(s)}rem;
+  width: ${t(s)}rem;
+  border-radius: ${t(g)}rem;
   background-color: ${v};
 `, W = o.div`
   position: absolute;
   left: 50%;
   top: 48%;
-  width: ${t(s)}rem;
-  height: ${t(s)}rem;
+  width: ${t(a)}rem;
+  height: ${t(a)}rem;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   background-color: rgba(0, 0, 0, 0.16);
@@ -47,7 +47,7 @@ const a = 1, f = 16.67, s = 1.67, g = 3.404, v = ({ $color: e }) => $[e], n = r`
   width: ${t(120)}rem;
   height: ${t(120)}rem;
   background: rgba(255, 255, 255, 0.4);
-  transform-origin: ${t(g)}rem;
+  transform-origin: ${t(f)}rem;
   border-radius: 2px;
   rotate: ${({ $i: e }) => `${e * 6}deg`};
 
@@ -91,8 +91,8 @@ const a = 1, f = 16.67, s = 1.67, g = 3.404, v = ({ $color: e }) => $[e], n = r`
   to   { opacity: 0; transform: scale(0.85); }
 `, E = o.div`
   position: absolute;
-  left: 16%;
-  top: 14%;
+  inset: 0;
+  pointer-events: none;
   ${({ $dismissing: e }) => e && r`
       animation: ${d} 0.4s ease-out forwards;
     `}

package/components/Toast/Toast.js

@@ -1,43 +1,51 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { useState as f, useEffect as u } from "react";
-import { Logo as S } from "./helpers.js";
-import $ from "../../colors/grey.js";
-import { COLOR_MAP as F, INFO as L, INFO_COLORS as N } from "./constants.js";
-import { ToastWrapper as j, Message as w, Title as x, Subtitle as I, CloseWrapper as M } from "./styles.js";
-const R = () => {
-}, m = (o, e, t) => () => {
-  o(!0), setTimeout(() => {
-    e(!1), t();
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { useState as d, useEffect as T, createElement as $ } from "react";
+import { Logo as F } from "./helpers.js";
+import L from "../../colors/grey.js";
+import { COLOR_MAP as N, INFO as j, INFO_COLORS as k } from "./constants.js";
+import { ToastWrapper as w, Message as x, Title as A, Subtitle as I, CloseWrapper as M, ToastsContainer as R } from "./styles.js";
+const O = () => {
+}, b = ({ toasts: e, ...o }) => {
+  const [t, n] = d(e);
+  T(() => {
+    n(e);
+  }, [e]);
+  const m = ({ type: a, id: c, title: i, subtitle: r, onExpire: l = O }, f) => /* @__PURE__ */ $(W, { type: a, title: i, subtitle: r, key: c, onExpire: l });
+  return /* @__PURE__ */ s(R, { ...o, children: [...t].reverse().map(m) });
+}, u = (e, o, t) => () => {
+  e(!0), setTimeout(() => {
+    o(!1), t();
   }, 500);
-}, b = ({
-  type: o = L,
-  visible: e = !0,
+}, W = ({
+  type: e = j,
+  visible: o = !0,
   duration: t = 5,
-  onExpire: a = R,
-  title: l,
-  subtitle: i,
-  ...d
+  onExpire: n = O,
+  title: m,
+  subtitle: a,
+  ...c
 }) => {
-  const [p, s] = f(e), [O, c] = f(!1);
-  u(() => {
-    s(e);
-  }, [e]), u(() => {
-    const C = setTimeout(m(c, s, a), t * 1e3 - 500);
+  const [i, r] = d(o), [l, f] = d(!1);
+  T(() => {
+    r(o);
+  }, [o]), T(() => {
+    const S = setTimeout(u(f, r, n), t * 1e3 - 500);
     return () => {
-      clearTimeout(C);
+      clearTimeout(S);
     };
-  }, [t, m]);
-  const { main: T, side: h, bg: g } = F[o] ?? N;
-  if (p)
-    return /* @__PURE__ */ n(j, { $bg: g, className: `${O ? "fade-out" : "fade-in"}`, ...d, children: [
-      /* @__PURE__ */ r(S, { type: o, $main: T, $side: h }),
-      /* @__PURE__ */ n(w, { children: [
-        /* @__PURE__ */ r(x, { children: l }),
-        i && /* @__PURE__ */ r(I, { children: i })
+  }, [t, u]);
+  const { main: h, side: C, bg: g } = N[e] ?? k;
+  if (i)
+    return /* @__PURE__ */ p(w, { $bg: g, className: `${l ? "fade-out" : "fade-in"}`, ...c, children: [
+      /* @__PURE__ */ s(F, { type: e, $main: h, $side: C }),
+      /* @__PURE__ */ p(x, { children: [
+        /* @__PURE__ */ s(A, { children: m }),
+        a && /* @__PURE__ */ s(I, { children: a })
       ] }),
-      /* @__PURE__ */ r(M, { size: 20, color: $.m600, onClick: m(c, s, a) })
+      /* @__PURE__ */ s(M, { size: 20, color: L.m600, onClick: u(f, r, n) })
     ] });
 };
 export {
-  b as default
+  b as ToastContainer,
+  W as default
 };

package/components/Toast/index.js

@@ -1,4 +1,6 @@
 import t from "./Toast.js";
+import { ToastContainer as e } from "./Toast.js";
 export {
+  e as ToastContainer,
   t as default
 };

package/components/Toast/styles.js

@@ -1,9 +1,9 @@
-import r, { keyframes as d, css as o } from "styled-components";
+import r, { keyframes as s, css as o } from "styled-components";
 import i from "../../colors/white.js";
 import n from "../Icons/Close/Close.js";
-import s from "../../colors/grey.js";
+import d from "../../colors/grey.js";
 import { WARNING as a } from "./constants.js";
-const m = d`
+const m = s`
   from {
     opacity: 0;
     transform: translateX(100%); /* Start off-screen to the right */
@@ -12,7 +12,7 @@ const m = d`
     opacity: 1;
     transform: translateX(0); /* Move to its final position */
   }
-`, h = d`
+`, h = s`
   from {
     opacity: 1;
     transform: translateX(0);
@@ -21,8 +21,7 @@ const m = d`
     opacity: 0;
     transform: translateX(100%); /* Move off-screen to the right */
   }
-`;
-r.div`
+`, w = r.div`
   position: fixed;
   top: 1rem;
   right: 1rem;
@@ -31,8 +30,7 @@ r.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
-`;
-const w = r.div`
+`, x = r.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -60,7 +58,7 @@ const w = r.div`
     border-radius: 0.6rem;
     padding: 0.3rem 0.8rem;
   }
-`, x = r.div`
+`, b = r.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -96,7 +94,7 @@ const w = r.div`
             border-radius: 50%;
           `}
   }
-`, b = r.div`
+`, u = r.div`
   position: relative;
   width: 4rem;
   height: 4rem;
@@ -107,7 +105,7 @@ const w = r.div`
     width: 3rem;
     height: 3rem;
   }
-`, u = r.div`
+`, $ = r.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -121,7 +119,7 @@ const w = r.div`
     transform: translate(-42.8%, -42.8%);
     scale: 0.75;
   }
-`, $ = r.div`
+`, y = r.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -135,13 +133,13 @@ const w = r.div`
     width: 2.25rem;
     height: 2.25rem;
   }
-`, y = r(n)`
+`, v = r(n)`
   cursor: pointer;
-`, v = r.div`
+`, k = r.div`
   font-weight: 600;
   font-size: 1.2rem;
-  color: ${s.m800};
-`, k = r.div`
+  color: ${d.m800};
+`, C = r.div`
   display: flex;
   flex-direction: column;
   gap: 0.2rem;
@@ -150,19 +148,20 @@ const w = r.div`
   @media screen and (max-width: 768px) {
     width: 15rem;
   }
-`, C = r.div`
+`, X = r.div`
   font-weight: 400;
   font-size: 1rem;
-  color: ${s.m700};
+  color: ${d.m700};
 `;
 export {
-  y as CloseWrapper,
-  u as Icon,
-  x as LogoContainer,
-  k as Message,
-  b as Outer,
-  $ as OuterChild,
-  C as Subtitle,
-  v as Title,
-  w as ToastWrapper
+  v as CloseWrapper,
+  $ as Icon,
+  b as LogoContainer,
+  C as Message,
+  u as Outer,
+  y as OuterChild,
+  X as Subtitle,
+  k as Title,
+  x as ToastWrapper,
+  w as ToastsContainer
 };

package/index.js

@@ -1,58 +1,59 @@
 import { default as a } from "./components/Pagination/Pagination.js";
-import { default as t } from "./components/Toast/Toast.js";
-import { default as p } from "./components/Spinner/Spinner.js";
-import { default as l } from "./components/Loader/Loader.js";
+import { default as t, ToastContainer as f } from "./components/Toast/Toast.js";
+import { default as d } from "./components/Spinner/Spinner.js";
+import { default as s } from "./components/Loader/Loader.js";
 import { default as m } from "./components/PageLoader/PageLoader.js";
-import { default as x } from "./components/OtpInput/OtpInput.js";
-import { default as n } from "./components/Dropdown/Dropdown.js";
-import { default as c } from "./components/Selectbox/Selectbox.js";
+import { default as i } from "./components/OtpInput/OtpInput.js";
+import { default as H } from "./components/Dropdown/Dropdown.js";
+import { default as P } from "./components/Selectbox/Selectbox.js";
 import { default as g } from "./components/Button/Button.js";
 import { default as S } from "./components/Timer/Timer.js";
-import { default as b } from "./components/Shimmer/Shimmer.js";
+import { default as h } from "./components/Shimmer/Shimmer.js";
 import { default as L } from "./components/VideoPlayer/VideoPlayer.js";
 import { default as w } from "./components/Image/Image.js";
 import { default as B } from "./components/Typography/P/P.js";
-import { default as D } from "./components/Input/Input/Input.js";
-import { default as G } from "./components/Input/Textarea/Textarea.js";
-import { default as R } from "./components/Input/Checkbox/Checkbox.js";
-import { default as V } from "./components/Input/RadioGroup/RadioGroup.js";
-import { default as q } from "./components/Input/FileUploader/FileUploader.js";
-import { default as z } from "./colors/index.js";
-import { default as E } from "./utils/index.js";
-import { default as K } from "./components/Icons/index.js";
-import { default as N } from "./components/Typography/Headings/H1.js";
-import { default as W } from "./components/Typography/Headings/H2.js";
-import { default as Y } from "./components/Typography/Headings/H3.js";
-import { default as _ } from "./components/Typography/Headings/H4.js";
-import { default as ee } from "./components/Typography/Headings/H5.js";
-import { default as ae } from "./components/Typography/Headings/H6.js";
+import { default as F } from "./components/Input/Input/Input.js";
+import { default as O } from "./components/Input/Textarea/Textarea.js";
+import { default as U } from "./components/Input/Checkbox/Checkbox.js";
+import { default as j } from "./components/Input/RadioGroup/RadioGroup.js";
+import { default as v } from "./components/Input/FileUploader/FileUploader.js";
+import { default as A } from "./colors/index.js";
+import { default as J } from "./utils/index.js";
+import { default as M } from "./components/Icons/index.js";
+import { default as Q } from "./components/Typography/Headings/H1.js";
+import { default as X } from "./components/Typography/Headings/H2.js";
+import { default as Z } from "./components/Typography/Headings/H3.js";
+import { default as $ } from "./components/Typography/Headings/H4.js";
+import { default as eo } from "./components/Typography/Headings/H5.js";
+import { default as ro } from "./components/Typography/Headings/H6.js";
 export {
   g as Button,
-  R as Checkbox,
-  n as Dropdown,
-  q as FileUploader,
-  N as H1,
-  W as H2,
-  Y as H3,
-  _ as H4,
-  ee as H5,
-  ae as H6,
+  U as Checkbox,
+  H as Dropdown,
+  v as FileUploader,
+  Q as H1,
+  X as H2,
+  Z as H3,
+  $ as H4,
+  eo as H5,
+  ro as H6,
   w as Image,
-  D as Input,
-  l as Loader,
-  x as OtpInput,
+  F as Input,
+  s as Loader,
+  i as OtpInput,
   B as P,
   m as PageLoader,
   a as Pagination,
-  V as RadioGroup,
-  c as Selectbox,
-  b as Shimmer,
-  p as Spinner,
-  G as Textarea,
+  j as RadioGroup,
+  P as Selectbox,
+  h as Shimmer,
+  d as Spinner,
+  O as Textarea,
   S as Timer,
   t as Toast,
+  f as ToastContainer,
   L as VideoPlayer,
-  z as colors,
-  K as icons,
-  E as utils
+  A as colors,
+  M as icons,
+  J as utils
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meticulous-ui",
-  "version": "2.9.1",
+  "version": "2.9.3",
   "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",