meticulous-ui 1.1.6 → 1.1.8

package/components/Icons/UploadBoxOutline/UploadBoxOutline.js

@@ -0,0 +1,41 @@
+import { j as C } from "../../../_virtual/jsx-runtime.js";
+import "react";
+const d = ({ size: t = 24, color: l = "currentColor", ...e }) => /* @__PURE__ */ C.jsxs(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...e,
+    children: [
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M7.25 7C7.25 7.41421 7.58579 7.75 8 7.75H16C16.4142 7.75 16.75 7.41421 16.75 7C16.75 6.58579 16.4142 6.25 16 6.25H8C7.58579 6.25 7.25 6.58579 7.25 7Z",
+          fill: l
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11.8107L14.4697 13.5303C14.7626 13.8232 15.2374 13.8232 15.5303 13.5303C15.8232 13.2374 15.8232 12.7626 15.5303 12.4697L12.5303 9.46967C12.3897 9.32902 12.1989 9.25 12 9.25C11.8011 9.25 11.6103 9.32902 11.4697 9.46967L8.46967 12.4697C8.17678 12.7626 8.17678 13.2374 8.46967 13.5303C8.76256 13.8232 9.23744 13.8232 9.53033 13.5303L11.25 11.8107V17C11.25 17.4142 11.5858 17.75 12 17.75Z",
+          fill: l
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M11.9426 1.25C9.63423 1.24999 7.82519 1.24998 6.4137 1.43975C4.96897 1.63399 3.82895 2.03933 2.93414 2.93414C2.03933 3.82895 1.63399 4.96897 1.43975 6.41371C1.24998 7.82519 1.24999 9.63423 1.25 11.9426V12.0574C1.24999 14.3658 1.24998 16.1748 1.43975 17.5863C1.63399 19.031 2.03933 20.1711 2.93414 21.0659C3.82895 21.9607 4.96897 22.366 6.4137 22.5603C7.82519 22.75 9.63423 22.75 11.9426 22.75H12.0574C14.3658 22.75 16.1748 22.75 17.5863 22.5603C19.031 22.366 20.1711 21.9607 21.0659 21.0659C21.9607 20.1711 22.366 19.031 22.5603 17.5863C22.75 16.1748 22.75 14.3658 22.75 12.0574V11.9426C22.75 9.63423 22.75 7.82519 22.5603 6.41371C22.366 4.96897 21.9607 3.82895 21.0659 2.93414C20.1711 2.03933 19.031 1.63399 17.5863 1.43975C16.1748 1.24998 14.3658 1.24999 12.0574 1.25H11.9426ZM3.9948 3.9948C4.56445 3.42514 5.33517 3.09825 6.61358 2.92637C7.91356 2.75159 9.62177 2.75 12 2.75C14.3782 2.75 16.0864 2.75159 17.3864 2.92637C18.6648 3.09825 19.4355 3.42514 20.0052 3.9948C20.5749 4.56445 20.9018 5.33517 21.0736 6.61358C21.2484 7.91356 21.25 9.62178 21.25 12C21.25 14.3782 21.2484 16.0864 21.0736 17.3864C20.9018 18.6648 20.5749 19.4355 20.0052 20.0052C19.4355 20.5749 18.6648 20.9018 17.3864 21.0736C16.0864 21.2484 14.3782 21.25 12 21.25C9.62177 21.25 7.91356 21.2484 6.61358 21.0736C5.33517 20.9018 4.56445 20.5749 3.9948 20.0052C3.42514 19.4355 3.09825 18.6648 2.92637 17.3864C2.75159 16.0864 2.75 14.3782 2.75 12C2.75 9.62178 2.75159 7.91356 2.92637 6.61358C3.09825 5.33517 3.42514 4.56445 3.9948 3.9948Z",
+          fill: l
+        }
+      )
+    ]
+  }
+);
+export {
+  d as default
+};

package/components/Icons/WalletFilled/WalletFilled.js

@@ -0,0 +1,28 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import "react";
+const i = ({ size: t = 24, color: l = "currentColor", ...s }) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "-1.5 0 33 33",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...s,
+    children: [
+      /* @__PURE__ */ e.jsx("title", { children: "wallet" }),
+      /* @__PURE__ */ e.jsx("desc", { children: "Created with Sketch Beta." }),
+      /* @__PURE__ */ e.jsx("defs", {}),
+      /* @__PURE__ */ e.jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", "sketch:type": "MSPage", children: /* @__PURE__ */ e.jsx("g", { "sketch:type": "MSLayerGroup", transform: "translate(-259.000000, -776.000000)", fill: l, children: /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          d: "M283,799 L289,799 L289,797 L283,797 L283,799 Z M287,787 L259,787 L259,807 C259,808.104 259.896,809 261,809 L287,809 C288.104,809 289,808.104 289,807 L289,801 L282,801 C281.448,801 281,800.553 281,800 L281,796 C281,795.448 281.448,795 282,795 L289,795 L289,789 C289,787.896 288.104,787 287,787 L287,787 Z M287,778 C287,777.447 286.764,777.141 286.25,776.938 C285.854,776.781 285.469,776.875 285,777 L259,785 L287,785 L287,778 L287,778 Z",
+          "sketch:type": "MSShapeGroup"
+        }
+      ) }) })
+    ]
+  }
+);
+export {
+  i as default
+};

package/components/Icons/WalletOutline/WalletOutline.js

@@ -0,0 +1,28 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import "react";
+const n = ({ size: t = 24, color: L = "currentColor", ...l }) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "-1.5 0 33 33",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...l,
+    children: [
+      /* @__PURE__ */ e.jsx("title", { children: "wallet" }),
+      /* @__PURE__ */ e.jsx("desc", { children: "Created with Sketch Beta." }),
+      /* @__PURE__ */ e.jsx("defs", {}),
+      /* @__PURE__ */ e.jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", "sketch:type": "MSPage", children: /* @__PURE__ */ e.jsx("g", { "sketch:type": "MSLayerGroup", transform: "translate(-257.000000, -774.000000)", fill: L, children: /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          d: "M285,793 L280,793 C279.448,793 279,793.448 279,794 L279,798 C279,798.553 279.448,799 280,799 L285,799 L285,804 C285,804.553 284.552,805 284,805 L260,805 C259.448,805 259,804.553 259,804 L259,785 L284,785 C284.552,785 285,785.447 285,786 L285,793 L285,793 Z M285,796 L285,797 L281,797 L281,796 L281,795 L285,795 L285,796 L285,796 Z M283,777 L283,783 L263.5,783 L283,777 L283,777 Z M285,783 L285,776 C285,775.447 284.764,775.141 284.25,774.938 C283.854,774.781 283.469,774.875 283,775 L257,783 L257,805 C257,806.104 257.896,807 259,807 L285,807 C286.104,807 287,806.104 287,805 L287,785 C287,783.896 286.104,783 285,783 L285,783 Z",
+          "sketch:type": "MSShapeGroup"
+        }
+      ) }) })
+    ]
+  }
+);
+export {
+  n as default
+};

package/components/Icons/index.js

@@ -0,0 +1,302 @@
+import o from "./AddCircleFilled/AddCircleFilled.js";
+import r from "./AddCircle/AddCircle.js";
+import m from "./Add/Add.js";
+import i from "./ArrowDown/ArrowDown.js";
+import t from "./ArrowLeft/ArrowLeft.js";
+import e from "./ArrowRight/ArrowRight.js";
+import l from "./ArrowUp/ArrowUp.js";
+import f from "./BellFilled/BellFilled.js";
+import p from "./BellOffFilled/BellOffFilled.js";
+import n from "./BellOffOutline/BellOffOutline.js";
+import u from "./BellOutline/BellOutline.js";
+import d from "./BookmarkFilled/BookmarkFilled.js";
+import a from "./BookmarkOutline/BookmarkOutline.js";
+import C from "./CartCheckFilled/CartCheckFilled.js";
+import O from "./CartCheckOutline/CartCheckOutline.js";
+import F from "./CartCrossFilled/CartCrossFilled.js";
+import h from "./CartCrossOutline/CartCrossOutline.js";
+import s from "./CartFilled/CartFilled.js";
+import c from "./CartMinusFilled/CartMinusFilled.js";
+import k from "./CartMinusOutline/CartMinusOutline.js";
+import S from "./CartOutline/CartOutline.js";
+import B from "./CartPlusFilled/CartPlusFilled.js";
+import D from "./CartPlusOutline/CartPlusOutline.js";
+import b from "./CheckDouble/CheckDouble.js";
+import A from "./Check/Check.js";
+import M from "./ChevronDown/ChevronDown.js";
+import g from "./ChevronLeft/ChevronLeft.js";
+import w from "./ChevronRight/ChevronRight.js";
+import L from "./ChevronUp/ChevronUp.js";
+import U from "./ClockCircleOutline/ClockCircleOutline.js";
+import H from "./ClockSquareOutline/ClockSquareOutline.js";
+import x from "./CloseCircleFilled/CloseCircleFilled.js";
+import y from "./CloseCircleOutline/CloseCircleOutline.js";
+import P from "./Close/Close.js";
+import T from "./CommentBubbleFilled/CommentBubbleFilled.js";
+import v from "./CommentBubbleOutline/CommentBubbleOutline.js";
+import K from "./CommentFilled/CommentFilled.js";
+import R from "./CommentLineFilled/CommentLineFilled.js";
+import W from "./CommentLineOutline/CommentLineOutline.js";
+import z from "./CommentOutline/CommentOutline.js";
+import E from "./ContactDetailsFilled/ContactDetailsFilled.js";
+import I from "./ContactDetailsOutline/ContactDetailsOutline.js";
+import V from "./DetailsOutline/DetailsOutline.js";
+import q from "./DotsHorizontalFilled/DotsHorizontalFilled.js";
+import G from "./DotsHorizontalOutline/DotsHorizontalOutline.js";
+import j from "./DotsVerticalFilled/DotsVerticalFilled.js";
+import J from "./DotsVerticalOutline/DotsVerticalOutline.js";
+import N from "./ExitArrowInOutline/ExitArrowInOutline.js";
+import Q from "./ExitArrowOutOutline/ExitArrowOutOutline.js";
+import X from "./HamburgerMenu/HamburgerMenu.js";
+import Y from "./HamburgerSpaced/HamburgerSpaced.js";
+import Z from "./HeartFilled/HeartFilled.js";
+import _ from "./HeartOutline/HeartOutline.js";
+import $ from "./HomeFilled/HomeFilled.js";
+import oo from "./HomeOutline/HomeOutline.js";
+import ro from "./Info/Info.js";
+import mo from "./Link/Link.js";
+import io from "./LockKeyholeOutline/LockKeyholeOutline.js";
+import to from "./LockKeyholeUnlockedOutline/LockKeyholeUnlockedOutline.js";
+import eo from "./LockKeyholeUnlocked/LockKeyholeUnlocked.js";
+import lo from "./LockKeyhole/LockKeyhole.js";
+import fo from "./MinusCircleFilled/MinusCircleFilled.js";
+import po from "./MinusCircle/MinusCircle.js";
+import no from "./Minus/Minus.js";
+import uo from "./MoneyBagOutline/MoneyBagOutline.js";
+import ao from "./MoneyBriefcaseFilled/MoneyBriefcaseFilled.js";
+import Co from "./MoneyBriefcaseOutline/MoneyBriefcaseOutline.js";
+import Oo from "./ProfileFemaleOutline/ProfileFemaleOutline.js";
+import Fo from "./ProfileGroupFilled/ProfileGroupFilled.js";
+import ho from "./ProfileMaleFilled/ProfileMaleFilled.js";
+import so from "./ProfileMaleOutline/ProfileMaleOutline.js";
+import co from "./RupeeOutlined/RupeeOutlined.js";
+import ko from "./RupeeSign/RupeeSign.js";
+import So from "./Search/Search.js";
+import Bo from "./SettingFilled/SettingFilled.js";
+import Do from "./SettingOutline/SettingOutline.js";
+import bo from "./ShareAllFilled/ShareAllFilled.js";
+import Ao from "./ShareAllOutline/ShareAllOutline.js";
+import Mo from "./ShareBoxOutline/ShareBoxOutline.js";
+import go from "./ShareFilled/ShareFilled.js";
+import wo from "./ShareOutline/ShareOutline.js";
+import Lo from "./ShareThickFilled/ShareThickFilled.js";
+import Uo from "./ShieldCheckFilled/ShieldCheckFilled.js";
+import Ho from "./ShieldCheckOutline/ShieldCheckOutline.js";
+import xo from "./ShieldCrossFilled/ShieldCrossFilled.js";
+import yo from "./ShieldCrossOutline/ShieldCrossOutline.js";
+import Po from "./ShieldWarningFilled/ShieldWarningFilled.js";
+import To from "./ShieldWarningOutline/ShieldWarningOutline.js";
+import vo from "./StarFilled/StarFilled.js";
+import Ko from "./StarOutline/StarOutline.js";
+import Ro from "./ThumbsDownFilled/ThumbsDownFilled.js";
+import Wo from "./ThumbsDownOutline/ThumbsDownOutline.js";
+import zo from "./ThumbsUpFilled/ThumbsUpFilled.js";
+import Eo from "./ThumbsUpOutline/ThumbsUpOutline.js";
+import Io from "./UploadBoxFilled/UploadBoxFilled.js";
+import Vo from "./UploadBoxOutline/UploadBoxOutline.js";
+import qo from "./Upload/Upload.js";
+import Go from "./WalletFilled/WalletFilled.js";
+import jo from "./WalletOutline/WalletOutline.js";
+const Rm = {
+  AddCircleFilled: o,
+  AddCircle: r,
+  Add: m,
+  ArrowDown: i,
+  ArrowLeft: t,
+  ArrowRight: e,
+  ArrowUp: l,
+  BellFilled: f,
+  BellOffFilled: p,
+  BellOffOutline: n,
+  BellOutline: u,
+  BookmarkFilled: d,
+  BookmarkOutline: a,
+  CartCheckFilled: C,
+  CartCheckOutline: O,
+  CartCrossFilled: F,
+  CartCrossOutline: h,
+  CartFilled: s,
+  CartMinusFilled: c,
+  CartMinusOutline: k,
+  CartOutline: S,
+  CartPlusFilled: B,
+  CartPlusOutline: D,
+  CheckDouble: b,
+  Check: A,
+  ChevronDown: M,
+  ChevronLeft: g,
+  ChevronRight: w,
+  ChevronUp: L,
+  ClockCircleOutline: U,
+  ClockSquareOutline: H,
+  CloseCircleFilled: x,
+  CloseCircleOutline: y,
+  Close: P,
+  CommentBubbleFilled: T,
+  CommentBubbleOutline: v,
+  CommentFilled: K,
+  CommentLineFilled: R,
+  CommentLineOutline: W,
+  CommentOutline: z,
+  ContactDetailsFilled: E,
+  ContactDetailsOutline: I,
+  DetailsOutline: V,
+  DotsHorizontalFilled: q,
+  DotsHorizontalOutline: G,
+  DotsVerticalFilled: j,
+  DotsVerticalOutline: J,
+  ExitArrowInOutline: N,
+  ExitArrowOutOutline: Q,
+  HamburgerMenu: X,
+  HamburgerSpaced: Y,
+  HeartFilled: Z,
+  HeartOutline: _,
+  HomeFilled: $,
+  HomeOutline: oo,
+  Info: ro,
+  Link: mo,
+  LockKeyholeOutline: io,
+  LockKeyholeUnlockedOutline: to,
+  LockKeyholeUnlocked: eo,
+  LockKeyhole: lo,
+  MinusCircleFilled: fo,
+  MinusCircle: po,
+  Minus: no,
+  MoneyBagOutline: uo,
+  MoneyBriefcaseFilled: ao,
+  MoneyBriefcaseOutline: Co,
+  ProfileFemaleOutline: Oo,
+  ProfileGroupFilled: Fo,
+  ProfileMaleFilled: ho,
+  ProfileMaleOutline: so,
+  RupeeOutlined: co,
+  RupeeSign: ko,
+  Search: So,
+  SettingFilled: Bo,
+  SettingOutline: Do,
+  ShareAllFilled: bo,
+  ShareAllOutline: Ao,
+  ShareBoxOutline: Mo,
+  ShareFilled: go,
+  ShareOutline: wo,
+  ShareThickFilled: Lo,
+  ShieldCheckFilled: Uo,
+  ShieldCheckOutline: Ho,
+  ShieldCrossFilled: xo,
+  ShieldCrossOutline: yo,
+  ShieldWarningFilled: Po,
+  ShieldWarningOutline: To,
+  StarFilled: vo,
+  StarOutline: Ko,
+  ThumbsDownFilled: Ro,
+  ThumbsDownOutline: Wo,
+  ThumbsUpFilled: zo,
+  ThumbsUpOutline: Eo,
+  UploadBoxFilled: Io,
+  UploadBoxOutline: Vo,
+  Upload: qo,
+  WalletFilled: Go,
+  WalletOutline: jo
+};
+export {
+  m as Add,
+  r as AddCircle,
+  o as AddCircleFilled,
+  i as ArrowDown,
+  t as ArrowLeft,
+  e as ArrowRight,
+  l as ArrowUp,
+  f as BellFilled,
+  p as BellOffFilled,
+  n as BellOffOutline,
+  u as BellOutline,
+  d as BookmarkFilled,
+  a as BookmarkOutline,
+  C as CartCheckFilled,
+  O as CartCheckOutline,
+  F as CartCrossFilled,
+  h as CartCrossOutline,
+  s as CartFilled,
+  c as CartMinusFilled,
+  k as CartMinusOutline,
+  S as CartOutline,
+  B as CartPlusFilled,
+  D as CartPlusOutline,
+  A as Check,
+  b as CheckDouble,
+  M as ChevronDown,
+  g as ChevronLeft,
+  w as ChevronRight,
+  L as ChevronUp,
+  U as ClockCircleOutline,
+  H as ClockSquareOutline,
+  P as Close,
+  x as CloseCircleFilled,
+  y as CloseCircleOutline,
+  T as CommentBubbleFilled,
+  v as CommentBubbleOutline,
+  K as CommentFilled,
+  R as CommentLineFilled,
+  W as CommentLineOutline,
+  z as CommentOutline,
+  E as ContactDetailsFilled,
+  I as ContactDetailsOutline,
+  V as DetailsOutline,
+  q as DotsHorizontalFilled,
+  G as DotsHorizontalOutline,
+  j as DotsVerticalFilled,
+  J as DotsVerticalOutline,
+  N as ExitArrowInOutline,
+  Q as ExitArrowOutOutline,
+  X as HamburgerMenu,
+  Y as HamburgerSpaced,
+  Z as HeartFilled,
+  _ as HeartOutline,
+  $ as HomeFilled,
+  oo as HomeOutline,
+  ro as Info,
+  mo as Link,
+  lo as LockKeyhole,
+  io as LockKeyholeOutline,
+  eo as LockKeyholeUnlocked,
+  to as LockKeyholeUnlockedOutline,
+  no as Minus,
+  po as MinusCircle,
+  fo as MinusCircleFilled,
+  uo as MoneyBagOutline,
+  ao as MoneyBriefcaseFilled,
+  Co as MoneyBriefcaseOutline,
+  Oo as ProfileFemaleOutline,
+  Fo as ProfileGroupFilled,
+  ho as ProfileMaleFilled,
+  so as ProfileMaleOutline,
+  co as RupeeOutlined,
+  ko as RupeeSign,
+  So as Search,
+  Bo as SettingFilled,
+  Do as SettingOutline,
+  bo as ShareAllFilled,
+  Ao as ShareAllOutline,
+  Mo as ShareBoxOutline,
+  go as ShareFilled,
+  wo as ShareOutline,
+  Lo as ShareThickFilled,
+  Uo as ShieldCheckFilled,
+  Ho as ShieldCheckOutline,
+  xo as ShieldCrossFilled,
+  yo as ShieldCrossOutline,
+  Po as ShieldWarningFilled,
+  To as ShieldWarningOutline,
+  vo as StarFilled,
+  Ko as StarOutline,
+  Ro as ThumbsDownFilled,
+  Wo as ThumbsDownOutline,
+  zo as ThumbsUpFilled,
+  Eo as ThumbsUpOutline,
+  qo as Upload,
+  Io as UploadBoxFilled,
+  Vo as UploadBoxOutline,
+  Go as WalletFilled,
+  jo as WalletOutline,
+  Rm as default
+};

package/components/Pagination/Pagination.js

@@ -0,0 +1,60 @@
+import { j as c } from "../../_virtual/jsx-runtime.js";
+import K from "../../node_modules/lodash-es/get.js";
+import h from "../../node_modules/lodash-es/range.js";
+import { PrevArrow as w, renderPageNum as x, NextArrow as A, renderThreeDots as I } from "./helpers.js";
+import R from "../../colors/index.js";
+import S from "../../colors/teal.js";
+import { ICON_SIZE_MAPPING as _, MEDIUM as v, SIZE_REM_MAPPING as $ } from "./constants.js";
+import { AllPages as M, MiddleLayer as y } from "./styles.js";
+const k = ({
+  pageNumber: n,
+  setPageNumber: D,
+  totalPages: r,
+  theme: E = "lime",
+  size: i = v,
+  isDisabled: j = !1
+}) => {
+  const d = (e) => {
+    e !== n && D(e);
+  }, f = () => {
+    n > 1 && d(n - 1);
+  }, t = () => {
+    n < r && d(n + 1);
+  }, m = (e) => {
+    console.log({ e }), ["ArrowLeft", "ArrowUp"].includes(e.code) && f(), ["ArrowRight", "ArrowDown"].includes(e.code) && t();
+  }, o = K(R, E, S), l = $[i], s = _[i];
+  return r <= 7 ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
+    /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
+    /* @__PURE__ */ c.jsx(y, { size: `${r * l}rem`, children: h(1, r + 1).map(
+      x({ size: i, selected: n, shades: o, changePage: d })
+    ) }),
+    /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
+  ] }) : r < 10 || n < 4 || n > r - 3 && n <= r ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
+    /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
+    /* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
+      h(1, 5).map(x({ size: i, selected: n, shades: o, changePage: d })),
+      I(),
+      [r - 3, r - 2, r - 1, r].map(
+        x({ size: i, selected: n, shades: o, changePage: d })
+      )
+    ] }),
+    /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
+  ] }) : /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
+    /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
+    /* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
+      h(1, 3).map(x({ size: i, selected: n, shades: o, changePage: d })),
+      I(),
+      [n - 1, n, n + 1].map(
+        x({ size: i, selected: n, shades: o, changePage: d })
+      ),
+      I(),
+      [r - 1, r].map(
+        x({ size: i, selected: n, shades: o, changePage: d })
+      )
+    ] }),
+    /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
+  ] });
+};
+export {
+  k as default
+};

package/components/Pagination/constants.js

@@ -0,0 +1,24 @@
+const _ = "small", I = "medium", E = "large", M = {
+  [_]: 1.9,
+  [I]: 2.6,
+  [E]: 3.1
+}, S = {
+  [_]: 1,
+  [I]: 1.2,
+  [E]: 1.4
+}, L = {
+  [_]: 18,
+  [I]: 19,
+  [E]: 20
+}, t = "selected_bg", N = "not_selected_bg", A = "active_not_selected_bg";
+export {
+  A as ACTIVE_NOT_SELECTED_BG,
+  S as FONT_SIZE_MAPPING,
+  L as ICON_SIZE_MAPPING,
+  E as LARGE,
+  I as MEDIUM,
+  N as NOT_SELECTED_BG,
+  t as SELECTED_BG,
+  M as SIZE_REM_MAPPING,
+  _ as SMALL
+};

package/components/Pagination/helpers.js

@@ -0,0 +1,32 @@
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import s from "../Ripple/Ripple.js";
+import { FONT_SIZE_MAPPING as x, SIZE_REM_MAPPING as h } from "./constants.js";
+import { ClickableChevronLeft as j, Page as p, ClickableChevronRight as C, P as t } from "./styles.js";
+const R = ({ size: e, selected: i, shades: n, changePage: c }) => (o) => {
+  const l = h[e], m = x[e], d = () => {
+    c(o);
+  };
+  return /* @__PURE__ */ r.jsx(
+    p,
+    {
+      "data-testid": i === o ? "current-page" : `test-${o}`,
+      isSelected: i === o,
+      onClick: d,
+      shades: n,
+      individualRemSize: l,
+      fontRemSize: m,
+      children: o
+    },
+    `page_${o}`
+  );
+}, u = () => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  /* @__PURE__ */ r.jsx(t, { children: "." }),
+  /* @__PURE__ */ r.jsx(t, { children: "." }),
+  /* @__PURE__ */ r.jsx(t, { children: "." })
+] }), N = ({ iconSize: e, shades: i, setPrevPage: n }) => /* @__PURE__ */ r.jsx(s, { rippleColor: i.m50, children: /* @__PURE__ */ r.jsx(j, { size: e, onClick: n }) }), S = ({ iconSize: e, shades: i, setNextPage: n }) => /* @__PURE__ */ r.jsx(s, { rippleColor: i.m50, children: /* @__PURE__ */ r.jsx(C, { size: e, onClick: n }) });
+export {
+  S as NextArrow,
+  N as PrevArrow,
+  R as renderPageNum,
+  u as renderThreeDots
+};

package/components/Pagination/index.js

@@ -0,0 +1,4 @@
+import o from "./Pagination.js";
+export {
+  o as default
+};

package/components/Pagination/styles.js

@@ -0,0 +1,75 @@
+import o, { css as i } from "../../node_modules/styled-components/dist/styled-components.browser.esm.js";
+import a from "../Icons/ChevronLeft/ChevronLeft.js";
+import f from "../Icons/ChevronRight/ChevronRight.js";
+import c from "../../colors/grey.js";
+import n from "../../colors/white.js";
+import d from "../../colors/black.js";
+import { SELECTED_BG as m, NOT_SELECTED_BG as l, ACTIVE_NOT_SELECTED_BG as s } from "./constants.js";
+const t = (r) => ({ shades: e }) => {
+  if (["#FFFFFF"].includes(e))
+    return d.m900;
+  if (r === m)
+    return e.m500;
+  if (r === l)
+    return e.m50;
+  if (r === s)
+    return e.m100;
+}, E = o.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.6rem;
+  min-width: 100%;
+  width: 100%;
+
+  ${({ isDisabled: r }) => r && i`
+      pointer-events: none;
+      opacity: 0.4;
+    `};
+`, b = o.div`
+  height: ${({ individualRemSize: r }) => `${r}rem`};
+  width: ${({ individualRemSize: r }) => `${r}rem`};
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  text-align: center;
+  font-size: ${({ fontRemSize: r }) => r}rem;
+  ${({ isSelected: r }) => r ? i`
+          cursor: auto;
+          color: ${n};
+          background-color: ${t(m)};
+        ` : i`
+          cursor: pointer;
+          color: ${c.m500};
+
+          &:hover {
+            background-color: ${t(l)};
+          }
+
+          &:active {
+            background-color: ${t(s)};
+            color: ${n};
+          }
+        `}
+`, y = o.p`
+  color: ${c.m500};
+`, k = o(a)`
+  cursor: pointer;
+`, w = o(f)`
+  cursor: pointer;
+`, x = o.div`
+  min-width: ${({ size: r }) => r};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`;
+export {
+  E as AllPages,
+  k as ClickableChevronLeft,
+  w as ClickableChevronRight,
+  x as MiddleLayer,
+  y as P,
+  b as Page
+};

package/components/Ripple/Ripple.js

@@ -0,0 +1,26 @@
+import { j as m } from "../../_virtual/jsx-runtime.js";
+import { useRef as d } from "react";
+/* empty css           */
+const x = ({ children: s, rippleColor: l = "rgba(0,0,0,0.3)", className: p = "", ...c }) => {
+  const r = d(null), a = (o) => {
+    const n = r.current;
+    if (!n) return;
+    const e = document.createElement("span");
+    e.className = "ripple", e.style.backgroundColor = l;
+    const t = n.getBoundingClientRect(), i = Math.max(t.width, t.height);
+    e.style.width = e.style.height = `${i}px`, e.style.left = `${o.clientX - t.left - i / 2}px`, e.style.top = `${o.clientY - t.top - i / 2}px`, n.appendChild(e), e.addEventListener("animationend", () => e.remove());
+  };
+  return /* @__PURE__ */ m.jsx(
+    "div",
+    {
+      ref: r,
+      onClick: a,
+      className: `ripple-container ${p}`,
+      ...c,
+      children: s
+    }
+  );
+};
+export {
+  x as default
+};

package/components/Ripple/index.js

@@ -0,0 +1,4 @@
+import e from "./Ripple.js";
+export {
+  e as default
+};

package/components/Toast/Toast.js

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