@lanaco/lnc-react-ui 4.0.169 → 4.0.171

package/dist/UrgentSaleProductsSection.js

@@ -1,10 +1,10 @@
-import { jsx as o, Fragment as $, jsxs as y } from "react/jsx-runtime";
+import { jsx as o, Fragment as $, jsxs as C } from "react/jsx-runtime";
 import { memo as T, forwardRef as F, useState as I, useMemo as _ } from "react";
 import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as B, S as D } from "./consts-BuFChS64.js";
 import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
 import j from "./Button.js";
-import { D as z, S as A } from "./suspense-product-card-detailed-CxiFuUOT.js";
+import { D as z, S as A } from "./index-BhBRZf4M.js";
 const G = q.div`
   padding: 1.75rem 3rem;
   display: grid;
@@ -78,30 +78,30 @@ const G = q.div`
     display: flex;
     flex-direction: column;
   }
-`, C = T(z), K = F((a, S) => {
+`, S = T(z), K = F((a, w) => {
   const {
     items: r,
-    limit: t = 5,
+    limit: n = 5,
     limitMobile: s = 4,
     onSelectCard: c = () => {
     },
-    title: w = "Urgent sale",
-    showLessText: N = "Show less",
-    showMoreText: P = "Show more",
-    isLoading: L = !1,
-    getImage: u = () => {
+    title: N = "Urgent sale",
+    showLessText: P = "Show less",
+    showMoreText: L = "Show more",
+    isLoading: u = !1,
+    getImage: g = () => {
     },
-    negotiableText: g,
-    freeText: p,
-    onBookmark: f = () => {
+    negotiableText: p,
+    freeText: f,
+    onBookmark: k = () => {
     },
     bookmarkComponent: b,
-    componentName: k,
-    sponsoredText: h
-  } = a, l = E(), [n, M] = I(!1), U = _(() => {
+    componentName: h,
+    sponsoredText: y
+  } = a, l = E(), [t, M] = I(!1), U = _(() => {
     var i;
-    return /* @__PURE__ */ o($, { children: l === !0 ? (i = r == null ? void 0 : r.slice(0, n === !0 ? r == null ? void 0 : r.length : s)) == null ? void 0 : i.map((e, m) => /* @__PURE__ */ o(
-      C,
+    return /* @__PURE__ */ o($, { children: l === !0 ? (i = r == null ? void 0 : r.slice(0, t === !0 ? r == null ? void 0 : r.length : s)) == null ? void 0 : i.map((e, m) => /* @__PURE__ */ o(
+      S,
       {
         sellerName: e == null ? void 0 : e.sellerName,
         name: e == null ? void 0 : e.name,
@@ -120,24 +120,24 @@ const G = q.div`
           cardRef: d
         }),
         image: e == null ? void 0 : e.image,
-        imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        imageUrl: g(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
         imageComponent: e == null ? void 0 : e.imageComponent,
-        negotiableText: g,
-        freeText: p,
-        onBookmark: f,
+        negotiableText: p,
+        freeText: f,
+        onBookmark: k,
         bookmarkComponent: b,
         bookmarked: e == null ? void 0 : e.bookmarked,
         bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-        metadata: { name: k, accessor: e == null ? void 0 : e.accessor },
+        metadata: { name: h, accessor: e == null ? void 0 : e.accessor },
         tags: e == null ? void 0 : e.tags,
         condition: e == null ? void 0 : e.condition,
         quantity: e == null ? void 0 : e.quantity,
         trade: e == null ? void 0 : e.trade,
-        sponsoredText: h
+        sponsoredText: y
       },
       m
-    )) : r == null ? void 0 : r.slice(0, t).map((e, m) => /* @__PURE__ */ o(
-      C,
+    )) : r == null ? void 0 : r.slice(0, n).map((e, m) => /* @__PURE__ */ o(
+      S,
       {
         name: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -156,54 +156,55 @@ const G = q.div`
           cardRef: d
         }),
         image: e == null ? void 0 : e.image,
-        imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        imageUrl: g(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
         imageComponent: e == null ? void 0 : e.imageComponent,
-        negotiableText: g,
-        freeText: p,
-        onBookmark: f,
+        negotiableText: p,
+        freeText: f,
+        onBookmark: k,
         bookmarkComponent: b,
         bookmarked: e == null ? void 0 : e.bookmarked,
         bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-        metadata: { name: k, accessor: e == null ? void 0 : e.accessor },
+        metadata: { name: h, accessor: e == null ? void 0 : e.accessor },
         tags: e == null ? void 0 : e.tags,
         condition: e == null ? void 0 : e.condition,
         quantity: e == null ? void 0 : e.quantity,
         trade: e == null ? void 0 : e.trade,
-        sponsoredText: h,
+        sponsoredText: y,
         sellerName: e == null ? void 0 : e.sellerName
       },
       m
     )) });
-  }, [r, l, t, s, n]);
-  return /* @__PURE__ */ y(G, { ref: S, limit: t, children: [
-    /* @__PURE__ */ y("div", { className: "urgent-tag", children: [
-      /* @__PURE__ */ o("i", { className: "mng mng-lnc-bolt-filled" }),
-      /* @__PURE__ */ o("span", { children: w })
-    ] }),
-    /* @__PURE__ */ o(
-      A,
-      {
-        isLoading: L,
-        limit: t,
-        keyPrefix: "explore-landing",
-        children: U
-      }
-    ),
-    l === !0 && s < (r == null ? void 0 : r.length) && /* @__PURE__ */ o(
-      j,
-      {
-        className: "show-more",
-        btnType: "basic",
-        type: "button",
-        color: "neutral",
-        onClick: (i) => {
-          var e;
-          (e = i == null ? void 0 : i.target) == null || e.blur(), M(!n);
-        },
-        children: n === !0 ? N : P
-      }
-    )
-  ] });
+  }, [r, l, n, s, t]);
+  return /* @__PURE__ */ o(
+    A,
+    {
+      isLoading: u,
+      keyPrefix: "urgent-sale-products-skeleton",
+      children: /* @__PURE__ */ C(G, { ref: w, limit: n, children: [
+        /* @__PURE__ */ C("div", { className: "urgent-tag", children: [
+          /* @__PURE__ */ o("i", { className: "mng mng-lnc-bolt-filled" }),
+          /* @__PURE__ */ o("span", { children: N })
+        ] }),
+        " ",
+        U,
+        " ",
+        l === !0 && s < (r == null ? void 0 : r.length) && !u && /* @__PURE__ */ o(
+          j,
+          {
+            className: "show-more",
+            btnType: "basic",
+            type: "button",
+            color: "neutral",
+            onClick: (i) => {
+              var e;
+              (e = i == null ? void 0 : i.target) == null || e.blur(), M(!t);
+            },
+            children: t === !0 ? P : L
+          }
+        )
+      ] })
+    }
+  );
 });
 export {
   K as default

package/dist/index-BAJkosVg.cjs

@@ -0,0 +1,11 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),t=require("./style-BAcV7F53.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./consts-goSZX3xP.cjs"),a=o.styled(t.SkeletonRowWrapper)`
+  &.skeleton__tags {
+    max-width: 50rem;
+  }
+
+  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
+    &.skeleton__tags {
+      overflow-x: hidden;
+    }
+  }
+`,d=({keyPrefix:n})=>e.jsxs(a,{className:"skeleton__cards",children:[e.jsx(t.SkeletonLinePlaceholder,{height:"13.75rem"},`${n}-1`),e.jsx(t.SkeletonLinePlaceholder,{height:"13.75rem"},`${n}-2`),e.jsx(t.SkeletonLinePlaceholder,{height:"13.75rem"},`${n}-3`)]}),m=({keyPrefix:n,isLoading:r=!1,fallbackComponent:s=e.jsx(e.Fragment,{}),children:l})=>e.jsx(i.Suspense,{fallbackComponent:s,children:r===!0?e.jsx(d,{keyPrefix:n}):l}),c=({keyPrefix:n})=>e.jsxs(a,{className:"skeleton__tags",children:[e.jsx(t.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",children:e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})},`${n}-1`),e.jsx(t.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})},`${n}-2`),e.jsx(t.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})},`${n}-3`),e.jsx(t.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})},`${n}-4`),e.jsx(t.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})},`${n}-5`)]}),g=({keyPrefix:n,isLoading:r=!1,fallbackComponent:s=e.jsx(e.Fragment,{}),children:l})=>e.jsx(i.Suspense,{fallbackComponent:s,children:r===!0?e.jsx(c,{keyPrefix:n}):l});exports.SuspenseFieldOfInterestsWithTagsCard=m;exports.SuspenseFieldOfInterestsWithTagsTag=g;

package/dist/{index-dXWRbvgi.js → index-BMOLVn8O.js}

@@ -10,7 +10,7 @@ import { u as J } from "./useDetectMobile-Bkvj0VMa.js";
 import { I as H } from "./index-C0LcDEqa.js";
 import V from "./Button.js";
 import Q from "./Icon.js";
-import { l as Y } from "./utils-BdsZgOUE.js";
+import { l as Y } from "./utils-DHfRApMf.js";
 const ee = Z.div`
   position: relative;
   padding: ${(e) => e.padding};

package/dist/{skeleton-5mO22c5S.js → index-BPntOicE.js}

@@ -1,12 +1,12 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { forwardRef as v, useRef as d, useEffect as I, Fragment as P } from "react";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { forwardRef as $, useRef as _, useEffect as k, Fragment as I } from "react";
 import g from "./Icon.js";
-import { p as f, o as h, l as w } from "./utils-BdsZgOUE.js";
-import { D as x } from "./ShopAvatar-4-fCYGEc.js";
-import { P as z } from "./index-CF3HhgvN.js";
-import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as D } from "./consts-BuFChS64.js";
-const G = b.div`
+import { o as f, l as h } from "./utils-DHfRApMf.js";
+import { s as P } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as z } from "./consts-BuFChS64.js";
+import { D as w } from "./ShopAvatar-4-fCYGEc.js";
+import { P as D } from "./index-BbltNcou.js";
+const M = P.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -135,7 +135,7 @@ const G = b.div`
     }
   }
 
-  @media (max-width: ${D + "px"}) {
+  @media (max-width: ${z + "px"}) {
     max-width: 10rem;
     min-width: 10rem;
 
@@ -145,115 +145,72 @@ const G = b.div`
       }
     }
   }
-`, W = b.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1 0 0;
-  border-radius: 1.25rem;
-  border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
-  background: var(--Lanaco-Gray-white, #fff);
-  width: 100%;
-
-  /* drop-shadow-sm */
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
-
-  & .wrapper__content {
-    display: flex;
-    padding: 1.25rem;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.75rem;
-    align-self: strech;
-    width: 100%;
-
-    & .wrapper__image {
-      width: 4rem;
-      height: 4rem;
-      border-radius: 999px;
-      background-color: ${h("-90deg")};
-    }
-  }
-
-  & .wrapper__info {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.375rem;
-    width: 100%;
-
-    & .wrapper__info-item {
-      background-color: ${h("-90deg")};
-      height: 1rem;
-      width: 100%;
-    }
-  }
-`, Z = v(
+`, X = $(
   ({
-    uuid: m,
-    image: p,
+    uuid: d,
+    image: o,
     imageComponent: c,
-    title: y,
-    subtitle: N,
-    badges: k,
-    rating: S,
-    reviewCount: o,
+    title: x,
+    subtitle: v,
+    badges: y,
+    rating: b,
+    reviewCount: m,
     products: t,
-    onSelectCard: u = () => {
+    onSelectCard: N = () => {
     },
-    getProductImage: $ = () => {
+    getProductImage: E = () => {
     },
-    canAcceptPayments: E,
-    hideProducts: L = !1,
-    showRating: j = !0,
+    canAcceptPayments: S,
+    hideProducts: j = !1,
+    showRating: L = !0,
     metadata: s = {}
-  }, A) => {
-    const n = d(), _ = d();
-    return I(() => {
-      var l;
+  }, W) => {
+    const i = _(), p = _();
+    return k(() => {
+      var n;
       const e = (a) => {
-        a.target.src = x, a.onerror = null;
+        a.target.src = w, a.onerror = null;
       };
-      return (l = n == null ? void 0 : n.current) == null || l.addEventListener("error", e), () => {
+      return (n = i == null ? void 0 : i.current) == null || n.addEventListener("error", e), () => {
         var a;
-        (a = n == null ? void 0 : n.current) == null || a.removeEventListener("error", e);
+        (a = i == null ? void 0 : i.current) == null || a.removeEventListener("error", e);
       };
-    }, []), /* @__PURE__ */ i(
-      G,
+    }, []), /* @__PURE__ */ l(
+      M,
       {
-        ref: _,
-        onClick: (e) => u(e, _),
+        ref: p,
+        onClick: (e) => N(e, p),
         name: s == null ? void 0 : s.name,
         "data-accessor": s == null ? void 0 : s.accessor,
         children: [
-          /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
-            w(c) ? c : p ? /* @__PURE__ */ r("img", { ref: n, src: p, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: x, className: "wrapper__image" }),
-            /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
-              /* @__PURE__ */ i("div", { className: "wrapper__title", children: [
-                y,
+          /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
+            h(c) ? c : o ? /* @__PURE__ */ r("img", { ref: i, src: o, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: w, className: "wrapper__image" }),
+            /* @__PURE__ */ l("div", { className: "wrapper__info", children: [
+              /* @__PURE__ */ l("div", { className: "wrapper__title", children: [
+                x,
                 " ",
-                E && /* @__PURE__ */ r(g, { color: "secondary", icon: "credit-card", className: "card" })
+                S && /* @__PURE__ */ r(g, { color: "secondary", icon: "credit-card", className: "card" })
               ] }),
-              /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: N }),
-              k && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
-              j && /* @__PURE__ */ i("div", { className: "wrapper__rating", children: [
-                /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, l) => /* @__PURE__ */ r(
+              /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: v }),
+              y && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
+              L && /* @__PURE__ */ l("div", { className: "wrapper__rating", children: [
+                /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, n) => /* @__PURE__ */ r(
                   g,
                   {
                     icon: " mng-lnc-star--filled",
-                    className: `wrapper__star ${e >= S ? "gold-star" : ""}`
+                    className: `wrapper__star ${e >= b ? "gold-star" : ""}`
                   },
-                  `shop-card-rating-star__${l + 1}`
+                  `shop-card-rating-star__${n + 1}`
                 )) }),
-                /* @__PURE__ */ i("div", { className: "wrapper__review-count", children: [
+                /* @__PURE__ */ l("div", { className: "wrapper__review-count", children: [
                   "(",
-                  o == null ? void 0 : o.toLocaleString(),
+                  m == null ? void 0 : m.toLocaleString(),
                   ")"
                 ] })
               ] })
             ] })
           ] }),
-          L !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: t && (t == null ? void 0 : t.map((e, l) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(
+          j !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: t && (t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
             "div",
             {
               className: "wrapper__product",
@@ -261,33 +218,24 @@ const G = b.div`
                 var a;
                 return (a = e == null ? void 0 : e.onSelectProduct) == null ? void 0 : a.call(e, e == null ? void 0 : e.uuid);
               },
-              children: w(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
-                z,
+              children: h(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
+                D,
                 {
-                  src: $(
+                  src: E(
                     e == null ? void 0 : e.image,
                     e == null ? void 0 : e.uuid,
-                    m
+                    d
                   ),
                   className: "product__image"
                 }
               )
             }
-          ) }, l))) })
+          ) }, n))) })
         ]
       }
     );
   }
-), q = v(({}, m) => /* @__PURE__ */ r(W, { children: /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
-  /* @__PURE__ */ r("div", { className: "wrapper__image" }),
-  /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
-    /* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__info-item" })
-  ] })
-] }) }));
+);
 export {
-  Z as S,
-  q as a
+  X as S
 };

package/dist/index-BSpdEGFd.js

@@ -0,0 +1,42 @@
+import { jsxs as n, jsx as e, Fragment as l } from "react/jsx-runtime";
+import { Suspense as m } from "react";
+import { S as d, a as t, b as o } from "./style-CXMUA6cI.js";
+import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as p } from "./consts-BuFChS64.js";
+const c = h(d)`
+  @media (max-width: ${p + "px"}) {
+    flex-direction: column;
+
+    & > div {
+      flex-direction: column;
+
+      & > div {
+        background: linear-gradient(
+          to right,
+          transparent 0%,
+          #f4f6fb 40%,
+          #f4f6fb 100%
+        );
+
+        box-shadow: none;
+      }
+    }
+  }
+`, f = ({ keyPrefix: r }) => /* @__PURE__ */ n(c, { children: [
+  /* @__PURE__ */ n(t, { children: [
+    /* @__PURE__ */ e(o, { height: "11.25rem" }, `${r}-1`),
+    /* @__PURE__ */ e(o, { height: "11.25rem" }, `${r}-2`)
+  ] }),
+  /* @__PURE__ */ n(t, { children: [
+    /* @__PURE__ */ e(o, { height: "11.25rem" }, `${r}-3`),
+    /* @__PURE__ */ e(o, { height: "11.25rem" }, `${r}-4`)
+  ] })
+] }), $ = ({
+  keyPrefix: r,
+  isLoading: s = !1,
+  fallbackComponent: a = /* @__PURE__ */ e(l, {}),
+  children: i
+}) => /* @__PURE__ */ e(m, { fallbackComponent: a, children: s === !0 ? /* @__PURE__ */ e(f, { keyPrefix: r }) : i });
+export {
+  $ as S
+};

package/dist/{index-CF3HhgvN.js → index-BbltNcou.js}

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as a, useRef as s, useEffect as d, Fragment as f } from "react";
-import { k as g } from "./utils-BdsZgOUE.js";
+import { k as g } from "./utils-DHfRApMf.js";
 const n = "data:image/svg+xml,%3csvg%20width='240'%20height='240'%20viewBox='0%200%20240%20240'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='240'%20height='240'%20rx='12'%20fill='%2314161A'%20fill-opacity='0.04'/%3e%3crect%20x='88'%20y='88'%20width='64'%20height='64'%20rx='32'%20fill='%2314161A'%20fill-opacity='0.08'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M110%20108H130C130.53%20108%20131.039%20108.211%20131.414%20108.586C131.789%20108.961%20132%20109.47%20132%20110V130C132%20130.53%20131.789%20131.039%20131.414%20131.414C131.039%20131.789%20130.53%20132%20130%20132H110C109.47%20132%20108.961%20131.789%20108.586%20131.414C108.211%20131.039%20108%20130.53%20108%20130V110C108%20109.47%20108.211%20108.961%20108.586%20108.586C108.961%20108.211%20109.47%20108%20110%20108ZM110%20124V130H130V128L125%20123L123.41%20124.59C123.035%20124.963%20122.528%20125.172%20122%20125.172C121.472%20125.172%20120.965%20124.963%20120.59%20124.59L115%20119L110%20124ZM126.41%20121.58L130%20125.17V110H110V121.17L113.59%20117.58C113.965%20117.207%20114.472%20116.998%20115%20116.998C115.528%20116.998%20116.035%20117.207%20116.41%20117.58L122%20123.17L123.59%20121.58C123.965%20121.207%20124.472%20120.998%20125%20120.998C125.528%20120.998%20126.035%20121.207%20126.41%20121.58ZM124.667%20117.494C124.173%20117.824%20123.593%20118%20123%20118C122.204%20118%20121.441%20117.684%20120.879%20117.121C120.316%20116.559%20120%20115.796%20120%20115C120%20114.407%20120.176%20113.827%20120.506%20113.333C120.835%20112.84%20121.304%20112.455%20121.852%20112.228C122.4%20112.001%20123.003%20111.942%20123.585%20112.058C124.167%20112.173%20124.702%20112.459%20125.121%20112.879C125.541%20113.298%20125.827%20113.833%20125.942%20114.415C126.058%20114.997%20125.999%20115.6%20125.772%20116.148C125.545%20116.696%20125.16%20117.165%20124.667%20117.494ZM123.556%20114.169C123.391%20114.059%20123.198%20114%20123%20114C122.735%20114%20122.48%20114.105%20122.293%20114.293C122.105%20114.48%20122%20114.735%20122%20115C122%20115.198%20122.059%20115.391%20122.169%20115.556C122.278%20115.72%20122.435%20115.848%20122.617%20115.924C122.8%20116%20123.001%20116.019%20123.195%20115.981C123.389%20115.942%20123.567%20115.847%20123.707%20115.707C123.847%20115.567%20123.942%20115.389%20123.981%20115.195C124.019%20115.001%20124%20114.8%20123.924%20114.617C123.848%20114.435%20123.72%20114.278%20123.556%20114.169Z'%20fill='%23868C98'/%3e%3c/svg%3e", u = a(({ src: C, ...o }, c) => {
   const r = s();
   return d(() => {