meticulous-ui 3.2.9 → 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";