meticulous-ui 1.0.24 → 1.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/README.md +188 -0
  2. package/dist/colors/amber.js +19 -0
  3. package/dist/colors/black.js +25 -0
  4. package/dist/colors/blue.js +19 -0
  5. package/dist/colors/blueGray.js +15 -0
  6. package/dist/colors/brown.js +15 -0
  7. package/dist/colors/cider.js +15 -0
  8. package/dist/colors/cyan.js +19 -0
  9. package/dist/colors/deepOrange.js +19 -0
  10. package/dist/colors/deepPurple.js +19 -0
  11. package/dist/colors/green.js +19 -0
  12. package/dist/colors/grey.js +15 -0
  13. package/dist/colors/index.js +51 -0
  14. package/dist/colors/indigo.js +19 -0
  15. package/dist/colors/lightBlue.js +19 -0
  16. package/dist/colors/lightGreen.js +19 -0
  17. package/dist/colors/lime.js +19 -0
  18. package/dist/colors/orange.js +19 -0
  19. package/dist/colors/pink.js +19 -0
  20. package/dist/colors/purple.js +19 -0
  21. package/dist/colors/red.js +19 -0
  22. package/dist/colors/teal.js +19 -0
  23. package/dist/colors/violet.js +19 -0
  24. package/dist/colors/white.js +4 -0
  25. package/dist/colors/yellow.js +19 -0
  26. package/dist/components/Icons/Add/Add.js +47 -0
  27. package/dist/components/Icons/AddCircle/AddCircle.js +35 -0
  28. package/dist/components/Icons/AddCircleFilled/AddCircleFilled.js +26 -0
  29. package/dist/components/Icons/ArrowDown/ArrowDown.js +26 -0
  30. package/dist/components/Icons/ArrowLeft/ArrowLeft.js +27 -0
  31. package/dist/components/Icons/ArrowRight/ArrowRight.js +27 -0
  32. package/dist/components/Icons/ArrowUp/ArrowUp.js +26 -0
  33. package/dist/components/Icons/BellFilled/BellFilled.js +26 -0
  34. package/dist/components/Icons/BellOffFilled/BellOffFilled.js +37 -0
  35. package/dist/components/Icons/BellOffOutline/BellOffOutline.js +38 -0
  36. package/dist/components/Icons/BellOutline/BellOutline.js +39 -0
  37. package/dist/components/Icons/BookmarkFilled/BookmarkFilled.js +18 -0
  38. package/dist/components/Icons/BookmarkOutline/BookmarkOutline.js +26 -0
  39. package/dist/components/Icons/ChevronDown/ChevronDown.js +27 -0
  40. package/dist/components/Icons/ChevronLeft/ChevronLeft.js +27 -0
  41. package/dist/components/Icons/ChevronRight/ChevronRight.js +27 -0
  42. package/dist/components/Icons/ChevronUp/ChevronUp.js +27 -0
  43. package/dist/components/Icons/ClockCircleOutline/ClockCircleOutline.js +30 -0
  44. package/dist/components/Icons/ClockSquareOutline/ClockSquareOutline.js +37 -0
  45. package/dist/components/Icons/Close/Close.js +24 -0
  46. package/dist/components/Icons/CloseCircleFilled/CloseCircleFilled.js +26 -0
  47. package/dist/components/Icons/CloseCircleOutline/CloseCircleOutline.js +27 -0
  48. package/dist/components/Icons/CommentBubbleFilled/CommentBubbleFilled.js +18 -0
  49. package/dist/components/Icons/CommentBubbleOutline/CommentBubbleOutline.js +18 -0
  50. package/dist/components/Icons/CommentFilled/CommentFilled.js +18 -0
  51. package/dist/components/Icons/CommentLineFilled/CommentLineFilled.js +18 -0
  52. package/dist/components/Icons/CommentLineOutline/CommentLineOutline.js +18 -0
  53. package/dist/components/Icons/CommentOutline/CommentOutline.js +18 -0
  54. package/dist/components/Icons/DotsHorizontalFilled/DotsHorizontalFilled.js +24 -0
  55. package/dist/components/Icons/DotsHorizontalOutline/DotsHorizontalOutline.js +27 -0
  56. package/dist/components/Icons/DotsVerticalFilled/DotsVerticalFilled.js +24 -0
  57. package/dist/components/Icons/DotsVerticalOutline/DotsVerticalOutline.js +27 -0
  58. package/dist/components/Icons/HamburgerMenu/HamburgerMenu.js +26 -0
  59. package/dist/components/Icons/HamburgerSpaced/HamburgerSpaced.js +18 -0
  60. package/dist/components/Icons/HeartFilled/HeartFilled.js +24 -0
  61. package/dist/components/Icons/HeartOutline/HeartOutline.js +29 -0
  62. package/dist/components/Icons/HomeFilled/HomeFilled.js +26 -0
  63. package/dist/components/Icons/HomeOutline/HomeOutline.js +26 -0
  64. package/dist/components/Icons/Link/Link.js +37 -0
  65. package/dist/components/Icons/Minus/Minus.js +27 -0
  66. package/dist/components/Icons/MinusCircle/MinusCircle.js +18 -0
  67. package/dist/components/Icons/MinusCircleFilled/MinusCircleFilled.js +18 -0
  68. package/dist/components/Icons/Search/Search.js +18 -0
  69. package/dist/components/Icons/SettingFilled/SettingFilled.js +24 -0
  70. package/dist/components/Icons/SettingOutline/SettingOutline.js +24 -0
  71. package/dist/components/Icons/ShareAllFilled/ShareAllFilled.js +26 -0
  72. package/dist/components/Icons/ShareAllOutline/ShareAllOutline.js +29 -0
  73. package/dist/components/Icons/ShareBoxOutline/ShareBoxOutline.js +24 -0
  74. package/dist/components/Icons/ShareFilled/ShareFilled.js +35 -0
  75. package/dist/components/Icons/ShareOutline/ShareOutline.js +38 -0
  76. package/dist/components/Icons/ShareThickFilled/ShareThickFilled.js +24 -0
  77. package/dist/components/Icons/StarFilled/StarFilled.js +24 -0
  78. package/dist/components/Icons/StarOutline/StarOutline.js +24 -0
  79. package/dist/components/Icons/ThumbsDownFilled/ThumbsDownFilled.js +24 -0
  80. package/dist/components/Icons/ThumbsDownOutline/ThumbsDownOutline.js +24 -0
  81. package/dist/components/Icons/ThumbsUpFilled/ThumbsUpFilled.js +24 -0
  82. package/dist/components/Icons/ThumbsUpOutline/ThumbsUpOutline.js +24 -0
  83. package/dist/components/Icons/Upload/Upload.js +33 -0
  84. package/dist/components/Icons/UploadBoxFilled/UploadBoxFilled.js +26 -0
  85. package/dist/components/Icons/UploadBoxOutline/UploadBoxOutline.js +35 -0
  86. package/dist/components/Icons/index.js +125 -0
  87. package/dist/components/Pagination/Pagination.js +60 -0
  88. package/dist/components/Pagination/constants.js +24 -0
  89. package/dist/components/Pagination/helpers.js +32 -0
  90. package/dist/components/Pagination/index.js +4 -0
  91. package/dist/components/Pagination/styles.js +75 -0
  92. package/dist/components/Ripple/Ripple.js +26 -0
  93. package/dist/components/Ripple/index.js +4 -0
  94. package/dist/index.js +12 -0
  95. package/dist/utils/capFirstLetter.js +4 -0
  96. package/dist/utils/compose.js +4 -0
  97. package/dist/utils/hasEqualProps.js +7 -0
  98. package/dist/utils/index.js +13 -0
  99. package/dist/utils/isNonEmptyArray.js +4 -0
  100. package/package.json +2 -1
@@ -0,0 +1,35 @@
1
+ import { j as l } from "../../../_virtual/jsx-runtime.js";
2
+ import t from "../../../colors/grey.js";
3
+ const s = ({ color: a = t.m500, size: e = 24, ...i }) => /* @__PURE__ */ l.jsxs(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 24 24",
7
+ width: e,
8
+ height: e,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Share Filled",
12
+ ...i,
13
+ children: [
14
+ /* @__PURE__ */ l.jsx(
15
+ "path",
16
+ {
17
+ d: "m12.332 5.184 4.977 4.424c.93.827 1.396 1.241 1.568 1.73a2 2 0 0 1 0 1.325c-.172.488-.637.902-1.568 1.729l-4.978 4.425c-.422.375-.633.563-.812.57a.5.5 0 0 1-.405-.182C11 19.066 11 18.784 11 18.219v-2.79c-2.428 0-4.993.78-6.865 2.164-.975.72-1.463 1.08-1.648 1.067a.45.45 0 0 1-.39-.24c-.096-.16-.011-.658.159-1.653C3.361 10.3 7.811 8.57 11 8.57v-2.79c0-.565 0-.847.114-.986a.5.5 0 0 1 .405-.181c.18.006.39.194.813.57",
18
+ fill: a
19
+ }
20
+ ),
21
+ /* @__PURE__ */ l.jsx(
22
+ "path",
23
+ {
24
+ fillRule: "evenodd",
25
+ clipRule: "evenodd",
26
+ d: "M14.989 3.99a.75.75 0 0 1 1.06-.04l5.216 4.844a4.647 4.647 0 0 1-.15 6.944l-5.09 4.333a.75.75 0 1 1-.973-1.142l5.09-4.333a3.147 3.147 0 0 0 .102-4.703L15.028 5.05a.75.75 0 0 1-.04-1.06",
27
+ fill: a
28
+ }
29
+ )
30
+ ]
31
+ }
32
+ );
33
+ export {
34
+ s as default
35
+ };
@@ -0,0 +1,38 @@
1
+ import { j as t } from "../../../_virtual/jsx-runtime.js";
2
+ import s from "../../../colors/grey.js";
3
+ const a = ({ color: e = s.m500, size: r = 24, ...o }) => /* @__PURE__ */ t.jsxs(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 24 24",
7
+ width: r,
8
+ height: r,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Share Outline",
12
+ ...o,
13
+ children: [
14
+ /* @__PURE__ */ t.jsx(
15
+ "path",
16
+ {
17
+ d: "m12.664 5.479 3.973 3.53c1.568 1.395 2.353 2.092 2.353 2.99s-.785 1.596-2.353 2.99l-3.973 3.53c-.716.637-1.074.956-1.369.823S11 18.731 11 17.772v-2.344c-3.6 0-7.5 1.714-9 4.571 0-9.142 5.333-11.428 9-11.428V6.226c0-.958 0-1.437.295-1.57.295-.132.653.186 1.37.823",
18
+ stroke: e,
19
+ strokeWidth: "1.5",
20
+ strokeLinecap: "round",
21
+ strokeLinejoin: "round"
22
+ }
23
+ ),
24
+ /* @__PURE__ */ t.jsx(
25
+ "path",
26
+ {
27
+ d: "m15.539 4.5 5.216 4.844a3.897 3.897 0 0 1-.126 5.823l-5.09 4.333",
28
+ stroke: e,
29
+ strokeWidth: "1.5",
30
+ strokeLinecap: "round"
31
+ }
32
+ )
33
+ ]
34
+ }
35
+ );
36
+ export {
37
+ a as default
38
+ };
@@ -0,0 +1,24 @@
1
+ import { j as a } from "../../../_virtual/jsx-runtime.js";
2
+ import r from "../../../colors/grey.js";
3
+ const o = ({ color: i = r.m500, size: l = 24, ...e }) => /* @__PURE__ */ a.jsx(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 16 16",
7
+ width: l,
8
+ height: l,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Share Thick Filled",
12
+ ...e,
13
+ children: /* @__PURE__ */ a.jsx(
14
+ "path",
15
+ {
16
+ d: "M11 6a3 3 0 1 0-2.93-2.349L4.87 5.653a3 3 0 1 0 0 4.694L8.07 12.35a3 3 0 1 0 1.06-1.696L5.93 8.65a3 3 0 0 0 0-1.302l3.202-2.002A3 3 0 0 0 11 6",
17
+ fill: i
18
+ }
19
+ )
20
+ }
21
+ );
22
+ export {
23
+ o as default
24
+ };
@@ -0,0 +1,24 @@
1
+ import { j as a } from "../../../_virtual/jsx-runtime.js";
2
+ import i from "../../../colors/grey.js";
3
+ const s = ({ color: t = i.m500, size: l = 24, ...r }) => /* @__PURE__ */ a.jsx(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 64 64",
7
+ width: l,
8
+ height: l,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Star Filled",
12
+ ...r,
13
+ children: /* @__PURE__ */ a.jsx(
14
+ "path",
15
+ {
16
+ fill: t,
17
+ d: "M63.893 24.277a2 2 0 0 0-1.595-1.343l-19.674-3.006L33.809 1.15a2.002 2.002 0 0 0-3.622 0l-8.815 18.778-19.674 3.007a2.003 2.003 0 0 0-1.13 3.374l14.294 14.657-3.378 20.704a2 2 0 0 0 .822 1.957 1.99 1.99 0 0 0 2.119.116l17.572-9.719 17.572 9.719a1.991 1.991 0 0 0 2.119-.116c.627-.44.946-1.201.822-1.957l-3.378-20.704 14.294-14.657a2 2 0 0 0 .467-2.032"
18
+ }
19
+ )
20
+ }
21
+ );
22
+ export {
23
+ s as default
24
+ };
@@ -0,0 +1,24 @@
1
+ import { j as t } from "../../../_virtual/jsx-runtime.js";
2
+ import i from "../../../colors/grey.js";
3
+ const s = ({ color: a = i.m500, size: l = 24, ...r }) => /* @__PURE__ */ t.jsx(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 64 64",
7
+ width: l,
8
+ height: l,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Star Outline",
12
+ ...r,
13
+ children: /* @__PURE__ */ t.jsx(
14
+ "path",
15
+ {
16
+ fill: a,
17
+ d: "M32.001 2.484c.279 0 .463.509.463.509l8.806 18.759 20.729 3.167L47 40.299 50.541 62l-18.54-10.254L13.461 62l3.541-21.701-14.999-15.38 20.729-3.167L31.53 3.009s.192-.525.471-.525m0-2.477c-.775 0-1.48.448-1.811 1.15l-8.815 18.778-19.674 3.006a2.003 2.003 0 0 0-1.13 3.374l14.294 14.657-3.378 20.704a2 2 0 0 0 .822 1.957 1.99 1.99 0 0 0 2.12.117l17.572-9.719 17.572 9.719a1.991 1.991 0 0 0 2.119-.116c.627-.44.946-1.201.822-1.957l-3.378-20.704L63.43 26.316a2 2 0 0 0-1.13-3.374l-19.674-3.006-8.814-18.779a2 2 0 0 0-1.811-1.15"
18
+ }
19
+ )
20
+ }
21
+ );
22
+ export {
23
+ s as default
24
+ };
@@ -0,0 +1,24 @@
1
+ import { j as h } from "../../../_virtual/jsx-runtime.js";
2
+ import i from "../../../colors/grey.js";
3
+ const r = ({ color: o = i.m500, size: l = 24, ...t }) => /* @__PURE__ */ h.jsx(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 24 24",
7
+ width: l,
8
+ height: l,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Thumbs Down Filled",
12
+ ...t,
13
+ children: /* @__PURE__ */ h.jsx(
14
+ "path",
15
+ {
16
+ 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",
17
+ fill: o
18
+ }
19
+ )
20
+ }
21
+ );
22
+ export {
23
+ r as default
24
+ };
@@ -0,0 +1,24 @@
1
+ import { j as t } from "../../../_virtual/jsx-runtime.js";
2
+ import o from "../../../colors/grey.js";
3
+ const s = ({ color: h = o.m500, size: l = 24, ...c }) => /* @__PURE__ */ t.jsx(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 24 24",
7
+ width: l,
8
+ height: l,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Thumbs Down Outline",
12
+ ...c,
13
+ children: /* @__PURE__ */ t.jsx(
14
+ "path",
15
+ {
16
+ 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",
17
+ fill: h
18
+ }
19
+ )
20
+ }
21
+ );
22
+ export {
23
+ s as default
24
+ };
@@ -0,0 +1,24 @@
1
+ import { j as t } from "../../../_virtual/jsx-runtime.js";
2
+ import s from "../../../colors/grey.js";
3
+ const r = ({ color: h = s.m500, size: l = 24, ...i }) => /* @__PURE__ */ t.jsx(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 24 24",
7
+ width: l,
8
+ height: l,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Thumbs Up Filled",
12
+ ...i,
13
+ children: /* @__PURE__ */ t.jsx(
14
+ "path",
15
+ {
16
+ 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",
17
+ fill: h
18
+ }
19
+ )
20
+ }
21
+ );
22
+ export {
23
+ r as default
24
+ };
@@ -0,0 +1,24 @@
1
+ import { j as t } from "../../../_virtual/jsx-runtime.js";
2
+ import s from "../../../colors/grey.js";
3
+ const e = ({ color: c = s.m500, size: l = 24, ...h }) => /* @__PURE__ */ t.jsx(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 24 24",
7
+ width: l,
8
+ height: l,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Thumbs Up Outline",
12
+ ...h,
13
+ children: /* @__PURE__ */ t.jsx(
14
+ "path",
15
+ {
16
+ 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",
17
+ fill: c
18
+ }
19
+ )
20
+ }
21
+ );
22
+ export {
23
+ e as default
24
+ };
@@ -0,0 +1,33 @@
1
+ import { j as a } from "../../../_virtual/jsx-runtime.js";
2
+ import i from "../../../colors/grey.js";
3
+ const r = ({ color: l = i.m500, size: t = 24, ...s }) => /* @__PURE__ */ a.jsxs(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 24 24",
7
+ width: t,
8
+ height: t,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Upload",
12
+ ...s,
13
+ children: [
14
+ /* @__PURE__ */ a.jsx(
15
+ "path",
16
+ {
17
+ 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",
18
+ fill: l
19
+ }
20
+ ),
21
+ /* @__PURE__ */ a.jsx(
22
+ "path",
23
+ {
24
+ 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",
25
+ fill: l
26
+ }
27
+ )
28
+ ]
29
+ }
30
+ );
31
+ export {
32
+ r as default
33
+ };
@@ -0,0 +1,26 @@
1
+ import { j as e } from "../../../_virtual/jsx-runtime.js";
2
+ import i from "../../../colors/grey.js";
3
+ const t = ({ color: o = i.m500, size: l = 24, ...a }) => /* @__PURE__ */ e.jsx(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 24 24",
7
+ width: l,
8
+ height: l,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Upload Box Filled",
12
+ ...a,
13
+ children: /* @__PURE__ */ e.jsx(
14
+ "path",
15
+ {
16
+ fillRule: "evenodd",
17
+ clipRule: "evenodd",
18
+ 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",
19
+ fill: o
20
+ }
21
+ )
22
+ }
23
+ );
24
+ export {
25
+ t as default
26
+ };
@@ -0,0 +1,35 @@
1
+ import { j as l } from "../../../_virtual/jsx-runtime.js";
2
+ import t from "../../../colors/grey.js";
3
+ const c = ({ color: a = t.m500, size: e = 24, ...s }) => /* @__PURE__ */ l.jsxs(
4
+ "svg",
5
+ {
6
+ viewBox: "0 0 24 24",
7
+ width: e,
8
+ height: e,
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-label": "Upload Box Outline",
12
+ ...s,
13
+ children: [
14
+ /* @__PURE__ */ l.jsx(
15
+ "path",
16
+ {
17
+ 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",
18
+ fill: a
19
+ }
20
+ ),
21
+ /* @__PURE__ */ l.jsx(
22
+ "path",
23
+ {
24
+ fillRule: "evenodd",
25
+ clipRule: "evenodd",
26
+ 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",
27
+ fill: a
28
+ }
29
+ )
30
+ ]
31
+ }
32
+ );
33
+ export {
34
+ c as default
35
+ };
@@ -0,0 +1,125 @@
1
+ import o from "./UploadBoxOutline/UploadBoxOutline.js";
2
+ import r from "./UploadBoxFilled/UploadBoxFilled.js";
3
+ import m from "./Upload/Upload.js";
4
+ import i from "./ThumbsUpOutline/ThumbsUpOutline.js";
5
+ import t from "./ThumbsUpFilled/ThumbsUpFilled.js";
6
+ import l from "./ThumbsDownOutline/ThumbsDownOutline.js";
7
+ import e from "./ThumbsDownFilled/ThumbsDownFilled.js";
8
+ import p from "./StarOutline/StarOutline.js";
9
+ import f from "./StarFilled/StarFilled.js";
10
+ import n from "./ShareThickFilled/ShareThickFilled.js";
11
+ import u from "./ShareOutline/ShareOutline.js";
12
+ import d from "./ShareFilled/ShareFilled.js";
13
+ import a from "./ShareBoxOutline/ShareBoxOutline.js";
14
+ import O from "./ShareAllOutline/ShareAllOutline.js";
15
+ import C from "./ShareAllFilled/ShareAllFilled.js";
16
+ import F from "./SettingOutline/SettingOutline.js";
17
+ import h from "./SettingFilled/SettingFilled.js";
18
+ import s from "./Search/Search.js";
19
+ import c from "./MinusCircleFilled/MinusCircleFilled.js";
20
+ import S from "./MinusCircle/MinusCircle.js";
21
+ import B from "./Minus/Minus.js";
22
+ import b from "./Link/Link.js";
23
+ import A from "./HomeOutline/HomeOutline.js";
24
+ import k from "./HomeFilled/HomeFilled.js";
25
+ import w from "./HeartOutline/HeartOutline.js";
26
+ import D from "./HeartFilled/HeartFilled.js";
27
+ import H from "./HamburgerSpaced/HamburgerSpaced.js";
28
+ import U from "./HamburgerMenu/HamburgerMenu.js";
29
+ import g from "./DotsVerticalOutline/DotsVerticalOutline.js";
30
+ import x from "./DotsVerticalFilled/DotsVerticalFilled.js";
31
+ import L from "./DotsHorizontalOutline/DotsHorizontalOutline.js";
32
+ import T from "./DotsHorizontalFilled/DotsHorizontalFilled.js";
33
+ import v from "./CommentOutline/CommentOutline.js";
34
+ import M from "./CommentLineOutline/CommentLineOutline.js";
35
+ import z from "./CommentLineFilled/CommentLineFilled.js";
36
+ import R from "./CommentFilled/CommentFilled.js";
37
+ import V from "./CommentBubbleOutline/CommentBubbleOutline.js";
38
+ import q from "./CommentBubbleFilled/CommentBubbleFilled.js";
39
+ import j from "./CloseCircleOutline/CloseCircleOutline.js";
40
+ import y from "./CloseCircleFilled/CloseCircleFilled.js";
41
+ import E from "./Close/Close.js";
42
+ import G from "./ClockSquareOutline/ClockSquareOutline.js";
43
+ import I from "./ClockCircleOutline/ClockCircleOutline.js";
44
+ import J from "./ChevronUp/ChevronUp.js";
45
+ import K from "./ChevronRight/ChevronRight.js";
46
+ import N from "./ChevronLeft/ChevronLeft.js";
47
+ import P from "./ChevronDown/ChevronDown.js";
48
+ import Q from "./BookmarkOutline/BookmarkOutline.js";
49
+ import W from "./BookmarkFilled/BookmarkFilled.js";
50
+ import X from "./BellOutline/BellOutline.js";
51
+ import Y from "./BellOffOutline/BellOffOutline.js";
52
+ import Z from "./BellOffFilled/BellOffFilled.js";
53
+ import _ from "./BellFilled/BellFilled.js";
54
+ import $ from "./ArrowUp/ArrowUp.js";
55
+ import oo from "./ArrowRight/ArrowRight.js";
56
+ import ro from "./ArrowLeft/ArrowLeft.js";
57
+ import mo from "./ArrowDown/ArrowDown.js";
58
+ import io from "./AddCircleFilled/AddCircleFilled.js";
59
+ import to from "./AddCircle/AddCircle.js";
60
+ import lo from "./Add/Add.js";
61
+ const Or = {
62
+ Add: lo,
63
+ AddCircle: to,
64
+ AddCircleFilled: io,
65
+ ArrowDown: mo,
66
+ ArrowLeft: ro,
67
+ ArrowRight: oo,
68
+ ArrowUp: $,
69
+ BellFilled: _,
70
+ BellOffFilled: Z,
71
+ BellOffOutline: Y,
72
+ BellOutline: X,
73
+ BookmarkFilled: W,
74
+ BookmarkOutline: Q,
75
+ ChevronDown: P,
76
+ ChevronLeft: N,
77
+ ChevronRight: K,
78
+ ChevronUp: J,
79
+ ClockCircleOutline: I,
80
+ ClockSquareOutline: G,
81
+ Close: E,
82
+ CloseCircleFilled: y,
83
+ CloseCircleOutline: j,
84
+ CommentBubbleFilled: q,
85
+ CommentBubbleOutline: V,
86
+ CommentFilled: R,
87
+ CommentLineFilled: z,
88
+ CommentLineOutline: M,
89
+ CommentOutline: v,
90
+ DotsHorizontalFilled: T,
91
+ DotsHorizontalOutline: L,
92
+ DotsVerticalFilled: x,
93
+ DotsVerticalOutline: g,
94
+ HamburgerMenu: U,
95
+ HamburgerSpaced: H,
96
+ HeartFilled: D,
97
+ HeartOutline: w,
98
+ HomeFilled: k,
99
+ HomeOutline: A,
100
+ Link: b,
101
+ Minus: B,
102
+ MinusCircle: S,
103
+ MinusCircleFilled: c,
104
+ Search: s,
105
+ SettingFilled: h,
106
+ SettingOutline: F,
107
+ ShareAllFilled: C,
108
+ ShareAllOutline: O,
109
+ ShareBoxOutline: a,
110
+ ShareFilled: d,
111
+ ShareOutline: u,
112
+ ShareThickFilled: n,
113
+ StarFilled: f,
114
+ StarOutline: p,
115
+ ThumbsDownFilled: e,
116
+ ThumbsDownOutline: l,
117
+ ThumbsUpFilled: t,
118
+ ThumbsUpOutline: i,
119
+ Upload: m,
120
+ UploadBoxFilled: r,
121
+ UploadBoxOutline: o
122
+ };
123
+ export {
124
+ Or as default
125
+ };
@@ -0,0 +1,60 @@
1
+ import { j as c } from "../../_virtual/jsx-runtime.js";
2
+ import K from "../../node_modules/lodash-es/get.js";
3
+ import h from "../../node_modules/lodash-es/range.js";
4
+ import { PrevArrow as w, renderPageNum as x, NextArrow as A, renderThreeDots as I } from "./helpers.js";
5
+ import R from "../../colors/index.js";
6
+ import S from "../../colors/teal.js";
7
+ import { ICON_SIZE_MAPPING as _, MEDIUM as v, SIZE_REM_MAPPING as $ } from "./constants.js";
8
+ import { AllPages as M, MiddleLayer as y } from "./styles.js";
9
+ const k = ({
10
+ pageNumber: n,
11
+ setPageNumber: D,
12
+ totalPages: r,
13
+ theme: E = "lime",
14
+ size: i = v,
15
+ isDisabled: j = !1
16
+ }) => {
17
+ const d = (e) => {
18
+ e !== n && D(e);
19
+ }, f = () => {
20
+ n > 1 && d(n - 1);
21
+ }, t = () => {
22
+ n < r && d(n + 1);
23
+ }, m = (e) => {
24
+ console.log({ e }), ["ArrowLeft", "ArrowUp"].includes(e.code) && f(), ["ArrowRight", "ArrowDown"].includes(e.code) && t();
25
+ }, o = K(R, E, S), l = $[i], s = _[i];
26
+ return r <= 7 ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
27
+ /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
28
+ /* @__PURE__ */ c.jsx(y, { size: `${r * l}rem`, children: h(1, r + 1).map(
29
+ x({ size: i, selected: n, shades: o, changePage: d })
30
+ ) }),
31
+ /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
32
+ ] }) : r < 10 || n < 4 || n > r - 3 && n <= r ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
33
+ /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
34
+ /* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
35
+ h(1, 5).map(x({ size: i, selected: n, shades: o, changePage: d })),
36
+ I(),
37
+ [r - 3, r - 2, r - 1, r].map(
38
+ x({ size: i, selected: n, shades: o, changePage: d })
39
+ )
40
+ ] }),
41
+ /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
42
+ ] }) : /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
43
+ /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
44
+ /* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
45
+ h(1, 3).map(x({ size: i, selected: n, shades: o, changePage: d })),
46
+ I(),
47
+ [n - 1, n, n + 1].map(
48
+ x({ size: i, selected: n, shades: o, changePage: d })
49
+ ),
50
+ I(),
51
+ [r - 1, r].map(
52
+ x({ size: i, selected: n, shades: o, changePage: d })
53
+ )
54
+ ] }),
55
+ /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
56
+ ] });
57
+ };
58
+ export {
59
+ k as default
60
+ };
@@ -0,0 +1,24 @@
1
+ const _ = "small", I = "medium", E = "large", M = {
2
+ [_]: 1.9,
3
+ [I]: 2.6,
4
+ [E]: 3.1
5
+ }, S = {
6
+ [_]: 1,
7
+ [I]: 1.2,
8
+ [E]: 1.4
9
+ }, L = {
10
+ [_]: 18,
11
+ [I]: 19,
12
+ [E]: 20
13
+ }, t = "selected_bg", N = "not_selected_bg", A = "active_not_selected_bg";
14
+ export {
15
+ A as ACTIVE_NOT_SELECTED_BG,
16
+ S as FONT_SIZE_MAPPING,
17
+ L as ICON_SIZE_MAPPING,
18
+ E as LARGE,
19
+ I as MEDIUM,
20
+ N as NOT_SELECTED_BG,
21
+ t as SELECTED_BG,
22
+ M as SIZE_REM_MAPPING,
23
+ _ as SMALL
24
+ };
@@ -0,0 +1,32 @@
1
+ import { j as r } from "../../_virtual/jsx-runtime.js";
2
+ import s from "../Ripple/Ripple.js";
3
+ import { FONT_SIZE_MAPPING as x, SIZE_REM_MAPPING as h } from "./constants.js";
4
+ import { ClickableChevronLeft as j, Page as p, ClickableChevronRight as C, P as t } from "./styles.js";
5
+ const R = ({ size: e, selected: i, shades: n, changePage: c }) => (o) => {
6
+ const l = h[e], m = x[e], d = () => {
7
+ c(o);
8
+ };
9
+ return /* @__PURE__ */ r.jsx(
10
+ p,
11
+ {
12
+ "data-testid": i === o ? "current-page" : `test-${o}`,
13
+ isSelected: i === o,
14
+ onClick: d,
15
+ shades: n,
16
+ individualRemSize: l,
17
+ fontRemSize: m,
18
+ children: o
19
+ },
20
+ `page_${o}`
21
+ );
22
+ }, u = () => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
23
+ /* @__PURE__ */ r.jsx(t, { children: "." }),
24
+ /* @__PURE__ */ r.jsx(t, { children: "." }),
25
+ /* @__PURE__ */ r.jsx(t, { children: "." })
26
+ ] }), 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 }) });
27
+ export {
28
+ S as NextArrow,
29
+ N as PrevArrow,
30
+ R as renderPageNum,
31
+ u as renderThreeDots
32
+ };
@@ -0,0 +1,4 @@
1
+ import o from "./Pagination.js";
2
+ export {
3
+ o as default
4
+ };
@@ -0,0 +1,75 @@
1
+ import o, { css as i } from "../../node_modules/styled-components/dist/styled-components.browser.esm.js";
2
+ import c from "../../colors/grey.js";
3
+ import n from "../../colors/white.js";
4
+ import a from "../../colors/black.js";
5
+ import { SELECTED_BG as m, NOT_SELECTED_BG as l, ACTIVE_NOT_SELECTED_BG as s } from "./constants.js";
6
+ import f from "../Icons/ChevronLeft/ChevronLeft.js";
7
+ import d from "../Icons/ChevronRight/ChevronRight.js";
8
+ const t = (r) => ({ shades: e }) => {
9
+ if (["#FFFFFF"].includes(e))
10
+ return a.m900;
11
+ if (r === m)
12
+ return e.m500;
13
+ if (r === l)
14
+ return e.m50;
15
+ if (r === s)
16
+ return e.m100;
17
+ }, E = o.div`
18
+ display: flex;
19
+ justify-content: center;
20
+ align-items: center;
21
+ gap: 0.6rem;
22
+ min-width: 100%;
23
+ width: 100%;
24
+
25
+ ${({ isDisabled: r }) => r && i`
26
+ pointer-events: none;
27
+ opacity: 0.4;
28
+ `};
29
+ `, b = o.div`
30
+ height: ${({ individualRemSize: r }) => `${r}rem`};
31
+ width: ${({ individualRemSize: r }) => `${r}rem`};
32
+ border-radius: 50%;
33
+ display: flex;
34
+ align-items: center;
35
+ flex-direction: column;
36
+ justify-content: center;
37
+ text-align: center;
38
+ font-size: ${({ fontRemSize: r }) => r}rem;
39
+ ${({ isSelected: r }) => r ? i`
40
+ cursor: auto;
41
+ color: ${n};
42
+ background-color: ${t(m)};
43
+ ` : i`
44
+ cursor: pointer;
45
+ color: ${c.m500};
46
+
47
+ &:hover {
48
+ background-color: ${t(l)};
49
+ }
50
+
51
+ &:active {
52
+ background-color: ${t(s)};
53
+ color: ${n};
54
+ }
55
+ `}
56
+ `, y = o.p`
57
+ color: ${c.m500};
58
+ `, k = o(f)`
59
+ cursor: pointer;
60
+ `, w = o(d)`
61
+ cursor: pointer;
62
+ `, x = o.div`
63
+ min-width: ${({ size: r }) => r};
64
+ display: flex;
65
+ align-items: center;
66
+ justify-content: space-between;
67
+ `;
68
+ export {
69
+ E as AllPages,
70
+ k as ClickableChevronLeft,
71
+ w as ClickableChevronRight,
72
+ x as MiddleLayer,
73
+ y as P,
74
+ b as Page
75
+ };