meticulous-ui 1.1.2 → 1.1.4

package/components/Icons/UploadBoxFilled/UploadBoxFilled.js

@@ -0,0 +1,26 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import i from "../../../colors/grey.js";
+const t = ({ color: o = i.m500, size: l = 24, ...a }) => /* @__PURE__ */ e.jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: l,
+    height: l,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Upload Box Filled",
+    ...a,
+    children: /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2s7.071 0 8.535 1.464C22 4.93 22 7.286 22 12s0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12m10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75m-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5z",
+        fill: o
+      }
+    )
+  }
+);
+export {
+  t as default
+};

package/components/Icons/UploadBoxOutline/UploadBoxOutline.js

@@ -0,0 +1,35 @@
+import { j as l } from "../../../_virtual/jsx-runtime.js";
+import t from "../../../colors/grey.js";
+const c = ({ color: a = t.m500, size: e = 24, ...s }) => /* @__PURE__ */ l.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: e,
+    height: e,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Upload Box Outline",
+    ...s,
+    children: [
+      /* @__PURE__ */ l.jsx(
+        "path",
+        {
+          d: "M7.25 7c0 .414.336.75.75.75h8a.75.75 0 0 0 0-1.5H8a.75.75 0 0 0-.75.75M12 17.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75",
+          fill: a
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M11.943 1.25c-2.309 0-4.118 0-5.53.19-1.444.194-2.584.6-3.479 1.494-.895.895-1.3 2.035-1.494 3.48-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53.194 1.444.6 2.584 1.494 3.479.895.895 2.035 1.3 3.48 1.494 1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19 1.444-.194 2.584-.6 3.479-1.494.895-.895 1.3-2.035 1.494-3.48.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53-.194-1.444-.6-2.584-1.494-3.479-.895-.895-2.035-1.3-3.48-1.494-1.411-.19-3.22-.19-5.529-.19zM3.995 3.995c.57-.57 1.34-.897 2.619-1.069 1.3-.174 3.008-.176 5.386-.176s4.086.002 5.386.176c1.279.172 2.05.5 2.62 1.069.569.57.896 1.34 1.068 2.619.174 1.3.176 3.008.176 5.386s-.002 4.086-.176 5.386c-.172 1.279-.5 2.05-1.069 2.62-.57.569-1.34.896-2.619 1.068-1.3.174-3.008.176-5.386.176s-4.086-.002-5.386-.176c-1.279-.172-2.05-.5-2.62-1.069-.569-.57-.896-1.34-1.068-2.619-.174-1.3-.176-3.008-.176-5.386s.002-4.086.176-5.386c.172-1.279.5-2.05 1.069-2.62",
+          fill: a
+        }
+      )
+    ]
+  }
+);
+export {
+  c as default
+};

package/components/Icons/WalletFilled/WalletFilled.js

@@ -0,0 +1,18 @@
+import { j as l } from "../../../_virtual/jsx-runtime.js";
+import h from "../../../colors/grey.js";
+const s = ({ color: e = h.m500, size: t = 24, ...a }) => /* @__PURE__ */ l.jsx(
+  "svg",
+  {
+    viewBox: "-1.5 0 33 33",
+    width: t,
+    height: t,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Wallet Filled",
+    ...a,
+    children: /* @__PURE__ */ l.jsx("g", { stroke: e, strokeWidth: "1", fill: e, fillRule: "evenodd", children: /* @__PURE__ */ l.jsx("g", { transform: "translate(-259 -776)", fill: e, children: /* @__PURE__ */ l.jsx("path", { d: "M283 799h6v-2h-6zm4-12h-28v20a2 2 0 0 0 2 2h26a2 2 0 0 0 2-2v-6h-7a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h7v-6a2 2 0 0 0-2-2m0-9c0-.553-.236-.859-.75-1.062-.396-.157-.781-.063-1.25.062l-26 8h28z" }) }) })
+  }
+);
+export {
+  s as default
+};

package/components/Icons/WalletOutline/WalletOutline.js

@@ -0,0 +1,18 @@
+import { j as l } from "../../../_virtual/jsx-runtime.js";
+import h from "../../../colors/grey.js";
+const s = ({ color: t = h.m500, size: a = 24, ...e }) => /* @__PURE__ */ l.jsx(
+  "svg",
+  {
+    viewBox: "-1.5 0 33 33",
+    width: a,
+    height: a,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Wallet Outline",
+    ...e,
+    children: /* @__PURE__ */ l.jsx("g", { stroke: t, strokeWidth: "1", fill: t, fillRule: "evenodd", children: /* @__PURE__ */ l.jsx("g", { transform: "translate(-257 -774)", fill: t, children: /* @__PURE__ */ l.jsx("path", { d: "M285 793h-5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h5v5a1 1 0 0 1-1 1h-24a1 1 0 0 1-1-1v-19h25a1 1 0 0 1 1 1zm0 3v1h-4v-2h4zm-2-19v6h-19.5zm2 6v-7c0-.553-.236-.859-.75-1.062-.396-.157-.781-.063-1.25.062l-26 8v22a2 2 0 0 0 2 2h26a2 2 0 0 0 2-2v-20a2 2 0 0 0-2-2" }) }) })
+  }
+);
+export {
+  s as default
+};

package/components/Icons/index.js

@@ -0,0 +1,167 @@
+import o from "./WalletOutline/WalletOutline.js";
+import r from "./WalletFilled/WalletFilled.js";
+import m from "./UploadBoxOutline/UploadBoxOutline.js";
+import i from "./UploadBoxFilled/UploadBoxFilled.js";
+import t from "./Upload/Upload.js";
+import l from "./ThumbsUpOutline/ThumbsUpOutline.js";
+import e from "./ThumbsUpFilled/ThumbsUpFilled.js";
+import p from "./ThumbsDownOutline/ThumbsDownOutline.js";
+import f from "./ThumbsDownFilled/ThumbsDownFilled.js";
+import n from "./StarOutline/StarOutline.js";
+import d from "./StarFilled/StarFilled.js";
+import u from "./ShieldWarningOutline/ShieldWarningOutline.js";
+import a from "./ShieldWarningFilled/ShieldWarningFilled.js";
+import O from "./ShieldCrossOutline/ShieldCrossOutline.js";
+import F from "./ShieldCrossFilled/ShieldCrossFilled.js";
+import C from "./ShieldCheckOutline/ShieldCheckOutline.js";
+import h from "./ShieldCheckFilled/ShieldCheckFilled.js";
+import s from "./ShareThickFilled/ShareThickFilled.js";
+import c from "./ShareOutline/ShareOutline.js";
+import S from "./ShareFilled/ShareFilled.js";
+import k from "./ShareBoxOutline/ShareBoxOutline.js";
+import A from "./ShareAllOutline/ShareAllOutline.js";
+import B from "./ShareAllFilled/ShareAllFilled.js";
+import D from "./SettingOutline/SettingOutline.js";
+import b from "./SettingFilled/SettingFilled.js";
+import w from "./Search/Search.js";
+import L from "./ProfileMaleOutline/ProfileMaleOutline.js";
+import g from "./ProfileMaleFilled/ProfileMaleFilled.js";
+import H from "./ProfileGroupFilled/ProfileGroupFilled.js";
+import x from "./ProfileFemaleOutline/ProfileFemaleOutline.js";
+import U from "./MinusCircleFilled/MinusCircleFilled.js";
+import M from "./MinusCircle/MinusCircle.js";
+import T from "./Minus/Minus.js";
+import v from "./LockOpenOutline/LockOpenOutline.js";
+import P from "./LockOpenFilled/LockOpenFilled.js";
+import W from "./LockClosedOutline/LockClosedOutline.js";
+import z from "./LockClosedFilled/LockClosedFilled.js";
+import E from "./Link/Link.js";
+import R from "./HomeOutline/HomeOutline.js";
+import V from "./HomeFilled/HomeFilled.js";
+import q from "./HeartOutline/HeartOutline.js";
+import G from "./HeartFilled/HeartFilled.js";
+import I from "./HamburgerSpaced/HamburgerSpaced.js";
+import j from "./HamburgerMenu/HamburgerMenu.js";
+import y from "./ExitArrowOutOutline/ExitArrowOutOutline.js";
+import J from "./ExitArrowInOutline/ExitArrowInOutline.js";
+import K from "./DotsVerticalOutline/DotsVerticalOutline.js";
+import N from "./DotsVerticalFilled/DotsVerticalFilled.js";
+import Q from "./DotsHorizontalOutline/DotsHorizontalOutline.js";
+import X from "./DotsHorizontalFilled/DotsHorizontalFilled.js";
+import Y from "./DetailsOutline/DetailsOutline.js";
+import Z from "./ContactDetailsOutline/ContactDetailsOutline.js";
+import _ from "./ContactDetailsFilled/ContactDetailsFilled.js";
+import $ from "./CommentOutline/CommentOutline.js";
+import oo from "./CommentLineOutline/CommentLineOutline.js";
+import ro from "./CommentLineFilled/CommentLineFilled.js";
+import mo from "./CommentFilled/CommentFilled.js";
+import io from "./CommentBubbleOutline/CommentBubbleOutline.js";
+import to from "./CommentBubbleFilled/CommentBubbleFilled.js";
+import lo from "./CloseCircleOutline/CloseCircleOutline.js";
+import eo from "./CloseCircleFilled/CloseCircleFilled.js";
+import po from "./Close/Close.js";
+import fo from "./ClockSquareOutline/ClockSquareOutline.js";
+import no from "./ClockCircleOutline/ClockCircleOutline.js";
+import uo from "./ChevronUp/ChevronUp.js";
+import ao from "./ChevronRight/ChevronRight.js";
+import Oo from "./ChevronLeft/ChevronLeft.js";
+import Fo from "./ChevronDown/ChevronDown.js";
+import Co from "./BookmarkOutline/BookmarkOutline.js";
+import ho from "./BookmarkFilled/BookmarkFilled.js";
+import so from "./BellOutline/BellOutline.js";
+import co from "./BellOffOutline/BellOffOutline.js";
+import So from "./BellOffFilled/BellOffFilled.js";
+import ko from "./BellFilled/BellFilled.js";
+import Ao from "./ArrowUp/ArrowUp.js";
+import Bo from "./ArrowRight/ArrowRight.js";
+import Do from "./ArrowLeft/ArrowLeft.js";
+import bo from "./ArrowDown/ArrowDown.js";
+import wo from "./AddCircleFilled/AddCircleFilled.js";
+import Lo from "./AddCircle/AddCircle.js";
+import go from "./Add/Add.js";
+const rm = {
+  Add: go,
+  AddCircle: Lo,
+  AddCircleFilled: wo,
+  ArrowDown: bo,
+  ArrowLeft: Do,
+  ArrowRight: Bo,
+  ArrowUp: Ao,
+  BellFilled: ko,
+  BellOffFilled: So,
+  BellOffOutline: co,
+  BellOutline: so,
+  BookmarkFilled: ho,
+  BookmarkOutline: Co,
+  ChevronDown: Fo,
+  ChevronLeft: Oo,
+  ChevronRight: ao,
+  ChevronUp: uo,
+  ClockCircleOutline: no,
+  ClockSquareOutline: fo,
+  Close: po,
+  CloseCircleFilled: eo,
+  CloseCircleOutline: lo,
+  CommentBubbleFilled: to,
+  CommentBubbleOutline: io,
+  CommentFilled: mo,
+  CommentLineFilled: ro,
+  CommentLineOutline: oo,
+  CommentOutline: $,
+  ContactDetailsFilled: _,
+  ContactDetailsOutline: Z,
+  DetailsOutline: Y,
+  DotsHorizontalFilled: X,
+  DotsHorizontalOutline: Q,
+  DotsVerticalFilled: N,
+  DotsVerticalOutline: K,
+  ExitArrowInOutline: J,
+  ExitArrowOutOutline: y,
+  HamburgerMenu: j,
+  HamburgerSpaced: I,
+  HeartFilled: G,
+  HeartOutline: q,
+  HomeFilled: V,
+  HomeOutline: R,
+  Link: E,
+  LockClosedFilled: z,
+  LockClosedOutline: W,
+  LockOpenFilled: P,
+  LockOpenOutline: v,
+  Minus: T,
+  MinusCircle: M,
+  MinusCircleFilled: U,
+  ProfileFemaleOutline: x,
+  ProfileGroupFilled: H,
+  ProfileMaleFilled: g,
+  ProfileMaleOutline: L,
+  Search: w,
+  SettingFilled: b,
+  SettingOutline: D,
+  ShareAllFilled: B,
+  ShareAllOutline: A,
+  ShareBoxOutline: k,
+  ShareFilled: S,
+  ShareOutline: c,
+  ShareThickFilled: s,
+  ShieldCheckFilled: h,
+  ShieldCheckOutline: C,
+  ShieldCrossFilled: F,
+  ShieldCrossOutline: O,
+  ShieldWarningFilled: a,
+  ShieldWarningOutline: u,
+  StarFilled: d,
+  StarOutline: n,
+  ThumbsDownFilled: f,
+  ThumbsDownOutline: p,
+  ThumbsUpFilled: e,
+  ThumbsUpOutline: l,
+  Upload: t,
+  UploadBoxFilled: i,
+  UploadBoxOutline: m,
+  WalletFilled: r,
+  WalletOutline: o
+};
+export {
+  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 c from "../../colors/grey.js";
+import n from "../../colors/white.js";
+import a from "../../colors/black.js";
+import { SELECTED_BG as m, NOT_SELECTED_BG as l, ACTIVE_NOT_SELECTED_BG as s } from "./constants.js";
+import f from "../Icons/ChevronLeft/ChevronLeft.js";
+import d from "../Icons/ChevronRight/ChevronRight.js";
+const t = (r) => ({ shades: e }) => {
+  if (["#FFFFFF"].includes(e))
+    return a.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(f)`
+  cursor: pointer;
+`, w = o(d)`
+  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/index.js

@@ -0,0 +1,10 @@
+import { default as t } from "./components/Pagination/Pagination.js";
+import { default as e } from "./colors/index.js";
+import { default as s } from "./utils/index.js";
+import { default as u } from "./components/Icons/index.js";
+export {
+  t as Pagination,
+  e as colors,
+  u as icons,
+  s as utils
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meticulous-ui",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "repository": {
@@ -34,7 +34,6 @@
     "pagination",
     "colors",
     "shades",
-    "ripple",
     "utils",
     "meticulous-ui"
   ],

package/utils/capFirstLetter.js

@@ -0,0 +1,4 @@
+const t = (e) => typeof e != "string" || e.length === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1);
+export {
+  t as default
+};

package/utils/compose.js

@@ -0,0 +1,4 @@
+const s = (...e) => (o) => e.reduceRight((t, c) => c(t), o);
+export {
+  s as default
+};

package/utils/hasEqualProps.js

@@ -0,0 +1,7 @@
+import o from "../node_modules/lodash-es/omitBy.js";
+import r from "../node_modules/lodash-es/isFunction.js";
+import m from "react-fast-compare";
+const f = (t, i) => m(o(t, r), o(i, r));
+export {
+  f as default
+};

package/utils/isNonEmptyArray.js

@@ -0,0 +1,4 @@
+const t = (r) => Array.isArray(r) && r.length > 0;
+export {
+  t as default
+};