meticulous-ui 2.5.3 → 2.5.5

package/components/Loader/Loader.js

@@ -1,25 +1,25 @@
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
-import h from "lodash-es/get";
-import { LoaderWrapper as u, VisuallyHidden as L, Dot as $ } from "./styles.js";
-import { SIZE as d, MEDIUM as m, THEME_SHADE as c, MINI_ANIMATION_DELAYS as g, ANIMATION_DELAYS as D, BLUE as M } from "./constants.js";
-import { getTheme as N } from "./helpers.js";
-const j = ({ size: l = m, theme: n = M, isBounce: p, isMini: e }) => {
-  const { dot: i, gap: E } = d[l] || d[m], r = N(n), s = e ? g : D, I = (e ? c.slice(0, 3) : c).map((o) => h(r, o, r.m500)), A = s.map(() => i);
-  return /* @__PURE__ */ f(u, { role: "status", $gap: E, children: [
-    /* @__PURE__ */ a(L, { children: "Loading" }),
-    A.map((o, t) => /* @__PURE__ */ a(
-      $,
+import { jsxs as h, jsx as d } from "react/jsx-runtime";
+import u from "lodash-es/get";
+import { LoaderWrapper as L, VisuallyHidden as $, Dot as g } from "./styles.js";
+import { SIZE as c, MEDIUM as l, THEME_SHADE as t, MINI_ANIMATION_DELAYS as D, ANIMATION_DELAYS as M, BLUE as N } from "./constants.js";
+import { getTheme as _ } from "./helpers.js";
+const B = ({ size: m = l, theme: n = N, isBounce: p, isMini: r, isMiniDark: i }) => {
+  const { dot: E, gap: I } = c[m] || c[l], s = _(n), a = r ? D : M, A = (i ? t.slice(2, 6) : r ? t.slice(0, 3) : t).map((o) => u(s, o, s.m500)), f = a.map(() => E);
+  return /* @__PURE__ */ h(L, { role: "status", $gap: I, children: [
+    /* @__PURE__ */ d($, { children: "Loading" }),
+    f.map((o, e) => /* @__PURE__ */ d(
+      g,
       {
         "aria-hidden": "true",
         $size: o,
-        $color: I[t],
-        $delay: s[t],
+        $color: A[e],
+        $delay: a[e],
         $isBounce: p
       },
-      `dot-${t}`
+      `dot-${e}`
     ))
   ] });
 };
 export {
-  j as default
+  B as default
 };

package/components/Shimmer/Shimmer.js

@@ -3,7 +3,7 @@ import { jsx as o } from "react/jsx-runtime";
 const r = (e) => {
   if (e != null)
     return typeof e == "number" ? `${e}rem` : e;
-}, n = ({ width: e = "", height: t = "", label: i = "Loading..." }) => /* @__PURE__ */ o(
+}, n = ({ width: e = "100%", height: t = "100%", label: i = "Loading..." }) => /* @__PURE__ */ o(
   "div",
   {
     className: "shimmer",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meticulous-ui",
-  "version": "2.5.3",
+  "version": "2.5.5",
   "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",
@@ -45,6 +45,7 @@
     "dropdown",
     "select-box",
     "spinner",
+    "shimmer",
     "otp",
     "colors",
     "shades",