meticulous-ui 3.2.8 → 3.3.0

package/components/Button/Button.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useRef as x } from "react";
 import D from "../Spinner/Spinner.js";
-import I from "../../colors/index.js";
+import I from "../../colors/colorMap.js";
 import u from "../../colors/blue.js";
 import { ButtonWrapper as R, SpinnerWrapper as B, Content as E, ButtonContainer as L } from "./styles.js";
 import S from "../Ripple/Ripple.js";

package/components/Dropdown/Dropdown.js

@@ -2,7 +2,7 @@ import { jsxs as C, jsx as u } from "react/jsx-runtime";
 import { useState as $, useId as le, useRef as v, useMemo as ae, useEffect as h, useLayoutEffect as ue, useCallback as fe, createElement as de } from "react";
 import E from "../../colors/grey.js";
 import pe from "../MenuItem/MenuItem.js";
-import me from "../../colors/index.js";
+import me from "../../colors/colorMap.js";
 import he from "../../colors/blue.js";
 import K from "../Spinner/Spinner.js";
 import { DropdownWrapper as be, Box as we, PWrapper as xe, ChevronDownWrapper as ge, OptionWrapper as Ie, SearchContainer as ke, SearchIcon as Se, SearchInput as Ce, OptionsList as $e, LoadMoreSentinel as ve, SpinnerWrapper as ye } from "./styles.js";

package/components/Icons/{index.js → iconsMap.js}

@@ -491,250 +491,5 @@ const lf = {
   Youtube: bm
 };
 export {
-  i as Add,
-  r as AddCircle,
-  o as AddCircleFilled,
-  m as ArrowDown,
-  t as ArrowLeft,
-  e as ArrowRight,
-  l as ArrowUp,
-  p as BagFilled,
-  f as BagOutline,
-  n as BellFilled,
-  d as BellOffFilled,
-  u as BellOffOutline,
-  a as BellOutline,
-  F as BookmarkFilled,
-  O as BookmarkOutline,
-  c as BoxCoveredFilled,
-  C as BoxCoveredOutline,
-  s as BoxFilled,
-  h as BoxOutline,
-  S as CalendarDays,
-  k as CalendarLinesPen,
-  T as CartCheckFilled,
-  y as CartCheckOutline,
-  g as CartCrossFilled,
-  P as CartCrossOutline,
-  B as CartFilled,
-  D as CartMinusFilled,
-  M as CartMinusOutline,
-  L as CartOutline,
-  b as CartPlusFilled,
-  x as CartPlusOutline,
-  A as Check,
-  w as CheckDouble,
-  R as ChevronDown,
-  v as ChevronLeft,
-  E as ChevronRight,
-  H as ChevronUp,
-  K as ClockCircleOutline,
-  W as ClockSquareOutline,
-  U as Close,
-  I as CloseCircleFilled,
-  q as CloseCircleOutline,
-  V as CommentBubbleFilled,
-  z as CommentBubbleOutline,
-  N as CommentFilled,
-  Y as CommentLineFilled,
-  G as CommentLineOutline,
-  j as CommentOutline,
-  J as ContactDetailsFilled,
-  Q as ContactDetailsOutline,
-  X as DeliveryTruckFastFilled,
-  Z as DeliveryTruckFastOutline,
-  _ as DeliveryTruckLeftFilled,
-  $ as DeliveryTruckLeftOutline,
-  oo as DeliveryTruckRightFilled,
-  ro as DeliveryTruckRightOutline,
-  io as DetailsOutline,
-  mo as DiscordConversation,
-  to as DiscordFilled,
-  eo as DiscordOutline,
-  lo as DoorClosedFilled,
-  po as DoorClosedOutline,
-  fo as DoorOpenFilled,
-  no as DoorOpenOutline,
-  uo as DotsHorizontalFilled,
-  ao as DotsHorizontalOutline,
-  Fo as DotsVerticalFilled,
-  Oo as DotsVerticalOutline,
-  so as Download,
-  co as DownloadBoxFilled,
-  Co as DownloadBoxOutline,
-  ho as EditBoxThick,
-  So as EditBoxThin,
-  ko as EmailFilled,
-  To as EmailOutline,
-  yo as ExitArrowInOutline,
-  go as ExitArrowOutOutline,
-  Bo as ExitFullScreen,
-  Po as ExitFullScreenThick,
-  Do as EyeClosed,
-  Mo as EyeFilled,
-  Lo as EyeOutline,
-  bo as FacebookFilled,
-  xo as FacebookMessengerOutline,
-  wo as FacebookOutline,
-  Ao as FacebookRoundFilled,
-  Ho as Filter,
-  Ro as FilterList,
-  vo as FilterThickFilled,
-  Eo as FilterThickOutline,
-  Ko as FullScreenArrowThick,
-  Wo as FullScreenArrowThin,
-  Io as FullScreenExit,
-  qo as FullScreenFilled,
-  Uo as FullScreenOutline,
-  Vo as HamburgerMenu,
-  zo as HamburgerSpaced,
-  No as HeartFilled,
-  Yo as HeartOutline,
-  Jo as Help,
-  Go as HelpCircleFilled,
-  jo as HelpCircleOutline,
-  Qo as HomeFilled,
-  Xo as HomeOutline,
-  rr as Info,
-  Zo as InfoCircleFilled,
-  _o as InfoCircleOutline,
-  $o as InfoSquareFilled,
-  or as InfoSquareOutline,
-  ir as InstagramOuline,
-  mr as InstagramRoundFilled,
-  tr as KeyFilled,
-  er as KeyInSquareFilled,
-  lr as KeyInSquareOutline,
-  pr as KeyOutline,
-  fr as KeySideSquareFilled,
-  nr as KeySideSquareOutline,
-  dr as KeySquareFilled,
-  ur as KeySquareOutline,
-  ar as Link,
-  Fr as LinkedinFilled,
-  Or as LinkedinOutline,
-  cr as LinkedinRoundFilled,
-  Cr as Loading,
-  sr as LocationArrowFilled,
-  hr as LocationArrowOutline,
-  Sr as LocationFilled,
-  kr as LocationOutline,
-  Pr as LockKeyhole,
-  Tr as LockKeyholeOutline,
-  gr as LockKeyholeUnlocked,
-  yr as LockKeyholeUnlockedOutline,
-  Br as MediaPauseCircleFilled,
-  Dr as MediaPauseCircleOuline,
-  Mr as MediaPauseFilled,
-  Lr as MediaPauseOutline,
-  br as MediaPlayCircleFilled,
-  xr as MediaPlayCircleOutline,
-  wr as MediaPlayFilled,
-  Ar as MediaPlayOutline,
-  Rr as MediaStopCircleFilled,
-  vr as MediaStopCircleOutline,
-  Er as MediaStopFilled,
-  Hr as MediaStopOutline,
-  Ir as Minus,
-  Wr as MinusCircle,
-  Kr as MinusCircleFilled,
-  qr as MoneyBagOutline,
-  Ur as MoneyBriefcaseFilled,
-  Vr as MoneyBriefcaseOutline,
-  Yr as NoEntry,
-  zr as NoEntryFilled,
-  Nr as NoEntryOutline,
-  Gr as PaymentCardFilled,
-  jr as PaymentCardOutline,
-  Jr as PhoneCallingFilled,
-  Qr as PhoneCallingOutline,
-  Xr as PhoneFilled,
-  Zr as PhoneOutline,
-  li as Pin,
-  _r as PinAddFilled,
-  $r as PinAddOutline,
-  oi as PinCircleFilled,
-  ri as PinCircleOutline,
-  ii as PinFilled,
-  mi as PinOutline,
-  ti as PinSubFilled,
-  ei as PinSubOutline,
-  pi as PinterestFilled,
-  fi as PinterestOutline,
-  ni as ProfileFemaleOutline,
-  di as ProfileGroupFilled,
-  ui as ProfileMaleFilled,
-  ai as ProfileMaleOutline,
-  Fi as RedditFilled,
-  Oi as RedditOutline,
-  ci as RedditRoundFilled,
-  Ci as RedditRoundOutline,
-  si as RupeeOutlined,
-  hi as RupeeSign,
-  Si as SaveFilled,
-  ki as SaveOutline,
-  Ti as Search,
-  yi as SettingFilled,
-  gi as SettingOutline,
-  Pi as ShareAllFilled,
-  Bi as ShareAllOutline,
-  Di as ShareBoxOutline,
-  Mi as ShareFilled,
-  Li as ShareOutline,
-  bi as ShareThickFilled,
-  xi as ShieldCheckFilled,
-  wi as ShieldCheckOutline,
-  Ai as ShieldCrossFilled,
-  Ri as ShieldCrossOutline,
-  vi as ShieldFilled,
-  Ei as ShieldOutline,
-  Hi as ShieldWarningFilled,
-  Ki as ShieldWarningOutline,
-  Wi as SnapchatFilled,
-  Ii as SnapchatOutline,
-  qi as SortBottomToTop,
-  Ui as SortHorizontal,
-  Vi as SortTopToBottom,
-  zi as SortVertical,
-  Ni as StarFilled,
-  Yi as StarOutline,
-  Gi as TelegramFilled,
-  ji as TelegramOutline,
-  Ji as TelegramRoundFilled,
-  Qi as ThumbsDownFilled,
-  Xi as ThumbsDownOutline,
-  Zi as ThumbsUpFilled,
-  _i as ThumbsUpOutline,
-  $i as TiktokBox,
-  om as TiktokThickFilled,
-  rm as TiktokThinFilled,
-  im as TrashBigFilled,
-  mm as TrashBigOutline,
-  tm as TrashFilled,
-  em as TrashLinesFilled,
-  lm as TrashLinesOutline,
-  pm as TrashOutline,
-  dm as Upload,
-  fm as UploadBoxFilled,
-  nm as UploadBoxOutline,
-  um as VolumeFilled,
-  am as VolumeMuteFilled,
-  Fm as VolumeMuteOutline,
-  Om as VolumeOffFilled,
-  cm as VolumeOffOutline,
-  Cm as VolumeOutline,
-  sm as WalletFilled,
-  hm as WalletOutline,
-  Pm as Warning,
-  Sm as WarningCircleFilled,
-  km as WarningCircleOutline,
-  Tm as WarningSmall,
-  ym as WarningTriangleFilled,
-  gm as WarningTriangleOutline,
-  Bm as WhatsappFilled,
-  Dm as WhatsappOutline,
-  bm as Youtube,
-  Mm as YoutubeFilled,
-  Lm as YoutubeRoundFilled,
   lf as default
 };

package/components/Input/FileUploader/FileUploader.js

@@ -5,7 +5,7 @@ import F from "../../../colors/white.js";
 import x from "../../../colors/blue.js";
 import H from "../../../colors/grey.js";
 import P from "../../Icons/Link/Link.js";
-import Z from "../../../colors/index.js";
+import Z from "../../../colors/colorMap.js";
 import q from "../../Ripple/Ripple.js";
 import { SIZE as A, MEDIUM as G } from "./constants.js";
 const J = ({ theme: t, children: l }) => /* @__PURE__ */ o(q, { rippleColor: t.m100, children: l }), oo = ({

package/components/Input/Input/helpers.js

@@ -9,7 +9,7 @@ import a from "../../../colors/violet.js";
 import c from "../../../colors/teal.js";
 import s from "../../../colors/purple.js";
 import y from "../../../colors/pink.js";
-import b from "../../Icons/index.js";
+import b from "../../Icons/iconsMap.js";
 const d = {
   blue: l.m500,
   green: n.m500,

package/components/Pagination/Pagination.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as f } from "react/jsx-runtime";
 import { useRef as S, useEffect as u } from "react";
 import { PrevArrow as M, renderPageNum as t, NextArrow as R, renderThreeDots as $ } from "./helpers.js";
-import j from "../../colors/index.js";
+import j from "../../colors/colorMap.js";
 import G from "../../colors/teal.js";
 import { ICON_SIZE_MAPPING as L, MEDIUM as U, SIZE_REM_MAPPING as Z } from "./constants.js";
 import { AllPages as v, MiddleLayer as x } from "./styles.js";

package/components/Ripple/Ripple.js

@@ -1,38 +1,42 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useRef as g } from "react";
-/* empty css           */
-const C = ({
-  children: s,
+import { jsx as f } from "react/jsx-runtime";
+import { useRef as y } from "react";
+const h = ".ripple-container{position:relative;overflow:hidden;display:inline-block;cursor:pointer}.ripple-effect{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation 600ms linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}";
+if (typeof document < "u" && !document.getElementById("meticulous-ripple-styles")) {
+  const i = document.createElement("style");
+  i.id = "meticulous-ripple-styles", i.textContent = h, document.head.appendChild(i);
+}
+const R = ({
+  children: i,
   rippleColor: p = "rgba(255, 255, 255, 0.3)",
   className: a = "",
   ...d
 }) => {
-  const r = g(null), c = (t, n) => {
-    const i = r.current;
-    if (!i) return;
-    const e = document.createElement("span"), l = i.getBoundingClientRect(), o = Math.max(l.width, l.height);
-    e.style.width = e.style.height = `${o}px`, e.style.left = `${t - o / 2}px`, e.style.top = `${n - o / 2}px`, e.style.backgroundColor = p, e.classList.add("ripple-effect"), i.appendChild(e), e.addEventListener("animationend", () => e.remove());
+  const o = y(null), s = (t, n) => {
+    const r = o.current;
+    if (!r) return;
+    const e = document.createElement("span"), c = r.getBoundingClientRect(), l = Math.max(c.width, c.height);
+    e.style.width = e.style.height = `${l}px`, e.style.left = `${t - l / 2}px`, e.style.top = `${n - l / 2}px`, e.style.backgroundColor = p, e.classList.add("ripple-effect"), r.appendChild(e), e.addEventListener("animationend", () => e.remove());
   }, u = (t) => {
     if (t.detail === 0) return;
-    const n = r.current.getBoundingClientRect();
-    c(t.clientX - n.left, t.clientY - n.top);
-  }, f = (t) => {
+    const n = o.current.getBoundingClientRect();
+    s(t.clientX - n.left, t.clientY - n.top);
+  }, m = (t) => {
     if (t.key !== "Enter" && t.key !== " ") return;
-    const n = r.current.getBoundingClientRect();
-    c(n.width / 2, n.height / 2);
+    const n = o.current.getBoundingClientRect();
+    s(n.width / 2, n.height / 2);
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ f(
     "div",
     {
-      ref: r,
+      ref: o,
       className: `ripple-container ${a}`,
       onClick: u,
-      onKeyDown: f,
+      onKeyDown: m,
       ...d,
-      children: s
+      children: i
     }
   );
 };
 export {
-  C as default
+  R as default
 };

package/components/Selectbox/Selectbox.js

@@ -1,7 +1,7 @@
 import { jsxs as $, jsx as i } from "react/jsx-runtime";
 import { useState as C, useId as T, useRef as v, useMemo as ce, useEffect as I, useLayoutEffect as le, useCallback as ae } from "react";
 import O from "../../colors/grey.js";
-import ue from "../../colors/index.js";
+import ue from "../../colors/colorMap.js";
 import de from "../../colors/blue.js";
 import pe from "../Input/Checkbox/Checkbox.js";
 import U from "../Spinner/Spinner.js";

package/components/Spinner/Spinner.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { SpinnerSVG as s, SpinnerCircle as a } from "./styles.js";
-import h from "../../colors/index.js";
+import h from "../../colors/colorMap.js";
 import d from "../../colors/green.js";
 import p from "../../colors/white.js";
 import c from "../../colors/grey.js";

package/hooks/useCopyToClipboard.js

@@ -0,0 +1,14 @@
+import { useState as a } from "react";
+const c = () => {
+  const [e, t] = a(!1);
+  return [e, async (o) => {
+    try {
+      await navigator.clipboard.writeText(o), t(!0), setTimeout(() => t(!1), 2e3);
+    } catch {
+      t(!1);
+    }
+  }];
+};
+export {
+  c as default
+};

package/hooks/useDebounce.js

@@ -0,0 +1,11 @@
+import { useState as c, useEffect as n } from "react";
+const d = (e, t) => {
+  const [o, s] = c(e);
+  return n(() => {
+    const u = setTimeout(() => s(e), t);
+    return () => clearTimeout(u);
+  }, [e, t]), o;
+};
+export {
+  d as default
+};

package/hooks/useEventListener.js

@@ -0,0 +1,15 @@
+import { useRef as o, useEffect as c } from "react";
+const f = (r, s, e = window) => {
+  const t = o(s);
+  c(() => {
+    t.current = s;
+  }, [s]), c(() => {
+    const n = e && "current" in e ? e.current : e;
+    if (!(n != null && n.addEventListener)) return;
+    const u = (i) => t.current(i);
+    return n.addEventListener(r, u), () => n.removeEventListener(r, u);
+  }, [r, e]);
+};
+export {
+  f as default
+};

package/hooks/useFirstRender.js

@@ -0,0 +1,10 @@
+import { useRef as r, useEffect as t } from "react";
+const u = () => {
+  const e = r(!0);
+  return t(() => {
+    e.current = !1;
+  }, []), e.current;
+};
+export {
+  u as default
+};

package/hooks/useIntersectionObserver.js

@@ -0,0 +1,13 @@
+import { useState as u, useEffect as l } from "react";
+const b = (r, e = {}) => {
+  const [s, o] = u(null);
+  return l(() => {
+    const t = r.current;
+    if (!t) return;
+    const n = new IntersectionObserver(([c]) => o(c), e);
+    return n.observe(t), () => n.disconnect();
+  }, [r, e.threshold, e.root, e.rootMargin]), s;
+};
+export {
+  b as default
+};

package/hooks/useInterval.js

@@ -0,0 +1,14 @@
+import { useRef as u, useEffect as n } from "react";
+const o = (e, r) => {
+  const t = u(e);
+  n(() => {
+    t.current = e;
+  }, [e]), n(() => {
+    if (r === null) return;
+    const s = setInterval(() => t.current(), r);
+    return () => clearInterval(s);
+  }, [r]);
+};
+export {
+  o as default
+};

package/hooks/useIsMounted.js

@@ -0,0 +1,10 @@
+import { useRef as t, useEffect as r } from "react";
+const s = () => {
+  const e = t(!1);
+  return r(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), e;
+};
+export {
+  s as default
+};

package/hooks/useLocalStorage.js

@@ -0,0 +1,28 @@
+import { useState as n } from "react";
+const g = (e, o) => {
+  const [r, c] = n(() => {
+    try {
+      const t = localStorage.getItem(e);
+      return t !== null ? JSON.parse(t) : o;
+    } catch {
+      return o;
+    }
+  });
+  return [r, (t) => {
+    const s = typeof t == "function" ? t(r) : t;
+    c(s);
+    try {
+      localStorage.setItem(e, JSON.stringify(s));
+    } catch {
+    }
+  }, () => {
+    c(o);
+    try {
+      localStorage.removeItem(e);
+    } catch {
+    }
+  }];
+};
+export {
+  g as default
+};

package/hooks/useMediaQuery.js

@@ -0,0 +1,11 @@
+import { useState as o, useEffect as r } from "react";
+const h = (e) => {
+  const [n, s] = o(() => window.matchMedia(e).matches);
+  return r(() => {
+    const t = window.matchMedia(e), a = (c) => s(c.matches);
+    return t.addEventListener("change", a), () => t.removeEventListener("change", a);
+  }, [e]), n;
+};
+export {
+  h as default
+};

package/hooks/useOnlineStatus.js

@@ -0,0 +1,13 @@
+import { useState as o, useEffect as s } from "react";
+const f = () => {
+  const [i, e] = o(navigator.onLine);
+  return s(() => {
+    const n = () => e(!0), t = () => e(!1);
+    return window.addEventListener("online", n), window.addEventListener("offline", t), () => {
+      window.removeEventListener("online", n), window.removeEventListener("offline", t);
+    };
+  }, []), i;
+};
+export {
+  f as default
+};

package/hooks/useOutsideClick.js

@@ -0,0 +1,14 @@
+import { useEffect as r } from "react";
+const u = (e, n) => {
+  r(() => {
+    const t = (o) => {
+      e.current && !e.current.contains(o.target) && n(o);
+    };
+    return document.addEventListener("mousedown", t), document.addEventListener("touchstart", t), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", t);
+    };
+  }, [e, n]);
+};
+export {
+  u as default
+};

package/hooks/usePrevious.js

@@ -0,0 +1,10 @@
+import { useRef as t, useEffect as u } from "react";
+const n = (r) => {
+  const e = t(void 0);
+  return u(() => {
+    e.current = r;
+  }), e.current;
+};
+export {
+  n as default
+};

package/hooks/useSessionStorage.js

@@ -0,0 +1,28 @@
+import { useState as c } from "react";
+const g = (e, s) => {
+  const [o, r] = c(() => {
+    try {
+      const t = sessionStorage.getItem(e);
+      return t !== null ? JSON.parse(t) : s;
+    } catch {
+      return s;
+    }
+  });
+  return [o, (t) => {
+    const n = typeof t == "function" ? t(o) : t;
+    r(n);
+    try {
+      sessionStorage.setItem(e, JSON.stringify(n));
+    } catch {
+    }
+  }, () => {
+    r(s);
+    try {
+      sessionStorage.removeItem(e);
+    } catch {
+    }
+  }];
+};
+export {
+  g as default
+};

package/hooks/useThrottle.js

@@ -0,0 +1,16 @@
+import { useState as c, useRef as u, useEffect as i } from "react";
+const f = (t, e) => {
+  const [r, n] = c(t), o = u(Date.now());
+  return i(() => {
+    const s = e - (Date.now() - o.current), a = setTimeout(
+      () => {
+        n(t), o.current = Date.now();
+      },
+      Math.max(0, s)
+    );
+    return () => clearTimeout(a);
+  }, [t, e]), r;
+};
+export {
+  f as default
+};

package/hooks/useTimeout.js

@@ -0,0 +1,14 @@
+import { useRef as s, useEffect as u } from "react";
+const f = (e, t) => {
+  const r = s(e);
+  u(() => {
+    r.current = e;
+  }, [e]), u(() => {
+    if (t === null) return;
+    const o = setTimeout(() => r.current(), t);
+    return () => clearTimeout(o);
+  }, [t]);
+};
+export {
+  f as default
+};

package/hooks/useToggle.js

@@ -0,0 +1,10 @@
+import { useState as u, useCallback as r } from "react";
+const f = (o = !1) => {
+  const [t, a] = u(o), l = r((e) => {
+    a((s) => typeof e == "boolean" ? e : !s);
+  }, []);
+  return [t, l];
+};
+export {
+  f as default
+};

package/hooks/useUnmount.js

@@ -0,0 +1,10 @@
+import { useRef as u, useEffect as r } from "react";
+const s = (e) => {
+  const t = u(e);
+  r(() => {
+    t.current = e;
+  }, [e]), r(() => () => t.current(), []);
+};
+export {
+  s as default
+};

package/hooks/useWindowSize.js

@@ -0,0 +1,14 @@
+import { useState as t, useEffect as r } from "react";
+const w = () => {
+  const [i, n] = t({
+    width: window.innerWidth,
+    height: window.innerHeight
+  });
+  return r(() => {
+    const e = () => n({ width: window.innerWidth, height: window.innerHeight });
+    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, []), i;
+};
+export {
+  w as default
+};