meticulous-ui 1.0.30 → 1.0.32

package/components/Icons/ThumbsDownFilled/ThumbsDownFilled.js

@@ -0,0 +1,24 @@
+import { j as h } from "../../../_virtual/jsx-runtime.js";
+import i from "../../../colors/grey.js";
+const r = ({ color: o = i.m500, size: l = 24, ...t }) => /* @__PURE__ */ h.jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: l,
+    height: l,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Thumbs Down Filled",
+    ...t,
+    children: /* @__PURE__ */ h.jsx(
+      "path",
+      {
+        d: "M20 5.61v5.77c0 .89-.73 1.62-1.62 1.62h-1.61V4h1.61c.9 0 1.62.72 1.62 1.61M5.34 5.24l-1.32 7.5c-.16.92.54 1.76 1.48 1.76h4.78V18c0 1.1.9 2 1.99 2h.09c.4 0 .76-.24.92-.61L16.01 13V4h-9.2c-.73 0-1.35.52-1.48 1.24z",
+        fill: o
+      }
+    )
+  }
+);
+export {
+  r as default
+};

package/components/Icons/ThumbsDownOutline/ThumbsDownOutline.js

@@ -0,0 +1,24 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import o from "../../../colors/grey.js";
+const s = ({ color: h = o.m500, size: l = 24, ...c }) => /* @__PURE__ */ t.jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: l,
+    height: l,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Thumbs Down Outline",
+    ...c,
+    children: /* @__PURE__ */ t.jsx(
+      "path",
+      {
+        d: "M18.38 3.25H6.81c-1.09 0-2.02.78-2.21 1.86l-1.31 7.5c-.11.66.07 1.33.49 1.84.43.51 1.05.8 1.72.8h4.03V18c0 1.52 1.23 2.75 2.83 2.75.7 0 1.33-.42 1.61-1.07l2.54-5.93h1.88c1.31 0 2.37-1.06 2.37-2.37V5.61c0-1.3-1.06-2.36-2.37-2.36zm-3.12 9.6-2.67 6.25c-.04.09-.13.16-.32.16-.69 0-1.24-.56-1.24-1.25v-4.25H5.5c-.23 0-.43-.09-.57-.26a.72.72 0 0 1-.16-.62l1.31-7.5c.06-.36.37-.62.74-.62h8.44zm3.99-1.47c0 .48-.39.87-.87.87h-1.61v-7.5h1.61c.48 0 .87.39.87.86z",
+        fill: h
+      }
+    )
+  }
+);
+export {
+  s as default
+};

package/components/Icons/ThumbsUpFilled/ThumbsUpFilled.js

@@ -0,0 +1,24 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import s from "../../../colors/grey.js";
+const r = ({ color: h = s.m500, size: l = 24, ...i }) => /* @__PURE__ */ t.jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: l,
+    height: l,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Thumbs Up Filled",
+    ...i,
+    children: /* @__PURE__ */ t.jsx(
+      "path",
+      {
+        d: "M7.24 11v9H5.63c-.9 0-1.62-.72-1.62-1.61v-5.77c0-.89.73-1.62 1.62-1.62zM18.5 9.5h-4.78V6c0-1.1-.9-2-1.99-2h-.09c-.4 0-.76.24-.92.61L7.99 11v9h9.2c.73 0 1.35-.52 1.48-1.24l1.32-7.5c.16-.92-.54-1.76-1.48-1.76z",
+        fill: h
+      }
+    )
+  }
+);
+export {
+  r as default
+};

package/components/Icons/ThumbsUpOutline/ThumbsUpOutline.js

@@ -0,0 +1,24 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import s from "../../../colors/grey.js";
+const e = ({ color: c = s.m500, size: l = 24, ...h }) => /* @__PURE__ */ t.jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: l,
+    height: l,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Thumbs Up Outline",
+    ...h,
+    children: /* @__PURE__ */ t.jsx(
+      "path",
+      {
+        d: "M20.22 9.55c-.43-.51-1.05-.8-1.72-.8h-4.03V6c0-1.52-1.23-2.75-2.83-2.75-.7 0-1.33.42-1.61 1.07l-2.54 5.93H5.62c-1.31 0-2.37 1.06-2.37 2.37v5.77c0 1.3 1.07 2.36 2.37 2.36h11.56c1.09 0 2.02-.78 2.21-1.86l1.32-7.5c.11-.66-.07-1.33-.5-1.84zm-14.6 9.7c-.48 0-.87-.39-.87-.86v-5.77c0-.48.39-.87.87-.87h1.61v7.5zm12.3-.62c-.06.36-.37.62-.74.62H8.74v-8.1l2.67-6.25c.04-.09.13-.16.32-.16.69 0 1.24.56 1.24 1.25v4.25h5.53c.23 0 .43.09.57.26s.2.39.16.62l-1.32 7.5z",
+        fill: c
+      }
+    )
+  }
+);
+export {
+  e as default
+};

package/components/Icons/Upload/Upload.js

@@ -0,0 +1,33 @@
+import { j as a } from "../../../_virtual/jsx-runtime.js";
+import i from "../../../colors/grey.js";
+const r = ({ color: l = i.m500, size: t = 24, ...s }) => /* @__PURE__ */ a.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: t,
+    height: t,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Upload",
+    ...s,
+    children: [
+      /* @__PURE__ */ a.jsx(
+        "path",
+        {
+          d: "M12.554 2.494a.75.75 0 0 0-1.107 0l-4 4.375A.75.75 0 0 0 8.553 7.88l2.696-2.95V16a.75.75 0 0 0 1.5 0V4.932l2.697 2.95a.75.75 0 1 0 1.107-1.013z",
+          fill: l
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        "path",
+        {
+          d: "M3.75 15a.75.75 0 0 0-1.5 0v.055c0 1.367 0 2.47.117 3.337.12.9.38 1.658.981 2.26.602.602 1.36.86 2.26.982.867.116 1.97.116 3.337.116h6.11c1.367 0 2.47 0 3.337-.116.9-.122 1.658-.38 2.26-.982s.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337V15a.75.75 0 0 0-1.5 0c0 1.435-.002 2.436-.103 3.192-.099.734-.28 1.122-.556 1.399-.277.277-.665.457-1.4.556-.755.101-1.756.103-3.191.103H9c-1.435 0-2.437-.002-3.192-.103-.734-.099-1.122-.28-1.399-.556-.277-.277-.457-.665-.556-1.4-.101-.755-.103-1.756-.103-3.191",
+          fill: l
+        }
+      )
+    ]
+  }
+);
+export {
+  r as default
+};

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/index.js

@@ -0,0 +1,125 @@
+import o from "./UploadBoxOutline/UploadBoxOutline.js";
+import r from "./UploadBoxFilled/UploadBoxFilled.js";
+import m from "./Upload/Upload.js";
+import i from "./ThumbsUpOutline/ThumbsUpOutline.js";
+import t from "./ThumbsUpFilled/ThumbsUpFilled.js";
+import l from "./ThumbsDownOutline/ThumbsDownOutline.js";
+import e from "./ThumbsDownFilled/ThumbsDownFilled.js";
+import p from "./StarOutline/StarOutline.js";
+import f from "./StarFilled/StarFilled.js";
+import n from "./ShareThickFilled/ShareThickFilled.js";
+import u from "./ShareOutline/ShareOutline.js";
+import d from "./ShareFilled/ShareFilled.js";
+import a from "./ShareBoxOutline/ShareBoxOutline.js";
+import O from "./ShareAllOutline/ShareAllOutline.js";
+import C from "./ShareAllFilled/ShareAllFilled.js";
+import F from "./SettingOutline/SettingOutline.js";
+import h from "./SettingFilled/SettingFilled.js";
+import s from "./Search/Search.js";
+import c from "./MinusCircleFilled/MinusCircleFilled.js";
+import S from "./MinusCircle/MinusCircle.js";
+import B from "./Minus/Minus.js";
+import b from "./Link/Link.js";
+import A from "./HomeOutline/HomeOutline.js";
+import k from "./HomeFilled/HomeFilled.js";
+import w from "./HeartOutline/HeartOutline.js";
+import D from "./HeartFilled/HeartFilled.js";
+import H from "./HamburgerSpaced/HamburgerSpaced.js";
+import U from "./HamburgerMenu/HamburgerMenu.js";
+import g from "./DotsVerticalOutline/DotsVerticalOutline.js";
+import x from "./DotsVerticalFilled/DotsVerticalFilled.js";
+import L from "./DotsHorizontalOutline/DotsHorizontalOutline.js";
+import T from "./DotsHorizontalFilled/DotsHorizontalFilled.js";
+import v from "./CommentOutline/CommentOutline.js";
+import M from "./CommentLineOutline/CommentLineOutline.js";
+import z from "./CommentLineFilled/CommentLineFilled.js";
+import R from "./CommentFilled/CommentFilled.js";
+import V from "./CommentBubbleOutline/CommentBubbleOutline.js";
+import q from "./CommentBubbleFilled/CommentBubbleFilled.js";
+import j from "./CloseCircleOutline/CloseCircleOutline.js";
+import y from "./CloseCircleFilled/CloseCircleFilled.js";
+import E from "./Close/Close.js";
+import G from "./ClockSquareOutline/ClockSquareOutline.js";
+import I from "./ClockCircleOutline/ClockCircleOutline.js";
+import J from "./ChevronUp/ChevronUp.js";
+import K from "./ChevronRight/ChevronRight.js";
+import N from "./ChevronLeft/ChevronLeft.js";
+import P from "./ChevronDown/ChevronDown.js";
+import Q from "./BookmarkOutline/BookmarkOutline.js";
+import W from "./BookmarkFilled/BookmarkFilled.js";
+import X from "./BellOutline/BellOutline.js";
+import Y from "./BellOffOutline/BellOffOutline.js";
+import Z from "./BellOffFilled/BellOffFilled.js";
+import _ from "./BellFilled/BellFilled.js";
+import $ from "./ArrowUp/ArrowUp.js";
+import oo from "./ArrowRight/ArrowRight.js";
+import ro from "./ArrowLeft/ArrowLeft.js";
+import mo from "./ArrowDown/ArrowDown.js";
+import io from "./AddCircleFilled/AddCircleFilled.js";
+import to from "./AddCircle/AddCircle.js";
+import lo from "./Add/Add.js";
+const Or = {
+  Add: lo,
+  AddCircle: to,
+  AddCircleFilled: io,
+  ArrowDown: mo,
+  ArrowLeft: ro,
+  ArrowRight: oo,
+  ArrowUp: $,
+  BellFilled: _,
+  BellOffFilled: Z,
+  BellOffOutline: Y,
+  BellOutline: X,
+  BookmarkFilled: W,
+  BookmarkOutline: Q,
+  ChevronDown: P,
+  ChevronLeft: N,
+  ChevronRight: K,
+  ChevronUp: J,
+  ClockCircleOutline: I,
+  ClockSquareOutline: G,
+  Close: E,
+  CloseCircleFilled: y,
+  CloseCircleOutline: j,
+  CommentBubbleFilled: q,
+  CommentBubbleOutline: V,
+  CommentFilled: R,
+  CommentLineFilled: z,
+  CommentLineOutline: M,
+  CommentOutline: v,
+  DotsHorizontalFilled: T,
+  DotsHorizontalOutline: L,
+  DotsVerticalFilled: x,
+  DotsVerticalOutline: g,
+  HamburgerMenu: U,
+  HamburgerSpaced: H,
+  HeartFilled: D,
+  HeartOutline: w,
+  HomeFilled: k,
+  HomeOutline: A,
+  Link: b,
+  Minus: B,
+  MinusCircle: S,
+  MinusCircleFilled: c,
+  Search: s,
+  SettingFilled: h,
+  SettingOutline: F,
+  ShareAllFilled: C,
+  ShareAllOutline: O,
+  ShareBoxOutline: a,
+  ShareFilled: d,
+  ShareOutline: u,
+  ShareThickFilled: n,
+  StarFilled: f,
+  StarOutline: p,
+  ThumbsDownFilled: e,
+  ThumbsDownOutline: l,
+  ThumbsUpFilled: t,
+  ThumbsUpOutline: i,
+  Upload: m,
+  UploadBoxFilled: r,
+  UploadBoxOutline: o
+};
+export {
+  Or 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,12 @@
+import { default as t } from "./components/Pagination/Pagination.js";
+import { default as r } from "./components/Ripple/Ripple.js";
+import { default as l } from "./colors/index.js";
+import { default as p } from "./utils/index.js";
+import { default as d } from "./components/Icons/index.js";
+export {
+  t as Pagination,
+  r as Ripple,
+  l as colors,
+  d as icons,
+  p as utils
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meticulous-ui",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "repository": {
@@ -12,11 +12,11 @@
   },
   "sideEffects": false,
   "files": [
-    "dist/index.js",
-    "dist/colors",
-    "dist/components",
-    "dist/utils",
-    "!dist/_virtual",
+    "index.js",
+    "colors",
+    "components",
+    "utils",
+    "package.json",
     "README.md"
   ],
   "type": "module",

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/index.js

@@ -0,0 +1,13 @@
+import o from "./capFirstLetter.js";
+import r from "./compose.js";
+import t from "./hasEqualProps.js";
+import m from "./isNonEmptyArray.js";
+const e = {
+  capFirstLetter: o,
+  compose: r,
+  hasEqualProps: t,
+  isNonEmptyArray: m
+};
+export {
+  e as default
+};

package/utils/isNonEmptyArray.js

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