meticulous-ui 1.1.3 → 1.1.5

package/README.md

@@ -23,7 +23,6 @@ import { useState } from 'react';
 
 import Pagination from 'meticulous-ui/components/Pagination';
 import ChevronLeft from 'meticulous-ui/components/Icons/ChevronLeft';
-import Ripple from 'meticulous-ui/components/Ripple';
 import blue from 'meticulous-ui/colors/blue';
 import capFirstLetter from 'meticulous-ui/utils/capFirstLetter';
 
@@ -33,9 +32,7 @@ function App() {
   return (
     <div>
       <h2>{capFirstLetter('example with pagination')}</h2> // returns: Example with pagination
-      <Ripple rippleColor={blue.m50}>
-        <ChevronLeft size={10} color={blue.m400} onClick={setPrevPage} />
-      </Ripple>
+      <ChevronLeft size={10} color={blue.m400} onClick={setPrevPage} />
       <Pagination totalPages={10} pageNumber={pageNumber} setPageNumber={setPageNumber} />
     </div>
   );
@@ -53,7 +50,6 @@ export default App;
 | Component    | Description                           |
 | ------------ | ------------------------------------- |
 | `Pagination` | Fully responsive pagination component |
-| `Ripple`     | A concentric circles visual animation |
 
 ## 📦 Icon Components
 
@@ -152,7 +148,7 @@ export default App;
 | `red`        | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
 | `teal`       | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
 | `violet`     | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `white`      | #FFFFFF                                                                         |
+| `white`      | #FFFFFF                                                                           |
 | `yellow`     | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
 
 ## 📦 Utils

package/components/Icons/Add/Add.js

@@ -1,47 +1,48 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import t from "../../../colors/grey.js";
-const o = ({ color: i = t.m500, size: r = 24, ...s }) => /* @__PURE__ */ e.jsx(
+const s = ({ size: n = 24, color: o = "currentColor", ...t }) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
+    width: n,
+    height: n,
     viewBox: "0 0 24 24",
-    width: r,
-    height: r,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": "Add",
-    ...s,
-    children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx("g", { dataName: "add", children: /* @__PURE__ */ e.jsxs("g", { children: [
-      /* @__PURE__ */ e.jsx(
-        "line",
-        {
-          fill: i,
-          stroke: i,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "2",
-          x1: "12",
-          x2: "12",
-          y1: "19",
-          y2: "5"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "line",
-        {
-          fill: i,
-          stroke: i,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "2",
-          x1: "5",
-          x2: "19",
-          y1: "12",
-          y2: "12"
-        }
-      )
-    ] }) }) })
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("title", {}),
+      /* @__PURE__ */ e.jsx("g", { id: "Complete", children: /* @__PURE__ */ e.jsx("g", { "data-name": "add", id: "add-2", children: /* @__PURE__ */ e.jsxs("g", { children: [
+        /* @__PURE__ */ e.jsx(
+          "line",
+          {
+            fill: "none",
+            stroke: o,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            x1: "12",
+            x2: "12",
+            y1: "19",
+            y2: "5"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "line",
+          {
+            fill: "none",
+            stroke: o,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            x1: "5",
+            x2: "19",
+            y1: "12",
+            y2: "12"
+          }
+        )
+      ] }) }) })
+    ]
   }
 );
 export {
-  o as default
+  s as default
 };

package/components/Icons/Add/index.js

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

package/components/Icons/AddCircle/AddCircle.js

@@ -1,29 +1,27 @@
-import { j as l } from "../../../_virtual/jsx-runtime.js";
-import d from "../../../colors/grey.js";
-const r = ({ color: e = d.m500, size: i = 24, ...a }) => /* @__PURE__ */ l.jsxs(
+import { j as C } from "../../../_virtual/jsx-runtime.js";
+const i = ({ size: l = 24, color: e = "currentColor", ...t }) => /* @__PURE__ */ C.jsxs(
   "svg",
   {
+    width: l,
+    height: l,
     viewBox: "0 0 24 24",
-    width: i,
-    height: i,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": "Add Circle",
-    ...a,
+    ...t,
     children: [
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ C.jsx(
         "path",
         {
-          d: "M11 8a1 1 0 1 1 2 0v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3z",
+          d: "M11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8V11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H13V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V13H8C7.44771 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11H11V8Z",
           fill: e
         }
       ),
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ C.jsx(
         "path",
         {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11M3.007 12a8.993 8.993 0 1 0 17.986 0 8.993 8.993 0 0 0-17.986 0",
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM3.00683 12C3.00683 16.9668 7.03321 20.9932 12 20.9932C16.9668 20.9932 20.9932 16.9668 20.9932 12C20.9932 7.03321 16.9668 3.00683 12 3.00683C7.03321 3.00683 3.00683 7.03321 3.00683 12Z",
           fill: e
         }
       )
@@ -31,5 +29,5 @@ const r = ({ color: e = d.m500, size: i = 24, ...a }) => /* @__PURE__ */ l.jsxs(
   }
 );
 export {
-  r as default
+  i as default
 };

package/components/Icons/AddCircle/index.js

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

package/components/Icons/AddCircleFilled/AddCircleFilled.js

@@ -1,26 +1,24 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import o from "../../../colors/grey.js";
-const a = ({ color: i = o.m500, size: l = 24, ...d }) => /* @__PURE__ */ e.jsx(
+const t = ({ size: l = 24, color: C = "currentColor", ...o }) => /* @__PURE__ */ e.jsx(
   "svg",
   {
-    viewBox: "0 0 24 24",
     width: l,
     height: l,
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": "Add Circle Filled",
-    ...d,
+    ...o,
     children: /* @__PURE__ */ e.jsx(
       "path",
       {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m.75-13a.75.75 0 0 0-1.5 0v2.25H9a.75.75 0 0 0 0 1.5h2.25V15a.75.75 0 0 0 1.5 0v-2.25H15a.75.75 0 0 0 0-1.5h-2.25z",
-        fill: i
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z",
+        fill: C
       }
     )
   }
 );
 export {
-  a as default
+  t as default
 };

package/components/Icons/AddCircleFilled/index.js

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

package/components/Icons/ArrowDown/ArrowDown.js

@@ -1,22 +1,20 @@
-import { j as o } from "../../../_virtual/jsx-runtime.js";
-import a from "../../../colors/grey.js";
-const n = ({ color: e = a.m500, size: l = 24, ...r }) => /* @__PURE__ */ o.jsx(
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+const n = ({ size: o = 24, color: l = "currentColor", ...r }) => /* @__PURE__ */ e.jsx(
   "svg",
   {
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
-    width: l,
-    height: l,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": "Arrow Down",
     ...r,
-    children: /* @__PURE__ */ o.jsx(
+    children: /* @__PURE__ */ e.jsx(
       "path",
       {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M12 3a1 1 0 0 1 1 1v13.586l5.293-5.293a1 1 0 0 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 1 1 1.414-1.414L11 17.586V4a1 1 0 0 1 1-1",
-        fill: e
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M12 3C12.5523 3 13 3.44772 13 4V17.5858L18.2929 12.2929C18.6834 11.9024 19.3166 11.9024 19.7071 12.2929C20.0976 12.6834 20.0976 13.3166 19.7071 13.7071L12.7071 20.7071C12.3166 21.0976 11.6834 21.0976 11.2929 20.7071L4.29289 13.7071C3.90237 13.3166 3.90237 12.6834 4.29289 12.2929C4.68342 11.9024 5.31658 11.9024 5.70711 12.2929L11 17.5858V4C11 3.44772 11.4477 3 12 3Z",
+        fill: l
       }
     )
   }

package/components/Icons/ArrowDown/index.js

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

package/components/Icons/ArrowLeft/ArrowLeft.js

@@ -1,27 +1,25 @@
-import { j as o } from "../../../_virtual/jsx-runtime.js";
-import s from "../../../colors/grey.js";
-const a = ({ color: t = s.m500, size: r = 24, ...e }) => /* @__PURE__ */ o.jsx(
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+const s = ({ size: o = 24, color: r = "currentColor", ...e }) => /* @__PURE__ */ t.jsx(
   "svg",
   {
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
-    width: r,
-    height: r,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": "Arrow Left",
     ...e,
-    children: /* @__PURE__ */ o.jsx(
+    children: /* @__PURE__ */ t.jsx(
       "path",
       {
-        d: "M5 12h14M5 12l6-6m-6 6 6 6",
-        stroke: t,
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        d: "M5 12H19M5 12L11 6M5 12L11 18",
+        stroke: r,
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
       }
     )
   }
 );
 export {
-  a as default
+  s as default
 };

package/components/Icons/ArrowLeft/index.js

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

package/components/Icons/ArrowRight/ArrowRight.js

@@ -1,27 +1,25 @@
-import { j as o } from "../../../_virtual/jsx-runtime.js";
-import i from "../../../colors/grey.js";
-const h = ({ color: t = i.m500, size: r = 24, ...e }) => /* @__PURE__ */ o.jsx(
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+const s = ({ size: o = 24, color: r = "currentColor", ...e }) => /* @__PURE__ */ t.jsx(
   "svg",
   {
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
-    width: r,
-    height: r,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": "Arrow Right",
     ...e,
-    children: /* @__PURE__ */ o.jsx(
+    children: /* @__PURE__ */ t.jsx(
       "path",
       {
-        d: "M5 12h14m0 0-6-6m6 6-6 6",
-        stroke: t,
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        d: "M5 12H19M19 12L13 6M19 12L13 18",
+        stroke: r,
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
       }
     )
   }
 );
 export {
-  h as default
+  s as default
 };

package/components/Icons/ArrowRight/index.js

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

package/components/Icons/ArrowUp/ArrowUp.js

@@ -1,26 +1,24 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import t from "../../../colors/grey.js";
-const p = ({ color: o = t.m500, size: l = 24, ...r }) => /* @__PURE__ */ e.jsx(
+const n = ({ size: o = 24, color: l = "currentColor", ...r }) => /* @__PURE__ */ e.jsx(
   "svg",
   {
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
-    width: l,
-    height: l,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": "Arrow Up",
     ...r,
     children: /* @__PURE__ */ e.jsx(
       "path",
       {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M12 3a1 1 0 0 1 .707.293l7 7a1 1 0 0 1-1.414 1.414L13 6.414V20a1 1 0 1 1-2 0V6.414l-5.293 5.293a1 1 0 0 1-1.414-1.414l7-7A1 1 0 0 1 12 3",
-        fill: o
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M12 3C12.2652 3 12.5196 3.10536 12.7071 3.29289L19.7071 10.2929C20.0976 10.6834 20.0976 11.3166 19.7071 11.7071C19.3166 12.0976 18.6834 12.0976 18.2929 11.7071L13 6.41421V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V6.41421L5.70711 11.7071C5.31658 12.0976 4.68342 12.0976 4.29289 11.7071C3.90237 11.3166 3.90237 10.6834 4.29289 10.2929L11.2929 3.29289C11.4804 3.10536 11.7348 3 12 3Z",
+        fill: l
       }
     )
   }
 );
 export {
-  p as default
+  n as default
 };

package/components/Icons/ArrowUp/index.js

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

package/components/Icons/BellFilled/BellFilled.js

@@ -1,26 +1,35 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import t from "../../../colors/grey.js";
-const r = ({ color: i = t.m500, size: l = 24, ...o }) => /* @__PURE__ */ e.jsx(
+import { j as C } from "../../../_virtual/jsx-runtime.js";
+const o = ({ size: l = 24, color: e = "currentColor", ...d }) => /* @__PURE__ */ C.jsxs(
   "svg",
   {
-    viewBox: "0 0 24 24",
     width: l,
     height: l,
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": "Bell Filled",
-    ...o,
-    children: /* @__PURE__ */ e.jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M12 2c-2.03 0-3.651.726-4.752 1.98C6.164 5.218 5.667 6.87 5.667 8.6v1.733c0 .244-.11.538-.395.917-.274.363-.63.703-1.022 1.08l-.066.063A3.78 3.78 0 0 0 3 15.133C3 16.67 4.198 18 5.778 18h12.444C19.802 18 21 16.67 21 15.133c0-1.133-.5-2.084-1.184-2.74l-.066-.063c-.393-.377-.748-.717-1.022-1.08-.285-.38-.395-.673-.395-.917V8.6c0-1.73-.497-3.383-1.581-4.62C15.65 2.727 14.03 2 12 2M9.443 19.17a1 1 0 0 1 1.388.273c.099.148.253.288.46.391.209.104.453.162.709.162s.5-.058.708-.162c.208-.103.362-.243.461-.391a1 1 0 1 1 1.662 1.114 3.2 3.2 0 0 1-1.231 1.068 3.6 3.6 0 0 1-1.6.371 3.6 3.6 0 0 1-1.6-.371 3.2 3.2 0 0 1-1.23-1.068 1 1 0 0 1 .273-1.388",
-        fill: i
-      }
-    )
+    ...d,
+    children: [
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M12 2C9.9695 2 8.34903 2.72578 7.24822 3.98079C6.16397 5.21692 5.66667 6.87057 5.66667 8.6V10.3333C5.66667 10.5774 5.55716 10.8709 5.27166 11.2498C4.99798 11.6129 4.6427 11.9534 4.25022 12.3296L4.18372 12.3934C3.49997 13.0494 3 13.9996 3 15.1333C3 16.67 4.19824 18 5.77778 18H18.2222C19.8018 18 21 16.67 21 15.1333C21 13.9996 20.5 13.0494 19.8163 12.3934L19.7498 12.3296L19.7497 12.3296C19.3573 11.9534 19.002 11.6129 18.7283 11.2498C18.4428 10.8709 18.3333 10.5774 18.3333 10.3333V8.6C18.3333 6.87057 17.836 5.21692 16.7518 3.98079C15.651 2.72578 14.0305 2 12 2Z",
+          fill: e
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M9.44303 19.1694C9.90172 18.8618 10.5229 18.9843 10.8305 19.443C10.9299 19.5912 11.0843 19.731 11.2919 19.8345C11.4998 19.938 11.7444 19.9964 12 19.9964C12.2556 19.9964 12.5002 19.938 12.7081 19.8345C12.9157 19.731 13.0701 19.5912 13.1695 19.443C13.4771 18.9843 14.0983 18.8618 14.557 19.1694C15.0157 19.4771 15.1381 20.0983 14.8305 20.557C14.5234 21.0149 14.0944 21.3783 13.6 21.6246C13.1058 21.8708 12.5546 21.9964 12 21.9964C11.4454 21.9964 10.8942 21.8708 10.4 21.6246C9.90564 21.3783 9.47658 21.0149 9.16946 20.557C8.86186 20.0983 8.98434 19.4771 9.44303 19.1694Z",
+          fill: e
+        }
+      )
+    ]
   }
 );
 export {
-  r as default
+  o as default
 };

package/components/Icons/BellFilled/index.js

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

package/components/Icons/BellOffFilled/BellOffFilled.js

@@ -1,37 +1,44 @@
-import { j as l } from "../../../_virtual/jsx-runtime.js";
-import a from "../../../colors/grey.js";
-const o = ({ color: e = a.m500, size: i = 24, ...d }) => /* @__PURE__ */ l.jsxs(
+import { j as C } from "../../../_virtual/jsx-runtime.js";
+const n = ({ size: e = 24, color: l = "currentColor", ...d }) => /* @__PURE__ */ C.jsxs(
   "svg",
   {
+    width: e,
+    height: e,
     viewBox: "0 0 24 24",
-    width: i,
-    height: i,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": "Bell Off Filled",
     ...d,
     children: [
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ C.jsx(
         "path",
         {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M9.443 19.17a1 1 0 0 1 1.388.273c.099.148.253.288.46.391.209.104.453.162.709.162s.5-.058.708-.162c.208-.103.362-.243.461-.391a1 1 0 1 1 1.662 1.114 3.2 3.2 0 0 1-1.231 1.068 3.6 3.6 0 0 1-1.6.371 3.6 3.6 0 0 1-1.6-.371 3.2 3.2 0 0 1-1.23-1.068 1 1 0 0 1 .273-1.388M2.293 2.293a1 1 0 0 1 1.414 0l18 18a1 1 0 0 1-1.414 1.414l-18-18a1 1 0 0 1 0-1.414",
-          fill: e
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M9.44303 19.1694C9.90172 18.8618 10.5229 18.9843 10.8305 19.443C10.9299 19.5912 11.0843 19.731 11.2919 19.8345C11.4998 19.938 11.7444 19.9964 12 19.9964C12.2556 19.9964 12.5002 19.938 12.7081 19.8345C12.9157 19.731 13.0701 19.5912 13.1695 19.443C13.4771 18.9843 14.0983 18.8618 14.557 19.1694C15.0157 19.4771 15.1381 20.0983 14.8305 20.557C14.5234 21.0149 14.0944 21.3783 13.6 21.6246C13.1058 21.8708 12.5546 21.9964 12 21.9964C11.4454 21.9964 10.8942 21.8708 10.4 21.6246C9.90564 21.3783 9.47658 21.0149 9.16946 20.557C8.86186 20.0983 8.98434 19.4771 9.44303 19.1694Z",
+          fill: l
         }
       ),
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ C.jsx(
         "path",
         {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M6.225 5.639c-.379.91-.558 1.922-.558 2.961v1.733c0 .244-.11.538-.395.917-.274.363-.63.703-1.022 1.08l-.066.063A3.78 3.78 0 0 0 3 15.133C3 16.67 4.198 18 5.778 18h12.444q.174 0 .343-.021zM19.97 16.557c.211.211.563.192.7-.074.211-.406.329-.868.329-1.35 0-1.133-.5-2.084-1.184-2.74l-.066-.063c-.393-.377-.748-.717-1.022-1.08-.285-.38-.395-.673-.395-.917V8.6c0-1.73-.497-3.383-1.581-4.62C15.65 2.727 14.03 2 12 2c-1.794 0-3.268.567-4.347 1.565a.47.47 0 0 0 .002.676z",
-          fill: e
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M2.29289 2.29289C2.68342 1.90237 3.31658 1.90237 3.70711 2.29289L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L2.29289 3.70711C1.90237 3.31658 1.90237 2.68342 2.29289 2.29289Z",
+          fill: l
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M6.22469 5.6389C5.84619 6.54916 5.66667 7.5609 5.66667 8.6V10.3333C5.66667 10.5774 5.55716 10.8709 5.27166 11.2498C4.99798 11.6129 4.6427 11.9534 4.25022 12.3296L4.18372 12.3934C3.49997 13.0494 3 13.9996 3 15.1333C3 16.67 4.19824 18 5.77778 18H18.2222C18.3385 18 18.4528 17.9928 18.5646 17.9788L6.22469 5.6389ZM19.9711 16.5569C20.1824 16.7682 20.5344 16.7486 20.6718 16.4832C20.8822 16.0767 21 15.6152 21 15.1333C21 13.9996 20.5 13.0494 19.8163 12.3934L19.7498 12.3296C19.3573 11.9534 19.002 11.6129 18.7283 11.2498C18.4428 10.8709 18.3333 10.5774 18.3333 10.3333V8.6C18.3333 6.87057 17.836 5.21692 16.7518 3.98079C15.651 2.72578 14.0305 2 12 2C10.2057 2 8.73159 2.56674 7.65331 3.5646C7.45733 3.74597 7.46601 4.0518 7.65483 4.24061L19.9711 16.5569Z",
+          fill: l
         }
       )
     ]
   }
 );
 export {
-  o as default
+  n as default
 };

package/components/Icons/BellOffFilled/index.js

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

package/components/Icons/BellOffOutline/BellOffOutline.js

@@ -1,38 +1,46 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
-import s from "../../../colors/grey.js";
-const l = ({ color: e = s.m500, size: o = 24, ...r }) => /* @__PURE__ */ t.jsxs(
+const n = ({ size: o = 24, color: e = "currentColor", ...r }) => /* @__PURE__ */ t.jsxs(
   "svg",
   {
-    viewBox: "0 0 24 24",
     width: o,
     height: o,
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": "Bell Off Outline",
     ...r,
     children: [
       /* @__PURE__ */ t.jsx(
         "path",
         {
-          d: "M20 15.133c0-.826-.362-1.525-.876-2.018-.797-.765-1.79-1.677-1.79-2.782V8.6C17.333 5.507 15.555 3 12 3c-1.204 0-2.204.287-3 .788M6.746 7.5a7.5 7.5 0 0 0-.08 1.1v1.733c0 1.105-.993 2.017-1.79 2.782A2.78 2.78 0 0 0 4 15.133C4 16.164 4.796 17 5.778 17H16.5",
+          d: "M20 15.1333C20 14.3066 19.6376 13.6078 19.124 13.115C18.3269 12.3503 17.3333 11.4379 17.3333 10.3333V8.6C17.3333 5.50721 15.5556 3 12 3C10.7962 3 9.79622 3.28739 9 3.78759M6.7457 7.5C6.69301 7.85568 6.66667 8.2235 6.66667 8.6V10.3333C6.66667 11.4379 5.67308 12.3503 4.87601 13.115C4.36239 13.6078 4 14.3066 4 15.1333C4 16.1643 4.79594 17 5.77778 17H16.5",
+          stroke: e,
+          "stroke-width": "2",
+          "stroke-linecap": "round"
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        "path",
+        {
+          d: "M14 20C13.7968 20.3031 13.505 20.5547 13.154 20.7295C12.803 20.9044 12.4051 20.9965 12 20.9965C11.5949 20.9965 11.197 20.9044 10.846 20.7295C10.495 20.5547 10.2032 20.3031 10 20",
           stroke: e,
-          strokeWidth: "2",
-          strokeLinecap: "round"
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
         }
       ),
       /* @__PURE__ */ t.jsx(
         "path",
         {
-          d: "M14 20a2.2 2.2 0 0 1-.846.73 2.6 2.6 0 0 1-1.154.267c-.405 0-.803-.093-1.154-.267A2.2 2.2 0 0 1 10 20M3 3l18 18",
+          d: "M3 3L21 21",
           stroke: e,
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
         }
       )
     ]
   }
 );
 export {
-  l as default
+  n as default
 };

package/components/Icons/BellOffOutline/index.js

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