meticulous-ui 3.7.12 → 3.7.13

package/components/Dropdown/Dropdown.js

@@ -27,36 +27,24 @@ const Se = N`
     transform: rotate(0deg);
   }
 `, Oe = c.div`
-  max-width: ${({
-  $width: t
-}) => t};
+  max-width: ${({ $width: t }) => t};
   position: relative;
   outline: none;
 
-  ${({
-  $isLoading: t
-}) => t && F`
+  ${({ $isLoading: t }) => t && F`
       pointer-events: none;
       opacity: 0.8;
     `}
 
-  ${({
-  $isDisabled: t
-}) => t && F`
+  ${({ $isDisabled: t }) => t && F`
       pointer-events: none;
       opacity: 0.7;
     `}
 `, De = c.div`
   height: 3.2rem;
-  width: ${({
-  $width: t
-}) => t};
+  width: ${({ $width: t }) => t};
   border-radius: 0.96rem;
-  border: ${({
-  $isOpen: t,
-  $isFocused: u,
-  $border: s
-}) => t || u ? `2px solid ${s}` : `1px solid ${Ce}`};
+  border: ${({ $isOpen: t, $isFocused: u, $border: s }) => t || u ? `2px solid ${s}` : `1px solid ${Ce}`};
   padding: 0.64rem 0.96rem 0.64rem;
   display: flex;
   align-items: center;
@@ -66,22 +54,14 @@ const Se = N`
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  max-width: calc(${({
-  $width: t
-}) => t} - 3.2rem);
+  max-width: calc(${({ $width: t }) => t} - 3.2rem);
   pointer-events: none;
 `, ze = c(ke)`
-  animation: ${({
-  $isOpen: t
-}) => t ? Se : Ee} 0.15s linear;
-  transform: rotate(${({
-  $isOpen: t
-}) => t ? 180 : 0}deg);
+  animation: ${({ $isOpen: t }) => t ? Se : Ee} 0.15s linear;
+  transform: rotate(${({ $isOpen: t }) => t ? 180 : 0}deg);
 `, Re = c.div`
   border: 1px solid ${m.m700};
-  width: calc(${({
-  $width: t
-}) => t} + 1.6rem);
+  width: calc(${({ $width: t }) => t} + 1.6rem);
   /* Remove overflow: auto from here */
   display: flex;
   flex-direction: column;
@@ -94,18 +74,12 @@ const Se = N`
   opacity: 0;
   overflow: hidden; /* Keep this hidden so the collapse works */
 
-  ${({
-  $isOpen: t
-}) => t && F`
-      max-height: ${({
-  $height: u
-}) => u};
+  ${({ $isOpen: t }) => t && F`
+      max-height: ${({ $height: u }) => u};
       opacity: 1;
     `};
 
-  ${({
-  $top: t
-}) => t ? F`
+  ${({ $top: t }) => t ? F`
           bottom: 100%;
           flex-direction: column-reverse; /* Search at bottom if menu opens upward */
           border-top-right-radius: 0.96rem;
@@ -189,9 +163,7 @@ const Se = N`
   }, d = he(() => {
     if (!k || !C.trim()) return t;
     const e = C.toLowerCase();
-    return t.filter(({
-      label: r
-    }) => r.toLowerCase().includes(e));
+    return t.filter(({ label: r }) => r.toLowerCase().includes(e));
   }, [t, C, k]);
   x(() => {
     if (n) {
@@ -224,7 +196,9 @@ const Se = N`
   }, []), be(() => {
     if (n && S.current && w.current) {
       const e = w.current.getBoundingClientRect(), r = window.innerHeight, i = Te(R), p = r - e.bottom;
-      L(p < i + 8 && e.top > p ? "top" : "bottom");
+      L(
+        p < i + 8 && e.top > p ? "top" : "bottom"
+      );
     }
   }, [n, R]);
   const te = (e) => {
@@ -272,15 +246,18 @@ const Se = N`
   x(() => {
     const e = H.current;
     if (!e || !a || !I) return;
-    const r = new IntersectionObserver(([i]) => {
-      i.isIntersecting && !h && K();
-    }, {
-      root: S.current,
-      // Observe relative to the scrollable container
-      threshold: 0.1,
-      rootMargin: "20px"
-      // Start loading 20px before the user even hits the bottom
-    });
+    const r = new IntersectionObserver(
+      ([i]) => {
+        i.isIntersecting && !h && K();
+      },
+      {
+        root: S.current,
+        // Observe relative to the scrollable container
+        threshold: 0.1,
+        rootMargin: "20px"
+        // Start loading 20px before the user even hits the bottom
+      }
+    );
     return r.observe(e), () => r.disconnect();
   }, [K, a, I, h]);
   const {
@@ -288,11 +265,24 @@ const Se = N`
     m100: ie,
     m200: se,
     m500: ce
-  } = (V = ve[J]) != null ? V : $e, ae = (e, r) => () => !e && g(r), U = (e) => `${z}-opt-${e}`, le = ({
-    value: e,
-    label: r,
-    disabled: i
-  }, p) => /* @__PURE__ */ we(xe, { value: e, label: r, isDisabled: i, onSelect: T, onMouseEnter: ae(i, p), isSelected: e === s, isHighlighted: p === l, key: e, id: U(p), width: v, selectedColor: se, hoverColor: ne, activeColor: ie }), de = (e) => () => {
+  } = (V = ve[J]) != null ? V : $e, ae = (e, r) => () => !e && g(r), U = (e) => `${z}-opt-${e}`, le = ({ value: e, label: r, disabled: i }, p) => /* @__PURE__ */ we(
+    xe,
+    {
+      value: e,
+      label: r,
+      isDisabled: i,
+      onSelect: T,
+      onMouseEnter: ae(i, p),
+      isSelected: e === s,
+      isHighlighted: p === l,
+      key: e,
+      id: U(p),
+      width: v,
+      selectedColor: se,
+      hoverColor: ne,
+      activeColor: ie
+    }
+  ), de = (e) => () => {
     B(e);
   }, me = (e) => {
     var r;
@@ -302,33 +292,77 @@ const Se = N`
   }, fe = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ E(Oe, { ref: w, $width: v, ...X, tabIndex: y || $ ? -1 : 0, onKeyDown: oe, $isLoading: $, $isDisabled: y, role: "combobox", "aria-expanded": n, "aria-haspopup": "listbox", "aria-controls": z, "aria-disabled": y || void 0, "aria-activedescendant": l !== -1 ? U(l) : void 0, onFocus: de(!0), onBlur: me, children: [
-    /* @__PURE__ */ E(De, { $width: v, onClick: ee, $isOpen: n, $border: ce, $isFocused: Y && !n, children: [
-      /* @__PURE__ */ f(Fe, { $width: v, color: s ? m.m700 : m.m500, size: "1.92rem", children: s ? (Q = t.find(({
-        value: e
-      }) => s === e)) == null ? void 0 : Q.label : G }),
-      /* @__PURE__ */ f(ze, { color: m.m500, size: 22, $isOpen: n, "aria-hidden": !0 })
-    ] }),
-    /* @__PURE__ */ E(Re, { $isOpen: n, $width: v, $height: R, $top: Z === "top", children: [
-      k && /* @__PURE__ */ E(We, { onClick: fe, children: [
-        /* @__PURE__ */ f(je, { size: 20, color: m.m600, "aria-hidden": !0 }),
-        /* @__PURE__ */ f(Be, { ref: A, value: C, onChange: pe, placeholder: W, "aria-label": W, "aria-controls": z, "aria-autocomplete": "list", "aria-expanded": n, role: "combobox", tabIndex: n ? 0 : -1 })
-      ] }),
-      /* @__PURE__ */ E(Ae, { ref: S, role: "listbox", id: z, tabIndex: -1, children: [
-        d.map(le),
-        a && /* @__PURE__ */ f(He, { ref: H, children: h && /* @__PURE__ */ f(q, { size: "small", color: P }) })
-      ] })
-    ] }),
-    $ && /* @__PURE__ */ f(Pe, { children: /* @__PURE__ */ f(q, { size: "small", color: P }) })
-  ] });
+  return /* @__PURE__ */ E(
+    Oe,
+    {
+      ref: w,
+      $width: v,
+      ...X,
+      tabIndex: y || $ ? -1 : 0,
+      onKeyDown: oe,
+      $isLoading: $,
+      $isDisabled: y,
+      role: "combobox",
+      "aria-expanded": n,
+      "aria-haspopup": "listbox",
+      "aria-controls": z,
+      "aria-disabled": y || void 0,
+      "aria-activedescendant": l !== -1 ? U(l) : void 0,
+      onFocus: de(!0),
+      onBlur: me,
+      children: [
+        /* @__PURE__ */ E(
+          De,
+          {
+            $width: v,
+            onClick: ee,
+            $isOpen: n,
+            $border: ce,
+            $isFocused: Y && !n,
+            children: [
+              /* @__PURE__ */ f(Fe, { $width: v, color: s ? m.m700 : m.m500, size: "1.92rem", children: s ? (Q = t.find(({ value: e }) => s === e)) == null ? void 0 : Q.label : G }),
+              /* @__PURE__ */ f(ze, { color: m.m500, size: 22, $isOpen: n, "aria-hidden": !0 })
+            ]
+          }
+        ),
+        /* @__PURE__ */ E(Re, { $isOpen: n, $width: v, $height: R, $top: Z === "top", children: [
+          k && /* @__PURE__ */ E(We, { onClick: fe, children: [
+            /* @__PURE__ */ f(je, { size: 20, color: m.m600, "aria-hidden": !0 }),
+            /* @__PURE__ */ f(
+              Be,
+              {
+                ref: A,
+                value: C,
+                onChange: pe,
+                placeholder: W,
+                "aria-label": W,
+                "aria-controls": z,
+                "aria-autocomplete": "list",
+                "aria-expanded": n,
+                role: "combobox",
+                tabIndex: n ? 0 : -1
+              }
+            )
+          ] }),
+          /* @__PURE__ */ E(Ae, { ref: S, role: "listbox", id: z, tabIndex: -1, children: [
+            d.map(le),
+            a && /* @__PURE__ */ f(He, { ref: H, children: h && /* @__PURE__ */ f(q, { size: "small", color: P }) })
+          ] })
+        ] }),
+        $ && /* @__PURE__ */ f(Pe, { children: /* @__PURE__ */ f(q, { size: "small", color: P }) })
+      ]
+    }
+  );
 };
 Ke.propTypes = {
   /** Array of option objects: `{ value, label, disabled? }` */
-  options: /* @__PURE__ */ o.arrayOf(/* @__PURE__ */ o.shape({
-    value: o.any,
-    label: o.string,
-    disabled: o.bool
-  })),
+  options: o.arrayOf(
+    o.shape({
+      value: o.any,
+      label: o.string,
+      disabled: o.bool
+    })
+  ),
   /** Currently selected value (controlled) */
   value: o.any,
   /** Called with the selected value when an option is picked */

package/components/Glass/Glass.js

@@ -3,9 +3,7 @@ import o from "styled-components";
 const i = o.div`
   width: 100%;
   height: 100%;
-  border-radius: ${({
-  $borderRadius: r
-}) => r};
+  border-radius: ${({ $borderRadius: r }) => r};
   position: relative;
   overflow: hidden;
   box-sizing: border-box;
@@ -70,11 +68,7 @@ const i = o.div`
     pointer-events: none;
     transform: translateZ(0);
   }
-`, d = ({
-  border: r = "none",
-  borderRadius: a = 0,
-  ...e
-}) => /* @__PURE__ */ t(i, { $border: r, $borderRadius: a, ...e });
+`, d = ({ border: r = "none", borderRadius: a = 0, ...e }) => /* @__PURE__ */ t(i, { $border: r, $borderRadius: a, ...e });
 export {
   d as default
 };

package/components/Icons/Add.js

@@ -1,15 +1,48 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-const d = ({
-  size: n = 24,
-  color: o = "currentColor",
-  ...t
-}) => /* @__PURE__ */ r("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
-  /* @__PURE__ */ e("title", {}),
-  /* @__PURE__ */ e("g", { children: /* @__PURE__ */ e("g", { "data-name": "add", children: /* @__PURE__ */ r("g", { children: [
-    /* @__PURE__ */ e("line", { fill: "none", stroke: o, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", x1: "12", x2: "12", y1: "19", y2: "5" }),
-    /* @__PURE__ */ e("line", { fill: "none", stroke: o, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", x1: "5", x2: "19", y1: "12", y2: "12" })
-  ] }) }) })
-] });
+const d = ({ size: n = 24, color: o = "currentColor", ...t }) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: n,
+    height: n,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ e("title", {}),
+      /* @__PURE__ */ e("g", { children: /* @__PURE__ */ e("g", { "data-name": "add", children: /* @__PURE__ */ r("g", { children: [
+        /* @__PURE__ */ e(
+          "line",
+          {
+            fill: "none",
+            stroke: o,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "2",
+            x1: "12",
+            x2: "12",
+            y1: "19",
+            y2: "5"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "line",
+          {
+            fill: "none",
+            stroke: o,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "2",
+            x1: "5",
+            x2: "19",
+            y1: "12",
+            y2: "12"
+          }
+        )
+      ] }) }) })
+    ]
+  }
+);
 export {
   d as default
 };

package/components/Icons/AddCircle.js

@@ -1,12 +1,33 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-const o = ({
-  size: C = 24,
-  color: l = "currentColor",
-  ...d
-}) => /* @__PURE__ */ t("svg", { width: C, height: C, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...d, children: [
-  /* @__PURE__ */ e("path", { 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: l }),
-  /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "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: l })
-] });
+const o = ({ size: C = 24, color: l = "currentColor", ...d }) => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: C,
+    height: C,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...d,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          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: l
+        }
+      ),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "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: l
+        }
+      )
+    ]
+  }
+);
 export {
   o as default
 };

package/components/Icons/AddCircleFilled.js

@@ -1,9 +1,24 @@
 import { jsx as e } from "react/jsx-runtime";
-const i = ({
-  size: l = 24,
-  color: C = "currentColor",
-  ...d
-}) => /* @__PURE__ */ e("svg", { width: l, height: l, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...d, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "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 }) });
+const i = ({ size: l = 24, color: C = "currentColor", ...d }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: l,
+    height: l,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...d,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "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 {
   i as default
 };

package/components/Icons/ArrowDown.js

@@ -1,9 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
-const n = ({
-  size: l = 24,
-  color: e = "currentColor",
-  ...r
-}) => /* @__PURE__ */ o("svg", { width: l, height: l, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ o("path", { fillRule: "evenodd", clipRule: "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: e }) });
+const n = ({ size: l = 24, color: e = "currentColor", ...r }) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: l,
+    height: l,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...r,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "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: e
+      }
+    )
+  }
+);
 export {
   n as default
 };

package/components/Icons/ArrowLeft.js

@@ -1,9 +1,25 @@
 import { jsx as r } from "react/jsx-runtime";
-const i = ({
-  size: o = 24,
-  color: t = "currentColor",
-  ...e
-}) => /* @__PURE__ */ r("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ r("path", { d: "M5 12H19M5 12L11 6M5 12L11 18", stroke: t, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+const i = ({ size: o = 24, color: t = "currentColor", ...e }) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...e,
+    children: /* @__PURE__ */ r(
+      "path",
+      {
+        d: "M5 12H19M5 12L11 6M5 12L11 18",
+        stroke: t,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
 export {
   i as default
 };

package/components/Icons/ArrowRight.js

@@ -1,9 +1,25 @@
 import { jsx as r } from "react/jsx-runtime";
-const i = ({
-  size: o = 24,
-  color: t = "currentColor",
-  ...e
-}) => /* @__PURE__ */ r("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ r("path", { d: "M5 12H19M19 12L13 6M19 12L13 18", stroke: t, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+const i = ({ size: o = 24, color: t = "currentColor", ...e }) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...e,
+    children: /* @__PURE__ */ r(
+      "path",
+      {
+        d: "M5 12H19M19 12L13 6M19 12L13 18",
+        stroke: t,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
 export {
   i as default
 };

package/components/Icons/ArrowUp.js

@@ -1,9 +1,24 @@
 import { jsx as e } from "react/jsx-runtime";
-const C = ({
-  size: l = 24,
-  color: o = "currentColor",
-  ...r
-}) => /* @__PURE__ */ e("svg", { width: l, height: l, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "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: o }) });
+const C = ({ size: l = 24, color: o = "currentColor", ...r }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: l,
+    height: l,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...r,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "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: o
+      }
+    )
+  }
+);
 export {
   C as default
 };

package/components/Icons/BagFilled.js

@@ -1,9 +1,24 @@
 import { jsx as l } from "react/jsx-runtime";
-const d = ({
-  size: C = 24,
-  color: e = "currentColor",
-  ...o
-}) => /* @__PURE__ */ l("svg", { width: C, height: C, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: /* @__PURE__ */ l("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.25013 6.01489C8.25003 6.00994 8.24998 6.00498 8.24998 6V5C8.24998 2.92893 9.92892 1.25 12 1.25C14.0711 1.25 15.75 2.92893 15.75 5V6C15.75 6.00498 15.7499 6.00994 15.7498 6.01489C17.0371 6.05353 17.8248 6.1924 18.4261 6.69147C19.2593 7.38295 19.4787 8.55339 19.9177 10.8943L20.6677 14.8943C21.2849 18.186 21.5934 19.8318 20.6937 20.9159C19.794 22 18.1195 22 14.7704 22H9.22954C5.88048 22 4.20595 22 3.30624 20.9159C2.40652 19.8318 2.71512 18.186 3.33231 14.8943L4.08231 10.8943C4.52122 8.55339 4.74068 7.38295 5.57386 6.69147C6.17521 6.1924 6.96287 6.05353 8.25013 6.01489ZM9.74998 5C9.74998 3.75736 10.7573 2.75 12 2.75C13.2426 2.75 14.25 3.75736 14.25 5V6C14.25 5.99999 14.25 6.00001 14.25 6C14.1747 5.99998 14.0982 6 14.0204 6H9.97954C9.90176 6 9.82525 6 9.74998 6.00002C9.74998 6.00002 9.74998 6.00003 9.74998 6.00002V5Z", fill: e }) });
+const d = ({ size: C = 24, color: e = "currentColor", ...o }) => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: C,
+    height: C,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...o,
+    children: /* @__PURE__ */ l(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8.25013 6.01489C8.25003 6.00994 8.24998 6.00498 8.24998 6V5C8.24998 2.92893 9.92892 1.25 12 1.25C14.0711 1.25 15.75 2.92893 15.75 5V6C15.75 6.00498 15.7499 6.00994 15.7498 6.01489C17.0371 6.05353 17.8248 6.1924 18.4261 6.69147C19.2593 7.38295 19.4787 8.55339 19.9177 10.8943L20.6677 14.8943C21.2849 18.186 21.5934 19.8318 20.6937 20.9159C19.794 22 18.1195 22 14.7704 22H9.22954C5.88048 22 4.20595 22 3.30624 20.9159C2.40652 19.8318 2.71512 18.186 3.33231 14.8943L4.08231 10.8943C4.52122 8.55339 4.74068 7.38295 5.57386 6.69147C6.17521 6.1924 6.96287 6.05353 8.25013 6.01489ZM9.74998 5C9.74998 3.75736 10.7573 2.75 12 2.75C13.2426 2.75 14.25 3.75736 14.25 5V6C14.25 5.99999 14.25 6.00001 14.25 6C14.1747 5.99998 14.0982 6 14.0204 6H9.97954C9.90176 6 9.82525 6 9.74998 6.00002C9.74998 6.00002 9.74998 6.00003 9.74998 6.00002V5Z",
+        fill: e
+      }
+    )
+  }
+);
 export {
   d as default
 };

package/components/Icons/BagOutline.js

@@ -1,12 +1,34 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-const h = ({
-  size: t = 24,
-  color: C = "currentColor",
-  ...o
-}) => /* @__PURE__ */ r("svg", { width: t, height: t, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: [
-  /* @__PURE__ */ e("path", { d: "M3.74181 20.5545C4.94143 22 7.17414 22 11.6395 22H12.3607C16.8261 22 19.0589 22 20.2585 20.5545M3.74181 20.5545C2.54219 19.1091 2.95365 16.9146 3.77657 12.5257C4.36179 9.40452 4.65441 7.84393 5.7653 6.92196M3.74181 20.5545C3.74181 20.5545 3.74181 20.5545 3.74181 20.5545ZM20.2585 20.5545C21.4581 19.1091 21.0466 16.9146 20.2237 12.5257C19.6385 9.40452 19.3459 7.84393 18.235 6.92196M20.2585 20.5545C20.2585 20.5545 20.2585 20.5545 20.2585 20.5545ZM18.235 6.92196C17.1241 6 15.5363 6 12.3607 6H11.6395C8.46398 6 6.8762 6 5.7653 6.92196M18.235 6.92196C18.235 6.92196 18.235 6.92196 18.235 6.92196ZM5.7653 6.92196C5.7653 6.92196 5.7653 6.92196 5.7653 6.92196Z", stroke: C, strokeWidth: "1.5" }),
-  /* @__PURE__ */ e("path", { d: "M9 6V5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5V6", stroke: C, strokeWidth: "1.5", strokeLinecap: "round" })
-] });
+const h = ({ size: t = 24, color: C = "currentColor", ...o }) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...o,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M3.74181 20.5545C4.94143 22 7.17414 22 11.6395 22H12.3607C16.8261 22 19.0589 22 20.2585 20.5545M3.74181 20.5545C2.54219 19.1091 2.95365 16.9146 3.77657 12.5257C4.36179 9.40452 4.65441 7.84393 5.7653 6.92196M3.74181 20.5545C3.74181 20.5545 3.74181 20.5545 3.74181 20.5545ZM20.2585 20.5545C21.4581 19.1091 21.0466 16.9146 20.2237 12.5257C19.6385 9.40452 19.3459 7.84393 18.235 6.92196M20.2585 20.5545C20.2585 20.5545 20.2585 20.5545 20.2585 20.5545ZM18.235 6.92196C17.1241 6 15.5363 6 12.3607 6H11.6395C8.46398 6 6.8762 6 5.7653 6.92196M18.235 6.92196C18.235 6.92196 18.235 6.92196 18.235 6.92196ZM5.7653 6.92196C5.7653 6.92196 5.7653 6.92196 5.7653 6.92196Z",
+          stroke: C,
+          strokeWidth: "1.5"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M9 6V5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5V6",
+          stroke: C,
+          strokeWidth: "1.5",
+          strokeLinecap: "round"
+        }
+      )
+    ]
+  }
+);
 export {
   h as default
 };