meticulous-ui 1.0.5 → 1.0.7

package/dist/colors/yellow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yellow.js","sources":["../../src/colors/yellow.js"],"sourcesContent":["export default {\n  m50: '#FFFDE7',\n  m100: '#FFF9C4',\n  m200: '#FFF59D',\n  m300: '#FFF176',\n  m400: '#FFEE58',\n  m500: '#FFEB3B',\n  m600: '#FDD835',\n  m700: '#FBC02D',\n  m800: '#F9A825',\n  m900: '#F57F17',\n  a100: '#FFFF8D',\n  a200: '#FFFF00',\n  a400: '#FFEA00',\n  a700: '#FFD600',\n};\n"],"names":["yellow"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}

package/dist/components/Icons/ChevronLeft/ChevronLeft.js

@@ -1,6 +1,6 @@
 import { j as r } from "../../../_virtual/jsx-runtime.js";
 import i from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { GREY as s } from "../../../colors/index.js";
+import s from "../../../colors/grey.js";
 const l = i.img`
   display: inline-block;
   vertical-align: middle;
@@ -11,7 +11,7 @@ const l = i.img`
     l,
     {
       ...o,
-      color: e || s,
+      color: e || s.m500,
       src: "https://www.svgrepo.com/show/533659/chevron-left.svg",
       alt: "Chevron Left",
       width: t,

package/dist/components/Icons/ChevronLeft/ChevronLeft.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronLeft.js","sources":["../../../../src/components/Icons/ChevronLeft/ChevronLeft.jsx"],"sourcesContent":["// Libraries\nimport styled from 'styled-components';\n\n// constants\nimport { GREY } from '../../../colors';\n\nconst Image = styled.img`\n  display: inline-block;\n  vertical-align: middle;\n  fill: ${({ color }) => color};\n`;\n\nconst ChevronLeft = (props) => {\n  const { color, size } = props;\n\n  return (\n    <Image\n      {...props}\n      color={color || GREY}\n      src='https://www.svgrepo.com/show/533659/chevron-left.svg'\n      alt='Chevron Left'\n      width={size}\n      height={size}\n    />\n  );\n};\n\nexport default ChevronLeft;\n"],"names":["Image","styled","color","ChevronLeft","props","size","jsx","GREY"],"mappings":";;;AAMA,MAAMA,IAAQC,EAAO;AAAA;AAAA;AAAA,UAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,CAAK;AAAA,GAGxBC,IAAc,CAACC,MAAU;AAC7B,QAAM,EAAE,OAAAF,GAAO,MAAAG,EAAA,IAASD;AAExB,SACEE,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGI;AAAA,MACJ,OAAOF,KAASK;AAAA,MAChB,KAAI;AAAA,MACJ,KAAI;AAAA,MACJ,OAAOF;AAAA,MACP,QAAQA;AAAA,IAAA;AAAA,EAAA;AAGd;"}
+{"version":3,"file":"ChevronLeft.js","sources":["../../../../src/components/Icons/ChevronLeft/ChevronLeft.jsx"],"sourcesContent":["// Libraries\nimport styled from 'styled-components';\n\n// constants\nimport grey from '../../../colors/grey';\n\nconst Image = styled.img`\n  display: inline-block;\n  vertical-align: middle;\n  fill: ${({ color }) => color};\n`;\n\nconst ChevronLeft = (props) => {\n  const { color, size } = props;\n\n  return (\n    <Image\n      {...props}\n      color={color || grey.m500}\n      src='https://www.svgrepo.com/show/533659/chevron-left.svg'\n      alt='Chevron Left'\n      width={size}\n      height={size}\n    />\n  );\n};\n\nexport default ChevronLeft;\n"],"names":["Image","styled","color","ChevronLeft","props","size","jsx","grey"],"mappings":";;;AAMA,MAAMA,IAAQC,EAAO;AAAA;AAAA;AAAA,UAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,CAAK;AAAA,GAGxBC,IAAc,CAACC,MAAU;AAC7B,QAAM,EAAE,OAAAF,GAAO,MAAAG,EAAA,IAASD;AAExB,SACEE,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGI;AAAA,MACJ,OAAOF,KAASK,EAAK;AAAA,MACrB,KAAI;AAAA,MACJ,KAAI;AAAA,MACJ,OAAOF;AAAA,MACP,QAAQA;AAAA,IAAA;AAAA,EAAA;AAGd;"}

package/dist/components/Icons/ChevronRight/ChevronRight.js

@@ -1,17 +1,17 @@
-import { j as r } from "../../../_virtual/jsx-runtime.js";
+import { j as i } from "../../../_virtual/jsx-runtime.js";
 import e from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { GREY as s } from "../../../colors/index.js";
+import s from "../../../colors/grey.js";
 const l = e.img`
   display: inline-block;
   vertical-align: middle;
   fill: ${({ color: o }) => o};
 `, c = (o) => {
-  const { color: i, size: t } = o;
-  return /* @__PURE__ */ r.jsx(
+  const { color: r, size: t } = o;
+  return /* @__PURE__ */ i.jsx(
     l,
     {
       ...o,
-      color: i || s,
+      color: r || s.m500,
       src: "https://www.svgrepo.com/show/533661/chevron-right.svg",
       alt: "Chevron Right",
       width: t,

package/dist/components/Icons/ChevronRight/ChevronRight.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronRight.js","sources":["../../../../src/components/Icons/ChevronRight/ChevronRight.jsx"],"sourcesContent":["// Libraries\nimport styled from 'styled-components';\n\n// constants\nimport { GREY } from '../../../colors';\n\nconst Image = styled.img`\n  display: inline-block;\n  vertical-align: middle;\n  fill: ${({ color }) => color};\n`;\n\nconst ChevronRight = (props) => {\n  const { color, size } = props;\n\n  return (\n    <Image\n      {...props}\n      color={color || GREY}\n      src='https://www.svgrepo.com/show/533661/chevron-right.svg'\n      alt='Chevron Right'\n      width={size}\n      height={size}\n    />\n  );\n};\n\nexport default ChevronRight;\n"],"names":["Image","styled","color","ChevronRight","props","size","jsx","GREY"],"mappings":";;;AAMA,MAAMA,IAAQC,EAAO;AAAA;AAAA;AAAA,UAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,CAAK;AAAA,GAGxBC,IAAe,CAACC,MAAU;AAC9B,QAAM,EAAE,OAAAF,GAAO,MAAAG,EAAA,IAASD;AAExB,SACEE,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGI;AAAA,MACJ,OAAOF,KAASK;AAAA,MAChB,KAAI;AAAA,MACJ,KAAI;AAAA,MACJ,OAAOF;AAAA,MACP,QAAQA;AAAA,IAAA;AAAA,EAAA;AAGd;"}
+{"version":3,"file":"ChevronRight.js","sources":["../../../../src/components/Icons/ChevronRight/ChevronRight.jsx"],"sourcesContent":["// Libraries\nimport styled from 'styled-components';\n\n// constants\nimport grey from '../../../colors/grey';\n\nconst Image = styled.img`\n  display: inline-block;\n  vertical-align: middle;\n  fill: ${({ color }) => color};\n`;\n\nconst ChevronRight = (props) => {\n  const { color, size } = props;\n\n  return (\n    <Image\n      {...props}\n      color={color || grey.m500}\n      src='https://www.svgrepo.com/show/533661/chevron-right.svg'\n      alt='Chevron Right'\n      width={size}\n      height={size}\n    />\n  );\n};\n\nexport default ChevronRight;\n"],"names":["Image","styled","color","ChevronRight","props","size","jsx","grey"],"mappings":";;;AAMA,MAAMA,IAAQC,EAAO;AAAA;AAAA;AAAA,UAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,CAAK;AAAA,GAGxBC,IAAe,CAACC,MAAU;AAC9B,QAAM,EAAE,OAAAF,GAAO,MAAAG,EAAA,IAASD;AAExB,SACEE,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGI;AAAA,MACJ,OAAOF,KAASK,EAAK;AAAA,MACrB,KAAI;AAAA,MACJ,KAAI;AAAA,MACJ,OAAOF;AAAA,MACP,QAAQA;AAAA,IAAA;AAAA,EAAA;AAGd;"}

package/dist/components/Pagination/Pagination.js

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

package/dist/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.jsx"],"sourcesContent":["// Libraries\nimport _range from 'lodash-es/range';\n\n// helpers\nimport { renderThreeDots, renderPageNum } from './helpers.jsx';\n\n// styles\nimport { AllPages, ClickableChevronLeft, ClickableChevronRight } from './styles';\n\nconst Pagination = ({ pageNumber, setPageNumber, totalPages }) => {\n  const setPrevPage = () => {\n    if (pageNumber > 1) {\n      setPageNumber(pageNumber - 1);\n    }\n  };\n\n  const setNextPage = () => {\n    if (pageNumber < totalPages) {\n      setPageNumber(pageNumber + 1);\n    }\n  };\n\n  if (totalPages <= 7) {\n    return (\n      <AllPages>\n        <ClickableChevronLeft size={20} onClick={setPrevPage} />\n        {_range(1, totalPages + 1).map(renderPageNum(pageNumber, setPageNumber))}\n        <ClickableChevronRight size={20} onClick={setNextPage} />\n      </AllPages>\n    );\n  }\n\n  if (\n    totalPages < 10 ||\n    pageNumber < 4 ||\n    (pageNumber > totalPages - 3 && pageNumber <= totalPages)\n  ) {\n    return (\n      <AllPages>\n        <ClickableChevronLeft size={20} onClick={setPrevPage} />\n        {_range(1, 5).map(renderPageNum(pageNumber, setPageNumber))}\n        {renderThreeDots()}\n        {[totalPages - 3, totalPages - 2, totalPages - 1, totalPages].map(\n          renderPageNum(pageNumber, setPageNumber)\n        )}\n        <ClickableChevronRight size={20} onClick={setNextPage} />\n      </AllPages>\n    );\n  }\n\n  return (\n    <AllPages>\n      <ClickableChevronLeft size={20} onClick={setPrevPage} />\n      {_range(1, 3).map(renderPageNum(pageNumber, setPageNumber))}\n      {renderThreeDots()}\n      {[pageNumber - 1, pageNumber, pageNumber + 1].map(renderPageNum(pageNumber, setPageNumber))}\n      {renderThreeDots()}\n      {[totalPages - 1, totalPages].map(renderPageNum(pageNumber, setPageNumber))}\n      <ClickableChevronRight size={20} onClick={setNextPage} />\n    </AllPages>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","pageNumber","setPageNumber","totalPages","setPrevPage","setNextPage","AllPages","jsx","ClickableChevronLeft","_range","renderPageNum","ClickableChevronRight","renderThreeDots"],"mappings":";;;;AASA,MAAMA,IAAa,CAAC,EAAE,YAAAC,GAAY,eAAAC,GAAe,YAAAC,QAAiB;AAChE,QAAMC,IAAc,MAAM;AACxB,IAAIH,IAAa,KACfC,EAAcD,IAAa,CAAC;AAAA,EAEhC,GAEMI,IAAc,MAAM;AACxB,IAAIJ,IAAaE,KACfD,EAAcD,IAAa,CAAC;AAAA,EAEhC;AAEA,SAAIE,KAAc,2BAEbG,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAqB,MAAM,IAAI,SAASJ,GAAa;AAAA,IACrDK,EAAO,GAAGN,IAAa,CAAC,EAAE,IAAIO,EAAcT,GAAYC,CAAa,CAAC;AAAA,IACvEK,gBAAAA,EAAAA,IAACI,GAAA,EAAsB,MAAM,IAAI,SAASN,EAAA,CAAa;AAAA,EAAA,GACzD,IAKFF,IAAa,MACbF,IAAa,KACZA,IAAaE,IAAa,KAAKF,KAAcE,2BAG3CG,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAqB,MAAM,IAAI,SAASJ,GAAa;AAAA,IACrDK,EAAO,GAAG,CAAC,EAAE,IAAIC,EAAcT,GAAYC,CAAa,CAAC;AAAA,IACzDU,EAAA;AAAA,IACA,CAACT,IAAa,GAAGA,IAAa,GAAGA,IAAa,GAAGA,CAAU,EAAE;AAAA,MAC5DO,EAAcT,GAAYC,CAAa;AAAA,IAAA;AAAA,IAEzCK,gBAAAA,EAAAA,IAACI,GAAA,EAAsB,MAAM,IAAI,SAASN,EAAA,CAAa;AAAA,EAAA,GACzD,2BAKDC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAqB,MAAM,IAAI,SAASJ,GAAa;AAAA,IACrDK,EAAO,GAAG,CAAC,EAAE,IAAIC,EAAcT,GAAYC,CAAa,CAAC;AAAA,IACzDU,EAAA;AAAA,IACA,CAACX,IAAa,GAAGA,GAAYA,IAAa,CAAC,EAAE,IAAIS,EAAcT,GAAYC,CAAa,CAAC;AAAA,IACzFU,EAAA;AAAA,IACA,CAACT,IAAa,GAAGA,CAAU,EAAE,IAAIO,EAAcT,GAAYC,CAAa,CAAC;AAAA,IAC1EK,gBAAAA,EAAAA,IAACI,GAAA,EAAsB,MAAM,IAAI,SAASN,EAAA,CAAa;AAAA,EAAA,GACzD;AAEJ;"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.jsx"],"sourcesContent":["// Libraries\nimport _get from 'lodash-es/get';\nimport _range from 'lodash-es/range';\n\n// helpers\nimport { renderThreeDots, renderPageNum, PrevArrow, NextArrow } from './helpers.jsx';\n\n// constants\nimport colors from '../../colors';\nimport teal from '../../colors/teal';\nimport { ICON_SIZE_MAPPING, LARGE, MEDIUM, SIZE_REM_MAPPING, SMALL } from './constants.js';\n\n// styles\nimport { AllPages, MiddleLayer } from './styles';\n\nconst Pagination = ({ pageNumber, setPageNumber, totalPages, theme = 'lime', size = LARGE }) => {\n  const setPrevPage = () => {\n    if (pageNumber > 1) {\n      setPageNumber(pageNumber - 1);\n    }\n  };\n\n  const setNextPage = () => {\n    if (pageNumber < totalPages) {\n      setPageNumber(pageNumber + 1);\n    }\n  };\n\n  const handleKeyDown = (e) => {\n    console.log({ e });\n\n    if (['ArrowLeft', 'ArrowUp'].includes(e.code)) {\n      setPrevPage();\n    }\n\n    if (['ArrowRight', 'ArrowDown'].includes(e.code)) {\n      setNextPage();\n    }\n  };\n\n  const shades = _get(colors, theme, teal);\n  const individualRemSize = SIZE_REM_MAPPING[size];\n  const iconSize = ICON_SIZE_MAPPING[size];\n\n  if (totalPages <= 7) {\n    return (\n      <AllPages onKeyDown={handleKeyDown} tabIndex='0'>\n        <PrevArrow {...{ iconSize, shades, setPrevPage }} />\n        <MiddleLayer size={`${totalPages * individualRemSize}rem`}>\n          {_range(1, totalPages + 1).map(renderPageNum(size, pageNumber, shades, setPageNumber))}\n        </MiddleLayer>\n        <NextArrow {...{ iconSize, shades, setNextPage }} />\n      </AllPages>\n    );\n  }\n\n  if (\n    totalPages < 10 ||\n    pageNumber < 4 ||\n    (pageNumber > totalPages - 3 && pageNumber <= totalPages)\n  ) {\n    return (\n      <AllPages onKeyDown={handleKeyDown} tabIndex='0'>\n        <PrevArrow {...{ iconSize, shades, setPrevPage }} />\n        <MiddleLayer size={`${9 * individualRemSize}rem`}>\n          {_range(1, 5).map(renderPageNum(size, pageNumber, shades, setPageNumber))}\n          {renderThreeDots()}\n          {[totalPages - 3, totalPages - 2, totalPages - 1, totalPages].map(\n            renderPageNum(size, pageNumber, shades, setPageNumber)\n          )}\n        </MiddleLayer>\n        <NextArrow {...{ iconSize, shades, setNextPage }} />\n      </AllPages>\n    );\n  }\n\n  return (\n    <AllPages onKeyDown={handleKeyDown} tabIndex='0'>\n      <PrevArrow {...{ iconSize, shades, setPrevPage }} />\n      <MiddleLayer size={`${9 * individualRemSize}rem`}>\n        {_range(1, 3).map(renderPageNum(size, pageNumber, shades, setPageNumber))}\n        {renderThreeDots()}\n        {[pageNumber - 1, pageNumber, pageNumber + 1].map(\n          renderPageNum(size, pageNumber, shades, setPageNumber)\n        )}\n        {renderThreeDots()}\n        {[totalPages - 1, totalPages].map(renderPageNum(size, pageNumber, shades, setPageNumber))}\n      </MiddleLayer>\n      <NextArrow {...{ iconSize, shades, setNextPage }} />\n    </AllPages>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","pageNumber","setPageNumber","totalPages","theme","size","LARGE","setPrevPage","setNextPage","handleKeyDown","e","shades","_get","colors","teal","individualRemSize","SIZE_REM_MAPPING","iconSize","ICON_SIZE_MAPPING","jsxs","AllPages","jsx","PrevArrow","MiddleLayer","_range","renderPageNum","NextArrow","renderThreeDots"],"mappings":";;;;;;;;AAeA,MAAMA,IAAa,CAAC,EAAE,YAAAC,GAAY,eAAAC,GAAe,YAAAC,GAAY,OAAAC,IAAQ,QAAQ,MAAAC,IAAOC,QAAY;AAC9F,QAAMC,IAAc,MAAM;AACxB,IAAIN,IAAa,KACfC,EAAcD,IAAa,CAAC;AAAA,EAEhC,GAEMO,IAAc,MAAM;AACxB,IAAIP,IAAaE,KACfD,EAAcD,IAAa,CAAC;AAAA,EAEhC,GAEMQ,IAAgB,CAACC,MAAM;AAC3B,YAAQ,IAAI,EAAE,GAAAA,GAAG,GAEb,CAAC,aAAa,SAAS,EAAE,SAASA,EAAE,IAAI,KAC1CH,EAAA,GAGE,CAAC,cAAc,WAAW,EAAE,SAASG,EAAE,IAAI,KAC7CF,EAAA;AAAA,EAEJ,GAEMG,IAASC,EAAKC,GAAQT,GAAOU,CAAI,GACjCC,IAAoBC,EAAiBX,CAAI,GACzCY,IAAWC,EAAkBb,CAAI;AAEvC,SAAIF,KAAc,IAEdgB,gBAAAA,EAAAA,KAACC,GAAA,EAAS,WAAWX,GAAe,UAAS,KAC3C,UAAA;AAAA,IAAAY,gBAAAA,EAAAA,IAACC,KAAgB,UAAAL,GAAU,QAAAN,GAAQ,aAAAJ,GAAe;AAAA,0BACjDgB,GAAA,EAAY,MAAM,GAAGpB,IAAaY,CAAiB,OACjD,UAAAS,EAAO,GAAGrB,IAAa,CAAC,EAAE,IAAIsB,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa,CAAC,GACvF;AAAA,0BACCwB,GAAA,EAAgB,UAAAT,GAAU,QAAAN,GAAQ,aAAAH,EAAY,CAAG;AAAA,EAAA,GACpD,IAKFL,IAAa,MACbF,IAAa,KACZA,IAAaE,IAAa,KAAKF,KAAcE,IAG5CgB,gBAAAA,EAAAA,KAACC,GAAA,EAAS,WAAWX,GAAe,UAAS,KAC3C,UAAA;AAAA,IAAAY,gBAAAA,EAAAA,IAACC,KAAgB,UAAAL,GAAU,QAAAN,GAAQ,aAAAJ,GAAe;AAAA,2BACjDgB,GAAA,EAAY,MAAM,GAAG,IAAIR,CAAiB,OACxC,UAAA;AAAA,MAAAS,EAAO,GAAG,CAAC,EAAE,IAAIC,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa,CAAC;AAAA,MACvEyB,EAAA;AAAA,MACA,CAACxB,IAAa,GAAGA,IAAa,GAAGA,IAAa,GAAGA,CAAU,EAAE;AAAA,QAC5DsB,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa;AAAA,MAAA;AAAA,IACvD,GACF;AAAA,0BACCwB,GAAA,EAAgB,UAAAT,GAAU,QAAAN,GAAQ,aAAAH,EAAY,CAAG;AAAA,EAAA,GACpD,IAKFW,gBAAAA,EAAAA,KAACC,GAAA,EAAS,WAAWX,GAAe,UAAS,KAC3C,UAAA;AAAA,IAAAY,gBAAAA,EAAAA,IAACC,KAAgB,UAAAL,GAAU,QAAAN,GAAQ,aAAAJ,GAAe;AAAA,2BACjDgB,GAAA,EAAY,MAAM,GAAG,IAAIR,CAAiB,OACxC,UAAA;AAAA,MAAAS,EAAO,GAAG,CAAC,EAAE,IAAIC,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa,CAAC;AAAA,MACvEyB,EAAA;AAAA,MACA,CAAC1B,IAAa,GAAGA,GAAYA,IAAa,CAAC,EAAE;AAAA,QAC5CwB,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa;AAAA,MAAA;AAAA,MAEtDyB,EAAA;AAAA,MACA,CAACxB,IAAa,GAAGA,CAAU,EAAE,IAAIsB,EAAcpB,GAAMJ,GAAYU,GAAQT,CAAa,CAAC;AAAA,IAAA,GAC1F;AAAA,0BACCwB,GAAA,EAAgB,UAAAT,GAAU,QAAAN,GAAQ,aAAAH,EAAY,CAAG;AAAA,EAAA,GACpD;AAEJ;"}

package/dist/components/Pagination/constants.js

@@ -0,0 +1,25 @@
+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
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Pagination/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Pagination/constants.js"],"sourcesContent":["const INDIVIDUAL_SMALL_REM_SIZE = 1.9;\nconst INDIVIDUAL_MEDIUM_REM_SIZE = 2.6;\nconst INDIVIDUAL_LARGE_REM_SIZE = 3.1;\n\nconst SMALL_FONT_SIZE = 1;\nconst MEDIUM_REM_FONT_SIZE = 1.2;\nconst LARGE_REM_FONT_SIZE = 1.4;\n\nconst SMALL_ICON_SIZE = 18;\nconst MEDIUM_ICON_SIZE = 19;\nconst LARGE_ICON_SIZE = 20;\n\nexport const SMALL = 'small';\nexport const MEDIUM = 'medium';\nexport const LARGE = 'large';\n\nexport const SIZE_REM_MAPPING = {\n  [SMALL]: INDIVIDUAL_SMALL_REM_SIZE,\n  [MEDIUM]: INDIVIDUAL_MEDIUM_REM_SIZE,\n  [LARGE]: INDIVIDUAL_LARGE_REM_SIZE,\n};\n\nexport const FONT_SIZE_MAPPING = {\n  [SMALL]: SMALL_FONT_SIZE,\n  [MEDIUM]: MEDIUM_REM_FONT_SIZE,\n  [LARGE]: LARGE_REM_FONT_SIZE,\n};\n\nexport const ICON_SIZE_MAPPING = {\n  [SMALL]: SMALL_ICON_SIZE,\n  [MEDIUM]: MEDIUM_ICON_SIZE,\n  [LARGE]: LARGE_ICON_SIZE,\n};\n\nexport const SELECTED_BG = 'selected_bg';\nexport const NOT_SELECTED_BG = 'not_selected_bg';\nexport const ACTIVE_NOT_SELECTED_BG = 'active_not_selected_bg';\n"],"names":["SMALL","MEDIUM","LARGE","SIZE_REM_MAPPING","FONT_SIZE_MAPPING","ICON_SIZE_MAPPING","SELECTED_BG","NOT_SELECTED_BG","ACTIVE_NOT_SELECTED_BG"],"mappings":"AAYY,MAACA,IAAQ,SACRC,IAAS,UACTC,IAAQ,SAERC,IAAmB;AAAA,EAC9B,CAACH,CAAK,GAAG;AAAA,EACT,CAACC,CAAM,GAAG;AAAA,EACV,CAACC,CAAK,GAAG;AACX,GAEaE,IAAoB;AAAA,EAC/B,CAACJ,CAAK,GAAG;AAAA,EACT,CAACC,CAAM,GAAG;AAAA,EACV,CAACC,CAAK,GAAG;AACX,GAEaG,IAAoB;AAAA,EAC/B,CAACL,CAAK,GAAG;AAAA,EACT,CAACC,CAAM,GAAG;AAAA,EACV,CAACC,CAAK,GAAG;AACX,GAEaI,IAAc,eACdC,IAAkB,mBAClBC,IAAyB;"}

package/dist/components/Pagination/helpers.js

@@ -1,25 +1,33 @@
 import { j as r } from "../../_virtual/jsx-runtime.js";
-import { Page as i, P as t } from "./styles.js";
-const l = (n, s) => (e) => {
-  const c = () => {
-    s(e);
+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 = (e, i, n, c) => (o) => {
+  const l = h[e], m = x[e], d = () => {
+    c(o);
   };
   return /* @__PURE__ */ r.jsx(
-    i,
+    p,
     {
-      "data-testid": n === e ? "current-page" : `test-${e}`,
-      isSelected: n === e,
-      onClick: c,
-      children: e
-    }
+      "data-testid": i === o ? "current-page" : `test-${o}`,
+      isSelected: i === o,
+      onClick: d,
+      shades: n,
+      individualRemSize: l,
+      fontRemSize: m,
+      children: o
+    },
+    `page_${o}`
   );
-}, x = () => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+}, 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 {
-  l as renderPageNum,
-  x as renderThreeDots
+  S as NextArrow,
+  N as PrevArrow,
+  R as renderPageNum,
+  u as renderThreeDots
 };
 //# sourceMappingURL=helpers.js.map

package/dist/components/Pagination/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/components/Pagination/helpers.jsx"],"sourcesContent":["import { Page, P } from './styles';\n\nexport const renderPageNum = (selected, setPageNumber) => (page) => {\n  const clickHandler = () => {\n    setPageNumber(page);\n  };\n\n  return (\n    <Page\n      data-testid={selected === page ? 'current-page' : `test-${page}`}\n      isSelected={selected === page}\n      onClick={clickHandler}\n    >\n      {page}\n    </Page>\n  );\n};\n\nexport const renderThreeDots = () => (\n  <>\n    <P>.</P>\n    <P>.</P>\n    <P>.</P>\n  </>\n);\n"],"names":["renderPageNum","selected","setPageNumber","page","clickHandler","jsx","Page","renderThreeDots","jsxs","Fragment","P"],"mappings":";;AAEO,MAAMA,IAAgB,CAACC,GAAUC,MAAkB,CAACC,MAAS;AAClE,QAAMC,IAAe,MAAM;AACzB,IAAAF,EAAcC,CAAI;AAAA,EACpB;AAEA,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAaL,MAAaE,IAAO,iBAAiB,QAAQA,CAAI;AAAA,MAC9D,YAAYF,MAAaE;AAAA,MACzB,SAASC;AAAA,MAER,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,GAEaI,IAAkB,MAC7BC,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,EAAAJ,gBAAAA,EAAAA,IAACK,KAAE,UAAA,IAAA,CAAC;AAAA,EACJL,gBAAAA,EAAAA,IAACK,KAAE,UAAA,IAAA,CAAC;AAAA,EACJL,gBAAAA,EAAAA,IAACK,KAAE,UAAA,IAAA,CAAC;AAAA,EAAA,CACN;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/components/Pagination/helpers.jsx"],"sourcesContent":["// components\nimport Ripple from '../Ripple';\n\n// constants\nimport { FONT_SIZE_MAPPING, SIZE_REM_MAPPING } from './constants';\n\n// styles\nimport { Page, P, ClickableChevronRight, ClickableChevronLeft } from './styles';\n\nexport const renderPageNum = (size, selected, shades, setPageNumber) => (page) => {\n  const individualRemSize = SIZE_REM_MAPPING[size];\n  const fontRemSize = FONT_SIZE_MAPPING[size];\n\n  const clickHandler = () => {\n    setPageNumber(page);\n  };\n\n  return (\n    <Page\n      data-testid={selected === page ? 'current-page' : `test-${page}`}\n      isSelected={selected === page}\n      key={`page_${page}`}\n      onClick={clickHandler}\n      {...{\n        shades,\n        individualRemSize,\n        fontRemSize,\n      }}\n    >\n      {page}\n    </Page>\n  );\n};\n\nexport const renderThreeDots = () => (\n  <>\n    <P>.</P>\n    <P>.</P>\n    <P>.</P>\n  </>\n);\n\nexport const PrevArrow = ({ iconSize, shades, setPrevPage }) => (\n  <Ripple rippleColor={shades['m50']}>\n    <ClickableChevronLeft size={iconSize} onClick={setPrevPage} />\n  </Ripple>\n);\n\nexport const NextArrow = ({ iconSize, shades, setNextPage }) => (\n  <Ripple rippleColor={shades['m50']}>\n    <ClickableChevronRight size={iconSize} onClick={setNextPage} />\n  </Ripple>\n);\n"],"names":["renderPageNum","size","selected","shades","setPageNumber","page","individualRemSize","SIZE_REM_MAPPING","fontRemSize","FONT_SIZE_MAPPING","clickHandler","jsx","Page","renderThreeDots","jsxs","Fragment","P","PrevArrow","iconSize","setPrevPage","Ripple","ClickableChevronLeft","NextArrow","setNextPage","ClickableChevronRight"],"mappings":";;;;AASO,MAAMA,IAAgB,CAACC,GAAMC,GAAUC,GAAQC,MAAkB,CAACC,MAAS;AAChF,QAAMC,IAAoBC,EAAiBN,CAAI,GACzCO,IAAcC,EAAkBR,CAAI,GAEpCS,IAAe,MAAM;AACzB,IAAAN,EAAcC,CAAI;AAAA,EACpB;AAEA,SACEM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAaV,MAAaG,IAAO,iBAAiB,QAAQA,CAAI;AAAA,MAC9D,YAAYH,MAAaG;AAAA,MAEzB,SAASK;AAAA,MAEP,QAAAP;AAAA,MACA,mBAAAG;AAAA,MACA,aAAAE;AAAA,MAGD,UAAAH;AAAA,IAAA;AAAA,IARI,QAAQA,CAAI;AAAA,EAAA;AAWvB,GAEaQ,IAAkB,MAC7BC,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,EAAAJ,gBAAAA,EAAAA,IAACK,KAAE,UAAA,IAAA,CAAC;AAAA,EACJL,gBAAAA,EAAAA,IAACK,KAAE,UAAA,IAAA,CAAC;AAAA,EACJL,gBAAAA,EAAAA,IAACK,KAAE,UAAA,IAAA,CAAC;AAAA,EAAA,CACN,GAGWC,IAAY,CAAC,EAAE,UAAAC,GAAU,QAAAf,GAAQ,aAAAgB,EAAA,MAC5CR,gBAAAA,EAAAA,IAACS,GAAA,EAAO,aAAajB,EAAO,KAC1B,UAAAQ,gBAAAA,EAAAA,IAACU,GAAA,EAAqB,MAAMH,GAAU,SAASC,GAAa,EAAA,CAC9D,GAGWG,IAAY,CAAC,EAAE,UAAAJ,GAAU,QAAAf,GAAQ,aAAAoB,EAAA,MAC5CZ,gBAAAA,EAAAA,IAACS,GAAA,EAAO,aAAajB,EAAO,KAC1B,UAAAQ,gBAAAA,EAAAA,IAACa,GAAA,EAAsB,MAAMN,GAAU,SAASK,GAAa,EAAA,CAC/D;"}

package/dist/components/Pagination/styles.js

@@ -1,41 +1,71 @@
-import r, { css as o } from "../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import i from "../Icons/ChevronLeft/ChevronLeft.js";
-import n from "../Icons/ChevronRight/ChevronRight.js";
-import { WHITE as c, TEAL as s, GREY as t } from "../../colors/index.js";
-const d = r.div`
+import o, { css as i } from "../../node_modules/styled-components/dist/styled-components.browser.esm.js";
+import f from "../Icons/ChevronLeft/ChevronLeft.js";
+import a 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 e = (r) => ({ shades: t }) => {
+  if (["#FFFFFF"].includes(t))
+    return d.m900;
+  if (r === m)
+    return t.m500;
+  if (r === l)
+    return t.m50;
+  if (r === s)
+    return t.m100;
+}, v = o.div`
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.6rem;
   min-width: 100%;
   width: 100%;
-`, h = r.div`
-  height: 3rem;
-  width: 3rem;
+`, b = o.div`
+  height: ${({ individualRemSize: r }) => `${r}rem`};
+  width: ${({ individualRemSize: r }) => `${r}rem`};
   border-radius: 50%;
-  padding-top: 0.6rem;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
   text-align: center;
-  font-size: 1.4rem;
-  ${({ isSelected: e }) => e ? o`
+  font-size: ${({ fontRemSize: r }) => r}rem;
+  ${({ isSelected: r }) => r ? i`
           cursor: auto;
-          color: ${c};
-          background-color: ${s};
-        ` : o`
+          color: ${n};
+          background-color: ${e(m)};
+        ` : i`
           cursor: pointer;
-          color: ${t};
+          color: ${c.m500};
+
+          &:hover {
+            background-color: ${e(l)};
+          }
+
+          &:active {
+            background-color: ${e(s)};
+            color: ${n};
+          }
         `}
-`, g = r.p`
-  color: ${t};
-`, f = r(i)`
+`, k = o.p`
+  color: ${c.m500};
+`, w = o(f)`
   cursor: pointer;
-`, u = r(n)`
+`, x = o(a)`
   cursor: pointer;
+`, y = o.div`
+  min-width: ${({ size: r }) => r};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 `;
 export {
-  d as AllPages,
-  f as ClickableChevronLeft,
-  u as ClickableChevronRight,
-  g as P,
-  h as Page
+  v as AllPages,
+  w as ClickableChevronLeft,
+  x as ClickableChevronRight,
+  y as MiddleLayer,
+  k as P,
+  b as Page
 };
 //# sourceMappingURL=styles.js.map

package/dist/components/Pagination/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/Pagination/styles.js"],"sourcesContent":["// Libraries\nimport styled, { css } from 'styled-components';\n\n// Icons\nimport ChevronLeft from '../Icons/ChevronLeft';\nimport ChevronRight from '../Icons/ChevronRight';\n\n// constants\nimport { GREY, TEAL, WHITE } from '../../colors';\n\nexport const AllPages = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.6rem;\n  min-width: 100%;\n  width: 100%;\n`;\n\nexport const Page = styled.div`\n  height: 3rem;\n  width: 3rem;\n  border-radius: 50%;\n  padding-top: 0.6rem;\n  text-align: center;\n  font-size: 1.4rem;\n  ${({ isSelected }) =>\n    isSelected\n      ? css`\n          cursor: auto;\n          color: ${WHITE};\n          background-color: ${TEAL};\n        `\n      : css`\n          cursor: pointer;\n          color: ${GREY};\n        `}\n`;\n\nexport const P = styled.p`\n  color: ${GREY};\n`;\n\nexport const ClickableChevronLeft = styled(ChevronLeft)`\n  cursor: pointer;\n`;\n\nexport const ClickableChevronRight = styled(ChevronRight)`\n  cursor: pointer;\n`;\n"],"names":["AllPages","styled","Page","isSelected","css","WHITE","TEAL","GREY","P","ClickableChevronLeft","ChevronLeft","ClickableChevronRight","ChevronRight"],"mappings":";;;;AAUY,MAACA,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASlBC,IAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOvB,CAAC,EAAE,YAAAE,EAAU,MACbA,IACIC;AAAAA;AAAAA,mBAEWC,CAAK;AAAA,8BACMC,CAAI;AAAA,YAE1BF;AAAAA;AAAAA,mBAEWG,CAAI;AAAA,SACd;AAAA,GAGIC,IAAIP,EAAO;AAAA,WACbM,CAAI;AAAA,GAGFE,IAAuBR,EAAOS,CAAW;AAAA;AAAA,GAIzCC,IAAwBV,EAAOW,CAAY;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../src/components/Pagination/styles.js"],"sourcesContent":["// Libraries\nimport styled, { css } from 'styled-components';\n\n// Icons\nimport ChevronLeft from '../Icons/ChevronLeft';\nimport ChevronRight from '../Icons/ChevronRight';\n\n// constants\nimport grey from '../../colors/grey';\nimport white from '../../colors/white';\nimport black from '../../colors/black';\nimport { SELECTED_BG, NOT_SELECTED_BG, ACTIVE_NOT_SELECTED_BG } from './constants';\n\nconst getShade =\n  (type) =>\n  ({ shades }) => {\n    if (['#FFFFFF'].includes(shades)) {\n      return black.m900;\n    }\n\n    if (type === SELECTED_BG) {\n      return shades['m500'];\n    }\n\n    if (type === NOT_SELECTED_BG) {\n      return shades['m50'];\n    }\n\n    if (type === ACTIVE_NOT_SELECTED_BG) {\n      return shades['m100'];\n    }\n  };\n\nexport const AllPages = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.6rem;\n  min-width: 100%;\n  width: 100%;\n`;\n\nexport const Page = styled.div`\n  height: ${({ individualRemSize }) => `${individualRemSize}rem`};\n  width: ${({ individualRemSize }) => `${individualRemSize}rem`};\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  font-size: ${({ fontRemSize }) => fontRemSize}rem;\n  ${({ isSelected }) =>\n    isSelected\n      ? css`\n          cursor: auto;\n          color: ${white};\n          background-color: ${getShade(SELECTED_BG)};\n        `\n      : css`\n          cursor: pointer;\n          color: ${grey.m500};\n\n          &:hover {\n            background-color: ${getShade(NOT_SELECTED_BG)};\n          }\n\n          &:active {\n            background-color: ${getShade(ACTIVE_NOT_SELECTED_BG)};\n            color: ${white};\n          }\n        `}\n`;\n\nexport const P = styled.p`\n  color: ${grey.m500};\n`;\n\nexport const ClickableChevronLeft = styled(ChevronLeft)`\n  cursor: pointer;\n`;\n\nexport const ClickableChevronRight = styled(ChevronRight)`\n  cursor: pointer;\n`;\n\nexport const MiddleLayer = styled.div`\n  min-width: ${({ size }) => size};\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`;\n"],"names":["getShade","type","shades","black","SELECTED_BG","NOT_SELECTED_BG","ACTIVE_NOT_SELECTED_BG","AllPages","styled","Page","individualRemSize","fontRemSize","isSelected","css","white","grey","P","ClickableChevronLeft","ChevronLeft","ClickableChevronRight","ChevronRight","MiddleLayer","size"],"mappings":";;;;;;;AAaA,MAAMA,IACJ,CAACC,MACD,CAAC,EAAE,QAAAC,EAAM,MAAO;AACd,MAAI,CAAC,SAAS,EAAE,SAASA,CAAM;AAC7B,WAAOC,EAAM;AAGf,MAAIF,MAASG;AACX,WAAOF,EAAO;AAGhB,MAAID,MAASI;AACX,WAAOH,EAAO;AAGhB,MAAID,MAASK;AACX,WAAOJ,EAAO;AAElB,GAEWK,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASlBC,IAAOD,EAAO;AAAA,YACf,CAAC,EAAE,mBAAAE,EAAiB,MAAO,GAAGA,CAAiB,KAAK;AAAA,WACrD,CAAC,EAAE,mBAAAA,EAAiB,MAAO,GAAGA,CAAiB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOhD,CAAC,EAAE,aAAAC,EAAW,MAAOA,CAAW;AAAA,IAC3C,CAAC,EAAE,YAAAC,EAAU,MACbA,IACIC;AAAAA;AAAAA,mBAEWC,CAAK;AAAA,8BACMd,EAASI,CAAW,CAAC;AAAA,YAE3CS;AAAAA;AAAAA,mBAEWE,EAAK,IAAI;AAAA;AAAA;AAAA,gCAGIf,EAASK,CAAe,CAAC;AAAA;AAAA;AAAA;AAAA,gCAIzBL,EAASM,CAAsB,CAAC;AAAA,qBAC3CQ,CAAK;AAAA;AAAA,SAEjB;AAAA,GAGIE,IAAIR,EAAO;AAAA,WACbO,EAAK,IAAI;AAAA,GAGPE,IAAuBT,EAAOU,CAAW;AAAA;AAAA,GAIzCC,IAAwBX,EAAOY,CAAY;AAAA;AAAA,GAI3CC,IAAcb,EAAO;AAAA,eACnB,CAAC,EAAE,MAAAc,EAAI,MAAOA,CAAI;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/Ripple/Ripple.js

@@ -0,0 +1,27 @@
+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
+};
+//# sourceMappingURL=Ripple.js.map

package/dist/components/Ripple/Ripple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ripple.js","sources":["../../../src/components/Ripple/Ripple.jsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport './Ripple.css';\n\nconst Ripple = ({ children, rippleColor = 'rgba(0,0,0,0.3)', className = '', ...props }) => {\n  const containerRef = useRef(null);\n\n  const createRipple = (e) => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const ripple = document.createElement('span');\n    ripple.className = 'ripple';\n    ripple.style.backgroundColor = rippleColor;\n\n    const rect = container.getBoundingClientRect();\n    const size = Math.max(rect.width, rect.height);\n    ripple.style.width = ripple.style.height = `${size}px`;\n\n    // Center ripple on click\n    ripple.style.left = `${e.clientX - rect.left - size / 2}px`;\n    ripple.style.top = `${e.clientY - rect.top - size / 2}px`;\n\n    container.appendChild(ripple);\n    ripple.addEventListener('animationend', () => ripple.remove());\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      onClick={createRipple}\n      className={`ripple-container ${className}`}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Ripple;\n"],"names":["Ripple","children","rippleColor","className","props","containerRef","useRef","createRipple","e","container","ripple","rect","size","jsx"],"mappings":";;;AAGA,MAAMA,IAAS,CAAC,EAAE,UAAAC,GAAU,aAAAC,IAAc,mBAAmB,WAAAC,IAAY,IAAI,GAAGC,QAAY;AAC1F,QAAMC,IAAeC,EAAO,IAAI,GAE1BC,IAAe,CAACC,MAAM;AAC1B,UAAMC,IAAYJ,EAAa;AAC/B,QAAI,CAACI,EAAW;AAEhB,UAAMC,IAAS,SAAS,cAAc,MAAM;AAC5C,IAAAA,EAAO,YAAY,UACnBA,EAAO,MAAM,kBAAkBR;AAE/B,UAAMS,IAAOF,EAAU,sBAAA,GACjBG,IAAO,KAAK,IAAID,EAAK,OAAOA,EAAK,MAAM;AAC7C,IAAAD,EAAO,MAAM,QAAQA,EAAO,MAAM,SAAS,GAAGE,CAAI,MAGlDF,EAAO,MAAM,OAAO,GAAGF,EAAE,UAAUG,EAAK,OAAOC,IAAO,CAAC,MACvDF,EAAO,MAAM,MAAM,GAAGF,EAAE,UAAUG,EAAK,MAAMC,IAAO,CAAC,MAErDH,EAAU,YAAYC,CAAM,GAC5BA,EAAO,iBAAiB,gBAAgB,MAAMA,EAAO,QAAQ;AAAA,EAC/D;AAEA,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACL,SAASE;AAAA,MACT,WAAW,oBAAoBJ,CAAS;AAAA,MACvC,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Ripple/index.js

@@ -0,0 +1,5 @@
+import e from "./Ripple.js";
+export {
+  e as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Ripple/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/meticulous-ui.css

@@ -0,0 +1 @@
+.ripple-container{position:relative;overflow:hidden;display:inline-block}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}

package/dist/node_modules/lodash-es/_Hash.js

@@ -0,0 +1,21 @@
+import p from "./_hashClear.js";
+import a from "./_hashDelete.js";
+import l from "./_hashGet.js";
+import s from "./_hashHas.js";
+import m from "./_hashSet.js";
+function t(o) {
+  var e = -1, h = o == null ? 0 : o.length;
+  for (this.clear(); ++e < h; ) {
+    var r = o[e];
+    this.set(r[0], r[1]);
+  }
+}
+t.prototype.clear = p;
+t.prototype.delete = a;
+t.prototype.get = l;
+t.prototype.has = s;
+t.prototype.set = m;
+export {
+  t as default
+};
+//# sourceMappingURL=_Hash.js.map

package/dist/node_modules/lodash-es/_Hash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Hash.js","sources":["../../../node_modules/lodash-es/_Hash.js"],"sourcesContent":["import hashClear from './_hashClear.js';\nimport hashDelete from './_hashDelete.js';\nimport hashGet from './_hashGet.js';\nimport hashHas from './_hashHas.js';\nimport hashSet from './_hashSet.js';\n\n/**\n * Creates a hash object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Hash(entries) {\n  var index = -1,\n      length = entries == null ? 0 : entries.length;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n// Add methods to `Hash`.\nHash.prototype.clear = hashClear;\nHash.prototype['delete'] = hashDelete;\nHash.prototype.get = hashGet;\nHash.prototype.has = hashHas;\nHash.prototype.set = hashSet;\n\nexport default Hash;\n"],"names":["Hash","entries","index","length","entry","hashClear","hashDelete","hashGet","hashHas","hashSet"],"mappings":";;;;;AAaA,SAASA,EAAKC,GAAS;AACrB,MAAIC,IAAQ,IACRC,IAASF,KAAW,OAAO,IAAIA,EAAQ;AAG3C,OADA,KAAK,MAAK,GACH,EAAEC,IAAQC,KAAQ;AACvB,QAAIC,IAAQH,EAAQC,CAAK;AACzB,SAAK,IAAIE,EAAM,CAAC,GAAGA,EAAM,CAAC,CAAC;AAAA,EAC7B;AACF;AAGAJ,EAAK,UAAU,QAAQK;AACvBL,EAAK,UAAU,SAAYM;AAC3BN,EAAK,UAAU,MAAMO;AACrBP,EAAK,UAAU,MAAMQ;AACrBR,EAAK,UAAU,MAAMS;","x_google_ignoreList":[0]}

package/dist/node_modules/lodash-es/_ListCache.js

@@ -0,0 +1,21 @@
+import p from "./_listCacheClear.js";
+import a from "./_listCacheDelete.js";
+import i from "./_listCacheGet.js";
+import h from "./_listCacheHas.js";
+import s from "./_listCacheSet.js";
+function t(e) {
+  var o = -1, l = e == null ? 0 : e.length;
+  for (this.clear(); ++o < l; ) {
+    var r = e[o];
+    this.set(r[0], r[1]);
+  }
+}
+t.prototype.clear = p;
+t.prototype.delete = a;
+t.prototype.get = i;
+t.prototype.has = h;
+t.prototype.set = s;
+export {
+  t as default
+};
+//# sourceMappingURL=_ListCache.js.map

package/dist/node_modules/lodash-es/_ListCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_ListCache.js","sources":["../../../node_modules/lodash-es/_ListCache.js"],"sourcesContent":["import listCacheClear from './_listCacheClear.js';\nimport listCacheDelete from './_listCacheDelete.js';\nimport listCacheGet from './_listCacheGet.js';\nimport listCacheHas from './_listCacheHas.js';\nimport listCacheSet from './_listCacheSet.js';\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(entries) {\n  var index = -1,\n      length = entries == null ? 0 : entries.length;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n// Add methods to `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\nexport default ListCache;\n"],"names":["ListCache","entries","index","length","entry","listCacheClear","listCacheDelete","listCacheGet","listCacheHas","listCacheSet"],"mappings":";;;;;AAaA,SAASA,EAAUC,GAAS;AAC1B,MAAIC,IAAQ,IACRC,IAASF,KAAW,OAAO,IAAIA,EAAQ;AAG3C,OADA,KAAK,MAAK,GACH,EAAEC,IAAQC,KAAQ;AACvB,QAAIC,IAAQH,EAAQC,CAAK;AACzB,SAAK,IAAIE,EAAM,CAAC,GAAGA,EAAM,CAAC,CAAC;AAAA,EAC7B;AACF;AAGAJ,EAAU,UAAU,QAAQK;AAC5BL,EAAU,UAAU,SAAYM;AAChCN,EAAU,UAAU,MAAMO;AAC1BP,EAAU,UAAU,MAAMQ;AAC1BR,EAAU,UAAU,MAAMS;","x_google_ignoreList":[0]}

package/dist/node_modules/lodash-es/_Map.js

@@ -0,0 +1,7 @@
+import o from "./_getNative.js";
+import r from "./_root.js";
+var p = o(r, "Map");
+export {
+  p as default
+};
+//# sourceMappingURL=_Map.js.map

package/dist/node_modules/lodash-es/_Map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Map.js","sources":["../../../node_modules/lodash-es/_Map.js"],"sourcesContent":["import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar Map = getNative(root, 'Map');\n\nexport default Map;\n"],"names":["Map","getNative","root"],"mappings":";;AAIG,IAACA,IAAMC,EAAUC,GAAM,KAAK;","x_google_ignoreList":[0]}

package/dist/node_modules/lodash-es/_MapCache.js

@@ -0,0 +1,21 @@
+import r from "./_mapCacheClear.js";
+import m from "./_mapCacheDelete.js";
+import h from "./_mapCacheGet.js";
+import l from "./_mapCacheHas.js";
+import c from "./_mapCacheSet.js";
+function e(t) {
+  var o = -1, a = t == null ? 0 : t.length;
+  for (this.clear(); ++o < a; ) {
+    var p = t[o];
+    this.set(p[0], p[1]);
+  }
+}
+e.prototype.clear = r;
+e.prototype.delete = m;
+e.prototype.get = h;
+e.prototype.has = l;
+e.prototype.set = c;
+export {
+  e as default
+};
+//# sourceMappingURL=_MapCache.js.map

package/dist/node_modules/lodash-es/_MapCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_MapCache.js","sources":["../../../node_modules/lodash-es/_MapCache.js"],"sourcesContent":["import mapCacheClear from './_mapCacheClear.js';\nimport mapCacheDelete from './_mapCacheDelete.js';\nimport mapCacheGet from './_mapCacheGet.js';\nimport mapCacheHas from './_mapCacheHas.js';\nimport mapCacheSet from './_mapCacheSet.js';\n\n/**\n * Creates a map cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction MapCache(entries) {\n  var index = -1,\n      length = entries == null ? 0 : entries.length;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n// Add methods to `MapCache`.\nMapCache.prototype.clear = mapCacheClear;\nMapCache.prototype['delete'] = mapCacheDelete;\nMapCache.prototype.get = mapCacheGet;\nMapCache.prototype.has = mapCacheHas;\nMapCache.prototype.set = mapCacheSet;\n\nexport default MapCache;\n"],"names":["MapCache","entries","index","length","entry","mapCacheClear","mapCacheDelete","mapCacheGet","mapCacheHas","mapCacheSet"],"mappings":";;;;;AAaA,SAASA,EAASC,GAAS;AACzB,MAAIC,IAAQ,IACRC,IAASF,KAAW,OAAO,IAAIA,EAAQ;AAG3C,OADA,KAAK,MAAK,GACH,EAAEC,IAAQC,KAAQ;AACvB,QAAIC,IAAQH,EAAQC,CAAK;AACzB,SAAK,IAAIE,EAAM,CAAC,GAAGA,EAAM,CAAC,CAAC;AAAA,EAC7B;AACF;AAGAJ,EAAS,UAAU,QAAQK;AAC3BL,EAAS,UAAU,SAAYM;AAC/BN,EAAS,UAAU,MAAMO;AACzBP,EAAS,UAAU,MAAMQ;AACzBR,EAAS,UAAU,MAAMS;","x_google_ignoreList":[0]}

package/dist/node_modules/lodash-es/_arrayMap.js

@@ -0,0 +1,9 @@
+function h(e, u) {
+  for (var l = -1, n = e == null ? 0 : e.length, t = Array(n); ++l < n; )
+    t[l] = u(e[l], l, e);
+  return t;
+}
+export {
+  h as default
+};
+//# sourceMappingURL=_arrayMap.js.map

package/dist/node_modules/lodash-es/_arrayMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_arrayMap.js","sources":["../../../node_modules/lodash-es/_arrayMap.js"],"sourcesContent":["/**\n * A specialized version of `_.map` for arrays without support for iteratee\n * shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n */\nfunction arrayMap(array, iteratee) {\n  var index = -1,\n      length = array == null ? 0 : array.length,\n      result = Array(length);\n\n  while (++index < length) {\n    result[index] = iteratee(array[index], index, array);\n  }\n  return result;\n}\n\nexport default arrayMap;\n"],"names":["arrayMap","array","iteratee","index","length","result"],"mappings":"AASA,SAASA,EAASC,GAAOC,GAAU;AAKjC,WAJIC,IAAQ,IACRC,IAASH,KAAS,OAAO,IAAIA,EAAM,QACnCI,IAAS,MAAMD,CAAM,GAElB,EAAED,IAAQC;AACf,IAAAC,EAAOF,CAAK,IAAID,EAASD,EAAME,CAAK,GAAGA,GAAOF,CAAK;AAErD,SAAOI;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/lodash-es/_assocIndexOf.js

@@ -0,0 +1,11 @@
+import r from "./eq.js";
+function o(t, n) {
+  for (var e = t.length; e--; )
+    if (r(t[e][0], n))
+      return e;
+  return -1;
+}
+export {
+  o as default
+};
+//# sourceMappingURL=_assocIndexOf.js.map

package/dist/node_modules/lodash-es/_assocIndexOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_assocIndexOf.js","sources":["../../../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":";AAUA,SAASA,EAAaC,GAAOC,GAAK;AAEhC,WADIC,IAASF,EAAM,QACZE;AACL,QAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,GAAGD,CAAG;AAC1B,aAAOC;AAGX,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/lodash-es/_baseGet.js

@@ -0,0 +1,12 @@
+import l from "./_castPath.js";
+import f from "./_toKey.js";
+function d(n, e) {
+  e = l(e, n);
+  for (var r = 0, i = e.length; n != null && r < i; )
+    n = n[f(e[r++])];
+  return r && r == i ? n : void 0;
+}
+export {
+  d as default
+};
+//# sourceMappingURL=_baseGet.js.map

package/dist/node_modules/lodash-es/_baseGet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_baseGet.js","sources":["../../../node_modules/lodash-es/_baseGet.js"],"sourcesContent":["import castPath from './_castPath.js';\nimport toKey from './_toKey.js';\n\n/**\n * The base implementation of `_.get` without support for default values.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the property to get.\n * @returns {*} Returns the resolved value.\n */\nfunction baseGet(object, path) {\n  path = castPath(path, object);\n\n  var index = 0,\n      length = path.length;\n\n  while (object != null && index < length) {\n    object = object[toKey(path[index++])];\n  }\n  return (index && index == length) ? object : undefined;\n}\n\nexport default baseGet;\n"],"names":["baseGet","object","path","castPath","index","length","toKey"],"mappings":";;AAWA,SAASA,EAAQC,GAAQC,GAAM;AAC7B,EAAAA,IAAOC,EAASD,GAAMD,CAAM;AAK5B,WAHIG,IAAQ,GACRC,IAASH,EAAK,QAEXD,KAAU,QAAQG,IAAQC;AAC/B,IAAAJ,IAASA,EAAOK,EAAMJ,EAAKE,GAAO,CAAC,CAAC;AAEtC,SAAQA,KAASA,KAASC,IAAUJ,IAAS;AAC/C;","x_google_ignoreList":[0]}

package/dist/node_modules/lodash-es/_baseIsNative.js

@@ -0,0 +1,17 @@
+import o from "./isFunction.js";
+import e from "./_isMasked.js";
+import a from "./isObject.js";
+import n from "./_toSource.js";
+var p = /[\\^$.*+?()[\]{}|]/g, i = /^\[object .+?Constructor\]$/, s = Function.prototype, c = Object.prototype, f = s.toString, m = c.hasOwnProperty, u = RegExp(
+  "^" + f.call(m).replace(p, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function O(r) {
+  if (!a(r) || e(r))
+    return !1;
+  var t = o(r) ? u : i;
+  return t.test(n(r));
+}
+export {
+  O as default
+};
+//# sourceMappingURL=_baseIsNative.js.map