@lanaco/lnc-react-ui 4.0.132 → 4.0.134

package/dist/ShopAvatar-4-fCYGEc.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200C62.0914%200%2080%2017.9086%2080%2040C80%2062.0914%2062.0914%2080%2040%2080C17.9086%2080%200%2062.0914%200%2040C0%2017.9086%2017.9086%200%2040%200ZM29.7148%2020C29.1939%2019.9981%2028.5387%2019.9954%2027.9199%2020.1973C27.3848%2020.3719%2026.8918%2020.6581%2026.4746%2021.0361C25.9923%2021.4732%2025.6689%2022.0429%2025.4121%2022.4961C25.3881%2022.5384%2025.3647%2022.58%2025.3418%2022.6201L18.2637%2035.0078C17.91%2035.6268%2017.9127%2036.3873%2018.2705%2037.0039C18.6284%2037.6204%2019.2871%2038%2020%2038H22V53.2725C22%2054.0504%2022.0003%2054.7505%2022.0479%2055.333C22.0988%2055.9568%2022.214%2056.6198%2022.5449%2057.2695C23.0243%2058.2103%2023.7897%2058.9757%2024.7305%2059.4551C25.3802%2059.786%2026.0432%2059.9012%2026.667%2059.9521C27.2495%2059.9997%2027.9496%2060%2028.7275%2060H39.2725C40.0504%2060%2040.7505%2059.9997%2041.333%2059.9521C41.9568%2059.9012%2042.6198%2059.786%2043.2695%2059.4551C44.2103%2058.9757%2044.9757%2058.2103%2045.4551%2057.2695C45.786%2056.6198%2045.9012%2055.9568%2045.9521%2055.333C45.9997%2054.7505%2046%2054.0504%2046%2053.2725V38H54V58C54%2059.1046%2054.8954%2060%2056%2060C57.1046%2060%2058%2059.1046%2058%2058V38H60C60.7129%2038%2061.3716%2037.6204%2061.7295%2037.0039C62.0873%2036.3873%2062.09%2035.6268%2061.7363%2035.0078L54.6582%2022.6201C54.6353%2022.58%2054.6119%2022.5384%2054.5879%2022.4961C54.3311%2022.0429%2054.0077%2021.4732%2053.5254%2021.0361C53.1082%2020.6581%2052.6152%2020.3719%2052.0801%2020.1973C51.4613%2019.9954%2050.8061%2019.9981%2050.2852%2020H29.7148ZM42%2038V48H26V38H42Z'%20fill='%2387C6FA'/%3e%3c/svg%3e";
+export {
+  C as D
+};

package/dist/ShopAvatar-CV3lj34D.cjs

@@ -0,0 +1 @@
+"use strict";const C="data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200C62.0914%200%2080%2017.9086%2080%2040C80%2062.0914%2062.0914%2080%2040%2080C17.9086%2080%200%2062.0914%200%2040C0%2017.9086%2017.9086%200%2040%200ZM29.7148%2020C29.1939%2019.9981%2028.5387%2019.9954%2027.9199%2020.1973C27.3848%2020.3719%2026.8918%2020.6581%2026.4746%2021.0361C25.9923%2021.4732%2025.6689%2022.0429%2025.4121%2022.4961C25.3881%2022.5384%2025.3647%2022.58%2025.3418%2022.6201L18.2637%2035.0078C17.91%2035.6268%2017.9127%2036.3873%2018.2705%2037.0039C18.6284%2037.6204%2019.2871%2038%2020%2038H22V53.2725C22%2054.0504%2022.0003%2054.7505%2022.0479%2055.333C22.0988%2055.9568%2022.214%2056.6198%2022.5449%2057.2695C23.0243%2058.2103%2023.7897%2058.9757%2024.7305%2059.4551C25.3802%2059.786%2026.0432%2059.9012%2026.667%2059.9521C27.2495%2059.9997%2027.9496%2060%2028.7275%2060H39.2725C40.0504%2060%2040.7505%2059.9997%2041.333%2059.9521C41.9568%2059.9012%2042.6198%2059.786%2043.2695%2059.4551C44.2103%2058.9757%2044.9757%2058.2103%2045.4551%2057.2695C45.786%2056.6198%2045.9012%2055.9568%2045.9521%2055.333C45.9997%2054.7505%2046%2054.0504%2046%2053.2725V38H54V58C54%2059.1046%2054.8954%2060%2056%2060C57.1046%2060%2058%2059.1046%2058%2058V38H60C60.7129%2038%2061.3716%2037.6204%2061.7295%2037.0039C62.0873%2036.3873%2062.09%2035.6268%2061.7363%2035.0078L54.6582%2022.6201C54.6353%2022.58%2054.6119%2022.5384%2054.5879%2022.4961C54.3311%2022.0429%2054.0077%2021.4732%2053.5254%2021.0361C53.1082%2020.6581%2052.6152%2020.3719%2052.0801%2020.1973C51.4613%2019.9954%2050.8061%2019.9981%2050.2852%2020H29.7148ZM42%2038V48H26V38H42Z'%20fill='%2387C6FA'/%3e%3c/svg%3e";exports.DefaultShopImage=C;

package/dist/ShopCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),v=require("./Button.cjs"),p=require("./skeleton-Bl1q9Yqe.cjs"),j=require("./utils-DmMdPm9O.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),d=b.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),v=require("./Button.cjs"),p=require("./skeleton-Dw2U9XhS.cjs"),j=require("./utils-DmMdPm9O.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),d=b.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/dist/ShopCardsSection.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
 import C from "./Button.js";
-import { S as b, a as d } from "./skeleton-fVxknFUi.js";
+import { S as b, a as d } from "./skeleton-ChyJLfsR.js";
 import { k as S } from "./utils-BPdU4_1q.js";
 import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as c } from "./consts-BuFChS64.js";

package/dist/SimpleCategoriesSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./utils-DmMdPm9O.cjs"),k=require("./style-C_BRvopE.cjs"),v=require("./Button.cjs"),p=require("./suspense-categories-card-simple-CWahURI0.cjs"),M=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./utils-DmMdPm9O.cjs"),k=require("./style-DaT7Beup.cjs"),v=require("./Button.cjs"),p=require("./suspense-categories-card-simple-CWahURI0.cjs"),M=w.styled.div`
   display: grid;
   grid-template-columns: ${a=>"repeat(6,  minmax(0, 1fr))"};
   gap: 2rem;

package/dist/SimpleCategoriesSection.js

@@ -4,7 +4,7 @@ import { s as M } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as N } from "./consts-BuFChS64.js";
 import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
 import { k as p } from "./utils-BPdU4_1q.js";
-import { R as I } from "./style-XXDQBreL.js";
+import { R as I } from "./style-DAn9Ifqe.js";
 import R from "./Button.js";
 import { C as B, S as L } from "./suspense-categories-card-simple-Bln7_MpK.js";
 const P = M.div`

package/dist/SimpleProductsSection.js

@@ -3,9 +3,9 @@ import { memo as F, forwardRef as N, useMemo as T } from "react";
 import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as B } from "./consts-BuFChS64.js";
 import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as L } from "./index-CU0KClNt.js";
+import { S as L } from "./index-B7pgRoP5.js";
 import { T as j } from "./index-DK8dqEUQ.js";
-import { S as z } from "./suspense-product-card-simple-BT5gv-kY.js";
+import { S as z } from "./suspense-product-card-simple-BuJtwiwA.js";
 const C = v.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);

package/dist/UrgentSaleProductsSection.js

@@ -4,7 +4,7 @@ import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as L, S as F } from "./consts-BuFChS64.js";
 import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
 import T from "./Button.js";
-import { D as _, S as D } from "./suspense-product-card-detailed-BP1opdKD.js";
+import { D as _, S as D } from "./suspense-product-card-detailed-CFZchhUK.js";
 const E = C.div`
   padding: 1.75rem 3rem;
   display: grid;

package/dist/{index-CU0KClNt.js → index-B7pgRoP5.js}

@@ -2,7 +2,7 @@ import { jsxs as e, jsx as d } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { s as n } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { o as u, p as h, l as b, q as x, G as v } from "./utils-BPdU4_1q.js";
-import { P as y } from "./index-3TFXgZHA.js";
+import { P as y } from "./index-DRP1yTKe.js";
 const G = n.div`
   background-color: var(--gray-200, #dddfe4);
   border-radius: 0.75rem;

package/dist/{index-3TFXgZHA.js → index-DRP1yTKe.js}

@@ -1,24 +1,19 @@
 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-BPdU4_1q.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(() => {
-      var l;
-      const i = (e) => {
-        e.target.src = n, e.onerror = null;
-      };
-      return (l = r == null ? void 0 : r.current) == null || l.addEventListener("error", i), () => {
-        var e;
-        (e = r == null ? void 0 : r.current) == null || e.removeEventListener("error", i);
-      };
-    }, []), /* @__PURE__ */ t(f, { ref: c, children: g(C) ? /* @__PURE__ */ t("img", { ref: r, src: C, ...o }) : /* @__PURE__ */ t("img", { src: n, ...o }) });
-  }
-);
+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(() => {
+    var l;
+    const i = (e) => {
+      e.target.src = n, e.onerror = null;
+    };
+    return (l = r == null ? void 0 : r.current) == null || l.addEventListener("error", i), () => {
+      var e;
+      (e = r == null ? void 0 : r.current) == null || e.removeEventListener("error", i);
+    };
+  }, []), /* @__PURE__ */ t(f, { ref: c, children: g(C) ? /* @__PURE__ */ t("img", { ref: r, src: C, ...o }) : /* @__PURE__ */ t("img", { src: n, ...o }) });
+});
 export {
   u as P
 };

package/dist/{index-DJ545v7b.js → index-DiPwx53C.js}

@@ -3,7 +3,7 @@ import { forwardRef as p } from "react";
 import { W as d, T as u } from "./skeleton-PMiYQLOs.js";
 import { u as b } from "./useDetectMobile-Bkvj0VMa.js";
 import a from "./Button.js";
-import { P as f } from "./index-3TFXgZHA.js";
+import { P as f } from "./index-DRP1yTKe.js";
 const k = p((l, c) => {
   const { title: s, imageUrl: n, text: m, onCardClick: e, buttonText: t } = l, o = b();
   return /* @__PURE__ */ i(d, { ref: c, className: "blog-card", onClick: e, children: [

package/dist/{skeleton-fVxknFUi.js → skeleton-ChyJLfsR.js}

@@ -1,10 +1,11 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { forwardRef as h, useRef as L, useEffect as V, Fragment as $ } from "react";
-import p from "./Icon.js";
+import { forwardRef as h, useRef as L, useEffect as E, Fragment as z } from "react";
+import c from "./Icon.js";
 import { p as d, o as g, l as _ } from "./utils-BPdU4_1q.js";
-import { P as j } from "./index-3TFXgZHA.js";
+import { D as f } from "./ShopAvatar-4-fCYGEc.js";
+import { P as D } from "./index-DRP1yTKe.js";
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-const E = w.div`
+const G = w.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -128,7 +129,7 @@ const E = w.div`
       }
     }
   }
-`, z = w.div`
+`, P = w.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -171,54 +172,54 @@ const E = w.div`
       width: 100%;
     }
   }
-`, f = "data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200C62.0914%200%2080%2017.9086%2080%2040C80%2062.0914%2062.0914%2080%2040%2080C17.9086%2080%200%2062.0914%200%2040C0%2017.9086%2017.9086%200%2040%200ZM29.7148%2020C29.1939%2019.9981%2028.5387%2019.9954%2027.9199%2020.1973C27.3848%2020.3719%2026.8918%2020.6581%2026.4746%2021.0361C25.9923%2021.4732%2025.6689%2022.0429%2025.4121%2022.4961C25.3881%2022.5384%2025.3647%2022.58%2025.3418%2022.6201L18.2637%2035.0078C17.91%2035.6268%2017.9127%2036.3873%2018.2705%2037.0039C18.6284%2037.6204%2019.2871%2038%2020%2038H22V53.2725C22%2054.0504%2022.0003%2054.7505%2022.0479%2055.333C22.0988%2055.9568%2022.214%2056.6198%2022.5449%2057.2695C23.0243%2058.2103%2023.7897%2058.9757%2024.7305%2059.4551C25.3802%2059.786%2026.0432%2059.9012%2026.667%2059.9521C27.2495%2059.9997%2027.9496%2060%2028.7275%2060H39.2725C40.0504%2060%2040.7505%2059.9997%2041.333%2059.9521C41.9568%2059.9012%2042.6198%2059.786%2043.2695%2059.4551C44.2103%2058.9757%2044.9757%2058.2103%2045.4551%2057.2695C45.786%2056.6198%2045.9012%2055.9568%2045.9521%2055.333C45.9997%2054.7505%2046%2054.0504%2046%2053.2725V38H54V58C54%2059.1046%2054.8954%2060%2056%2060C57.1046%2060%2058%2059.1046%2058%2058V38H60C60.7129%2038%2061.3716%2037.6204%2061.7295%2037.0039C62.0873%2036.3873%2062.09%2035.6268%2061.7363%2035.0078L54.6582%2022.6201C54.6353%2022.58%2054.6119%2022.5384%2054.5879%2022.4961C54.3311%2022.0429%2054.0077%2021.4732%2053.5254%2021.0361C53.1082%2020.6581%2052.6152%2020.3719%2052.0801%2020.1973C51.4613%2019.9954%2050.8061%2019.9981%2050.2852%2020H29.7148ZM42%2038V48H26V38H42Z'%20fill='%2387C6FA'/%3e%3c/svg%3e", D = h(
+`, B = h(
   ({
     uuid: o,
     image: m,
-    imageComponent: c,
+    imageComponent: p,
     title: x,
     subtitle: v,
-    badges: C,
-    rating: b,
+    badges: b,
+    rating: y,
     reviewCount: t,
-    products: s,
-    onSelectCard: y = () => {
+    products: l,
+    onSelectCard: N = () => {
     },
-    getProductImage: N = () => {
+    getProductImage: k = () => {
     },
-    canAcceptPayments: k,
-    hideProducts: u = !1,
-    showRating: S = !0
-  }, H) => {
+    canAcceptPayments: u,
+    hideProducts: S = !1,
+    showRating: $ = !0
+  }, j) => {
     const n = L();
-    return V(() => {
-      var l;
+    return E(() => {
+      var s;
       const e = (a) => {
         a.target.src = f, a.onerror = null;
       };
-      return (l = n == null ? void 0 : n.current) == null || l.addEventListener("error", e), () => {
+      return (s = n == null ? void 0 : n.current) == null || s.addEventListener("error", e), () => {
         var a;
         (a = n == null ? void 0 : n.current) == null || a.removeEventListener("error", e);
       };
-    }, []), /* @__PURE__ */ i(E, { ref: H, onClick: y, children: [
+    }, []), /* @__PURE__ */ i(G, { ref: j, onClick: N, children: [
       /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
-        _(c) ? c : m ? /* @__PURE__ */ r("img", { ref: n, src: m, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: f }),
+        _(p) ? p : m ? /* @__PURE__ */ r("img", { ref: n, src: m, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: f }),
         /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
           /* @__PURE__ */ i("div", { className: "wrapper__title", children: [
             x,
             " ",
-            k && /* @__PURE__ */ r(p, { color: "secondary", icon: "credit-card", className: "card" })
+            u && /* @__PURE__ */ r(c, { color: "secondary", icon: "credit-card", className: "card" })
           ] }),
           /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: v }),
-          C && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
-          S && /* @__PURE__ */ i("div", { className: "wrapper__rating", children: [
-            /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, l) => /* @__PURE__ */ r(
-              p,
+          b && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
+          $ && /* @__PURE__ */ i("div", { className: "wrapper__rating", children: [
+            /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, s) => /* @__PURE__ */ r(
+              c,
               {
                 icon: " mng-lnc-star--filled",
-                className: `wrapper__star ${e >= b ? "gold-star" : ""}`
+                className: `wrapper__star ${e >= y ? "gold-star" : ""}`
               },
-              `shop-card-rating-star__${l + 1}`
+              `shop-card-rating-star__${s + 1}`
             )) }),
             /* @__PURE__ */ i("div", { className: "wrapper__review-count", children: [
               "(",
@@ -228,7 +229,7 @@ const E = w.div`
           ] })
         ] })
       ] }),
-      u !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: s && (s == null ? void 0 : s.map((e, l) => /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(
+      S !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: l && (l == null ? void 0 : l.map((e, s) => /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
         "div",
         {
           className: "wrapper__product",
@@ -237,9 +238,9 @@ const E = w.div`
             return (a = e == null ? void 0 : e.onSelectProduct) == null ? void 0 : a.call(e, e == null ? void 0 : e.uuid);
           },
           children: _(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
-            j,
+            D,
             {
-              src: N(
+              src: k(
                 e == null ? void 0 : e.image,
                 e == null ? void 0 : e.uuid,
                 o
@@ -248,10 +249,10 @@ const E = w.div`
             }
           )
         }
-      ) }, l))) })
+      ) }, s))) })
     ] });
   }
-), F = h(({}, o) => /* @__PURE__ */ r(z, { children: /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
+), H = h(({}, o) => /* @__PURE__ */ r(P, { 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" }),
@@ -261,6 +262,6 @@ const E = w.div`
   ] })
 ] }) }));
 export {
-  D as S,
-  F as a
+  B as S,
+  H as a
 };

package/dist/skeleton-Dw2U9XhS.cjs

@@ -0,0 +1,168 @@
+"use strict";const r=require("react/jsx-runtime"),t=require("react"),d=require("./Icon.cjs"),n=require("./utils-DmMdPm9O.cjs"),_=require("./ShopAvatar-CV3lj34D.cjs"),S=require("./index-DiIeF_76.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=g.styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border-radius: 1.25rem;
+  border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
+  background: var(--Lanaco-Gray-white, #fff);
+  width: 100%;
+  height: 100%;
+  justify-content: space-between;
+  /* drop-shadow-sm */
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  & .wrapper__content {
+    display: flex;
+    padding: 1.25rem;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.75rem;
+    align-self: strech;
+
+    & .wrapper__image {
+      object-fit: cover;
+      aspect-ratio: 1 / 1;
+      max-height: 4rem;
+      border-radius: 999px;
+    }
+  }
+
+  & .wrapper__info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.375rem;
+
+    & .wrapper__title {
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      color: var(--gray-950, #14161a);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+      letter-spacing: -0.0112rem;
+      ${n.truncateTextInRows(2)}
+      text-align: center;
+    }
+
+    & .wrapper__subtitle {
+      color: var(--gray-600, #676e79);
+      text-align: center;
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: -0.0056rem;
+      ${n.truncateTextInRows(2)}
+    }
+
+    & .wrapper__badges {
+    }
+
+    & .wrapper__rating {
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+
+      & .wrapper__star {
+        & i {
+          color: var(--warning-500);
+        }
+
+        & .gold-star {
+          & i {
+            color: var(--gray-500);
+          }
+        }
+      }
+
+      & .wrapper__review-count {
+        color: var(--gray-600, #676e79);
+        font-size: 0.75rem;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 1rem;
+        letter-spacing: 0.01px;
+      }
+    }
+  }
+
+  & .wrapper__products {
+    display: flex;
+    align-items: flex-start;
+    column-gap: 1px;
+    width: 100%;
+
+    & .wrapper__product {
+      overflow: hidden;
+      cursor: pointer;
+      width: 100%;
+      max-height: 5.75rem;
+
+      &:first-child {
+        border-radius: 0 0 0 1.25rem;
+      }
+
+      &:last-child {
+        border-radius: 0 0 1.25rem 0;
+      }
+
+      & .product__image {
+        width: 100%;
+        aspect-ratio: 1 / 1;
+        height: calc(100% / 3);
+        max-height: 5.75rem;
+        object-fit: cover;
+      }
+    }
+  }
+`,q=g.styled.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: ${n.linearGradientAnimation("-90deg")};
+    }
+  }
+
+  & .wrapper__info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.375rem;
+    width: 100%;
+
+    & .wrapper__info-item {
+      background-color: ${n.linearGradientAnimation("-90deg")};
+      height: 1rem;
+      width: 100%;
+    }
+  }
+`,$=t.forwardRef(({uuid:c,image:m,imageComponent:p,title:x,subtitle:h,badges:f,rating:w,reviewCount:o,products:l,onSelectCard:v=()=>{},getProductImage:j=()=>{},canAcceptPayments:b,hideProducts:y=!1,showRating:N=!0},u)=>{const i=t.useRef();return t.useEffect(()=>{var s;const e=a=>{a.target.src=_.DefaultShopImage,a.onerror=null};return(s=i==null?void 0:i.current)==null||s.addEventListener("error",e),()=>{var a;(a=i==null?void 0:i.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(k,{ref:u,onClick:v,children:[r.jsxs("div",{className:"wrapper__content",children:[n.isDefined(p)?p:m?r.jsx("img",{ref:i,src:m,className:"wrapper__image"}):r.jsx("img",{src:_.DefaultShopImage}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[x," ",b&&r.jsx(d,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:h}),f&&r.jsx("div",{className:"wrapper__badges"}),N&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,s)=>r.jsx(d,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=w?"gold-star":""}`},`shop-card-rating-star__${s+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",o==null?void 0:o.toLocaleString(),")"]})]})]})]}),y!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,s)=>r.jsx(t.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var a;return(a=e==null?void 0:e.onSelectProduct)==null?void 0:a.call(e,e==null?void 0:e.uuid)},children:n.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(S.ProductImageWrapper,{src:j(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},s)))})]})}),L=t.forwardRef(({},c)=>r.jsx(q,{children:r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"})]})]})}));exports.ShopCard=$;exports.ShopCardSkeleton=L;

package/dist/{style-XXDQBreL.js → style-DAn9Ifqe.js}

@@ -1,7 +1,7 @@
-import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as a } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as t } from "./consts-BuFChS64.js";
-import { t as a } from "./utils-BPdU4_1q.js";
-const o = r.div`
+import { t as r } from "./utils-BPdU4_1q.js";
+const o = a.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -40,7 +40,7 @@ const o = r.div`
       }
     }
   }
-`, f = r.div`
+`, f = a.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -58,10 +58,10 @@ const o = r.div`
       display: flex;
       gap: 0.5rem;
       align-items: center;
-      ${a()}
+      ${r()}
 
       & span {
-        ${a()}
+        ${r()}
       }
     }
 
@@ -76,7 +76,7 @@ const o = r.div`
       font-size: 1.375rem;
     }
   }
-`, i = (e) => (e == null ? void 0 : e.toLowerCase()) == "success" ? "color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);" : (e == null ? void 0 : e.toLowerCase()) == "warning" ? "color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);" : (e == null ? void 0 : e.toLowerCase()) == "info" ? "color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);" : (e == null ? void 0 : e.toLowerCase()) == "danger" ? "color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);" : (e == null ? void 0 : e.toLowerCase()) == "secondary" ? "color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);" : "color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);", g = r.div`
+`, i = (e) => (e == null ? void 0 : e.toLowerCase()) == "success" ? "color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);" : (e == null ? void 0 : e.toLowerCase()) == "warning" ? "color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);" : (e == null ? void 0 : e.toLowerCase()) == "info" ? "color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);" : (e == null ? void 0 : e.toLowerCase()) == "danger" ? "color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);" : (e == null ? void 0 : e.toLowerCase()) == "secondary" ? "color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);" : "color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);", g = a.div`
   font-size: 0.75rem;
   font-weight: 500;
   padding: 0 0.5rem;
@@ -85,7 +85,9 @@ const o = r.div`
   max-height: 1.25rem;
   border-radius: 0.25rem;
   display: flex;
+  max-width: 12.5rem;
   ${(e) => i(e.color)}
+  ${r()}
 `;
 export {
   g as B,

package/dist/{style-C_BRvopE.cjs → style-DaT7Beup.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),t=require("./utils-DmMdPm9O.cjs"),i=r.styled.div`
+"use strict";const t=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),r=require("./utils-DmMdPm9O.cjs"),i=t.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -37,7 +37,7 @@
       }
     }
   }
-`,n=r.styled.div`
+`,n=t.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -55,10 +55,10 @@
       display: flex;
       gap: 0.5rem;
       align-items: center;
-      ${t.truncateText()}
+      ${r.truncateText()}
 
       & span {
-        ${t.truncateText()}
+        ${r.truncateText()}
       }
     }
 
@@ -73,7 +73,7 @@
       font-size: 1.375rem;
     }
   }
-`,s=e=>(e==null?void 0:e.toLowerCase())=="success"?"color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);":(e==null?void 0:e.toLowerCase())=="warning"?"color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);":(e==null?void 0:e.toLowerCase())=="info"?"color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);":(e==null?void 0:e.toLowerCase())=="danger"?"color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);":(e==null?void 0:e.toLowerCase())=="secondary"?"color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);":"color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);",d=r.styled.div`
+`,s=e=>(e==null?void 0:e.toLowerCase())=="success"?"color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);":(e==null?void 0:e.toLowerCase())=="warning"?"color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);":(e==null?void 0:e.toLowerCase())=="info"?"color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);":(e==null?void 0:e.toLowerCase())=="danger"?"color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);":(e==null?void 0:e.toLowerCase())=="secondary"?"color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);":"color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);",d=t.styled.div`
   font-size: 0.75rem;
   font-weight: 500;
   padding: 0 0.5rem;
@@ -82,5 +82,7 @@
   max-height: 1.25rem;
   border-radius: 0.25rem;
   display: flex;
+  max-width: 12.5rem;
   ${e=>s(e.color)}
+  ${r.truncateText()}
 `;exports.BlogTag=d;exports.RegulatTitleSectionWrapper=i;exports.TitleWithOptionsSectionWrapper=n;

package/dist/{suspense-product-card-detailed-BP1opdKD.js → suspense-product-card-detailed-CFZchhUK.js}

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as e, Fragment as x } from "react/jsx-runtime";
 import { forwardRef as p, Suspense as z } from "react";
 import { p as C, t as f, o as s, l as D, q as u, G as w } from "./utils-BPdU4_1q.js";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as I } from "./index-3TFXgZHA.js";
+import { P as I } from "./index-DRP1yTKe.js";
 import { M as v } from "./consts-BuFChS64.js";
 const k = g.div`
   display: flex;

package/dist/{suspense-product-card-simple-BT5gv-kY.js → suspense-product-card-simple-BuJtwiwA.js}

@@ -1,6 +1,6 @@
 import { jsx as r, Fragment as p } from "react/jsx-runtime";
 import { forwardRef as a, Suspense as l } from "react";
-import { a as c } from "./index-CU0KClNt.js";
+import { a as c } from "./index-B7pgRoP5.js";
 const m = a((e, t) => /* @__PURE__ */ r(c, {})), u = ({ limit: e = 6, isLoading: t = !1, keyPrefix: o }) => /* @__PURE__ */ r(p, { children: Array.from({ length: e }, (s, n) => /* @__PURE__ */ r(
   m,
   {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.132",
+  "version": "4.0.134",
   "description": "React component library",
   "type": "module",
   "keywords": [