@lanaco/lnc-react-ui 4.0.39 → 4.0.40

package/dist/ShopCardsSection.js

@@ -2,16 +2,17 @@ import { jsxs as t, jsx as i } from "react/jsx-runtime";
 import { forwardRef as c, Fragment as y } from "react";
 import u from "./Button.js";
 import N from "./Icon.js";
-import { t as x, m as v, l as b } from "./utils-DtRLzzTZ.js";
+import { t as x, m as v, l as b, k } from "./utils-DtRLzzTZ.js";
 import { n as f } from "./emotion-styled.browser.esm-CjCaF13H.js";
-import { M as k } from "./consts-C1uHV4xc.js";
-const $ = f.div`
+import { M as $ } from "./consts-C1uHV4xc.js";
+const S = f.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%;
 
   /* drop-shadow-sm */
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
@@ -158,26 +159,26 @@ const $ = f.div`
       width: 100%;
     }
   }
-`, C = c(
+`, z = c(
   ({
     image: a,
     imageComponent: m,
     title: l,
-    subtitle: _,
-    badges: g,
+    subtitle: g,
+    badges: d,
     rating: o,
-    reviewCount: s,
-    products: n,
-    onSelectCard: h = () => {
+    reviewCount: n,
+    products: s,
+    onSelectCard: _ = () => {
     }
-  }, w) => /* @__PURE__ */ t($, { onClick: h, children: [
+  }, w) => /* @__PURE__ */ t(S, { onClick: _, children: [
     /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
       b(m) ? m : /* @__PURE__ */ i("img", { src: a, className: "wrapper__image" }),
       /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
         /* @__PURE__ */ i("div", { className: "wrapper__title", children: l }),
-        /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: _ }),
-        g && /* @__PURE__ */ i("div", { className: "wrapper__badges" }),
-        o && s && /* @__PURE__ */ t("div", { className: "wrapper__rating", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: g }),
+        d && /* @__PURE__ */ i("div", { className: "wrapper__badges" }),
+        o && n && /* @__PURE__ */ t("div", { className: "wrapper__rating", children: [
           /* @__PURE__ */ i("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((r, p) => /* @__PURE__ */ i(
             N,
             {
@@ -188,13 +189,13 @@ const $ = f.div`
           )) }),
           /* @__PURE__ */ t("div", { className: "wrapper__review-count", children: [
             "(",
-            s == null ? void 0 : s.toLocaleString(),
+            n == null ? void 0 : n.toLocaleString(),
             ")"
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ i("div", { className: "wrapper__products", children: n && (n == null ? void 0 : n.map((r, p) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i("div", { className: "wrapper__products", children: s && (s == null ? void 0 : s.map((r, p) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(
       "div",
       {
         className: "wrapper__product",
@@ -206,7 +207,7 @@ const $ = f.div`
       }
     ) }, p))) })
   ] })
-), z = c(({}, a) => /* @__PURE__ */ i(j, { children: /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
+), C = c(({}, a) => /* @__PURE__ */ i(j, { children: /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
   /* @__PURE__ */ i("div", { className: "wrapper__image" }),
   /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
     /* @__PURE__ */ i("div", { className: "wrapper__info-item" }),
@@ -214,7 +215,7 @@ const $ = f.div`
     /* @__PURE__ */ i("div", { className: "wrapper__info-item" }),
     /* @__PURE__ */ i("div", { className: "wrapper__info-item" })
   ] })
-] }) })), I = f.div`
+] }) })), M = f.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -238,6 +239,15 @@ const $ = f.div`
         font-weight: 600;
         line-height: 2rem;
         letter-spacing: -0.47px;
+
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+
+        & i {
+          font-size: 1.5rem;
+          color: var(--primary-500, #f59e0b);
+        }
       }
 
       & .title__action {
@@ -273,7 +283,7 @@ const $ = f.div`
     width: 100%;
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${$ + "px"}) {
     & .wrapper__heading {
       & .wrapper__title {
         & .title__action {
@@ -294,48 +304,52 @@ const $ = f.div`
       gap: 1rem;
     }
   }
-`, E = c(
+`, A = c(
   ({
     title: a,
     subtitle: m,
     items: l,
-    limit: _ = 4,
-    limitForMobile: g = 2,
-    actionText: o,
-    onSelectCard: s = () => {
+    limit: g = 4,
+    limitForMobile: d = 2,
+    buttonText: o = "Show More",
+    onSelectCard: n = () => {
+    },
+    onButtonAction: s = () => {
     },
-    onShowMore: n
-  }, h) => {
+    icon: _
+  }, w) => {
     var p;
-    const w = () => {
-      n == null || n();
-    }, r = (e) => {
-      s == null || s(e == null ? void 0 : e.uuid);
+    const r = (e) => {
+      n == null || n(e == null ? void 0 : e.uuid);
     };
     return /* @__PURE__ */ t(
-      I,
+      M,
       {
-        limitCards: _,
-        limitCardsForMobile: g,
+        ref: w,
+        limitCards: g,
+        limitCardsForMobile: d,
         children: [
           /* @__PURE__ */ t("div", { className: "wrapper__heading", children: [
             /* @__PURE__ */ t("div", { className: "wrapper__title", children: [
-              a && /* @__PURE__ */ i("div", { className: "title__text", children: a }),
-              o && n && /* @__PURE__ */ i(
+              a && /* @__PURE__ */ t("div", { className: "title__text", children: [
+                k(_) && /* @__PURE__ */ i("i", { className: _ }),
+                /* @__PURE__ */ i("span", { children: a })
+              ] }),
+              s && /* @__PURE__ */ i(
                 u,
                 {
                   text: o,
                   borderRadius: "curved",
                   btnType: "tinted",
                   className: "title__action",
-                  onClick: w
+                  onClick: s
                 }
               )
             ] }),
             m && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: m })
           ] }),
-          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: l && (l == null ? void 0 : l.length) > 0 ? l == null ? void 0 : l.map((e, d) => /* @__PURE__ */ i(
-            C,
+          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: l && (l == null ? void 0 : l.length) > 0 ? l == null ? void 0 : l.map((e, h) => /* @__PURE__ */ i(
+            z,
             {
               uuid: e == null ? void 0 : e.uuid,
               title: e == null ? void 0 : e.title,
@@ -347,13 +361,13 @@ const $ = f.div`
               imageComponent: e == null ? void 0 : e.imageComponent,
               onSelectCard: () => r == null ? void 0 : r(e)
             },
-            `shop-card__${d + 1}`
-          )) : (p = Array.from("1234")) == null ? void 0 : p.map((e, d) => /* @__PURE__ */ i(z, {}, `shop-card-skeleton__${d + 1}`)) })
+            `shop-card__${h + 1}`
+          )) : (p = Array.from("1234")) == null ? void 0 : p.map((e, h) => /* @__PURE__ */ i(C, {}, `shop-card-skeleton__${h + 1}`)) })
         ]
       }
     );
   }
 );
 export {
-  E as default
+  A as default
 };

package/dist/SimpleCategoriesSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),p=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),f=require("./consts-CtNoHdBj.cjs"),S=require("./useDetectMobile-D6d5LpdL.cjs"),d=require("./utils-NZLCh-J5.cjs"),k=require("./style-BR3tIhP1.cjs"),x=require("./Button.cjs"),C=p.newStyled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),p=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),f=require("./consts-CtNoHdBj.cjs"),S=require("./useDetectMobile-D6d5LpdL.cjs"),d=require("./utils-NZLCh-J5.cjs"),k=require("./style-DN1qT8BE.cjs"),x=require("./Button.cjs"),C=p.newStyled.div`
   display: grid;
   grid-template-columns: ${i=>"repeat(6,  minmax(0, 1fr))"};
   gap: 2rem;

package/dist/SimpleCategoriesSection.js

@@ -4,7 +4,7 @@ import { n as b } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as v } from "./consts-C1uHV4xc.js";
 import { u as E } from "./useDetectMobile-BC6EGaBc.js";
 import { t as h, m as I, k as f } from "./utils-DtRLzzTZ.js";
-import { R as P } from "./style-6tSw9aqK.js";
+import { R as P } from "./style-CiePxaJ_.js";
 import T from "./Button.js";
 const j = b.div`
   display: grid;

package/dist/SimpleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),k=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),y=require("./consts-CtNoHdBj.cjs"),P=require("./useDetectMobile-D6d5LpdL.cjs"),g=require("./index-_Db92CJE.cjs"),q=require("./index-Dit169OA.cjs"),M=k.newStyled.div`
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),k=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),y=require("./consts-CtNoHdBj.cjs"),P=require("./useDetectMobile-D6d5LpdL.cjs"),g=require("./index-DHJmdMN8.cjs"),q=require("./index-Dit169OA.cjs"),M=k.newStyled.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;

package/dist/SimpleProductsSection.js

@@ -3,7 +3,7 @@ import { forwardRef as f, Suspense as y, memo as M, useMemo as v } from "react";
 import { n as U } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as B } from "./consts-C1uHV4xc.js";
 import { u as C } from "./useDetectMobile-BC6EGaBc.js";
-import { S as T, a as _ } from "./index-BN8qgFbe.js";
+import { S as T, a as _ } from "./index-BT55M3t6.js";
 import { T as $ } from "./index-DxdBg_r_.js";
 const j = U.div`
   display: grid;

package/dist/{index-CT6_7UFb.js → index-5cttM4t7.js}

@@ -1,17 +1,17 @@
-import { jsx as s, jsxs as h, Fragment as z } from "react/jsx-runtime";
-import _, { useState as S, useRef as F, useEffect as j, useImperativeHandle as P, forwardRef as U } from "react";
-import { P as l } from "./index-S5Cd7WrG.js";
-import X from "./FlexBox.js";
+import { jsx as i, jsxs as d, Fragment as z } from "react/jsx-runtime";
+import _, { useState as w, useRef as F, useEffect as j, useImperativeHandle as P, forwardRef as q } from "react";
+import { P as r } from "./index-S5Cd7WrG.js";
+import U from "./FlexBox.js";
 import W from "./IconButton.js";
-import { useTheme as Z } from "./ThemeProvider.js";
-import { n as q } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { useTheme as X } from "./ThemeProvider.js";
+import { n as Z } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as C } from "./consts-C1uHV4xc.js";
 import { u as J } from "./useDetectMobile-BC6EGaBc.js";
 import { I as H } from "./index-wy-PXQR9.js";
 import V from "./Button.js";
 import Q from "./Icon.js";
 import { l as Y } from "./utils-DtRLzzTZ.js";
-const rr = q.div`
+const ee = Z.div`
   position: relative;
   padding: ${(e) => e.padding};
 
@@ -108,35 +108,35 @@ const rr = q.div`
 `, L = _.forwardRef(
   ({
     columnGap: e = "2rem",
-    rowGap: B = "1.25rem",
-    scrollBySize: g = 300,
-    wrapForMobile: k = !1,
+    rowGap: v = "1.25rem",
+    scrollBySize: f = 300,
+    wrapForMobile: y = !1,
     wrap: n = !1,
-    children: p,
-    methodsRef: w,
-    arrowsVisibleOnHover: x = !0,
-    rightAlignArrows: N = !1,
-    padding: v = "0",
-    showTimesBtn: f,
-    noArrows: u,
-    noGradient: y = !1,
-    hideDisabledArrows: a = !1,
-    noMargin: d = !1,
-    ...T
-  }, $) => {
-    const A = J(), { theme: r } = Z(), [t, b] = S(!1), [c, m] = S(!1), [M, I] = S(!0), o = F(), R = () => {
-      var i;
-      (i = o.current) == null || i.scrollBy(g, 0);
+    children: u,
+    methodsRef: b,
+    arrowsVisibleOnHover: S = !0,
+    rightAlignArrows: k = !1,
+    padding: m = "0",
+    showTimesBtn: h,
+    noArrows: a,
+    noGradient: x = !1,
+    hideDisabledArrows: c = !1,
+    noMargin: g = !1,
+    ...N
+  }, T) => {
+    const $ = J(), { theme: l } = X(), [t, A] = w(!1), [p, B] = w(!1), [M, I] = w(!0), o = F(), R = () => {
+      var s;
+      (s = o.current) == null || s.scrollBy(f, 0);
     }, K = () => {
-      var i;
-      (i = o.current) == null || i.scrollBy(-g, 0);
-    }, [E, D] = S(!1);
+      var s;
+      (s = o.current) == null || s.scrollBy(-f, 0);
+    }, [E, D] = w(!1);
     j(() => {
-      var i, O;
+      var s, O;
       D(
-        ((i = o == null ? void 0 : o.current) == null ? void 0 : i.scrollWidth) > ((O = o == null ? void 0 : o.current) == null ? void 0 : O.clientWidth)
+        ((s = o == null ? void 0 : o.current) == null ? void 0 : s.scrollWidth) > ((O = o == null ? void 0 : o.current) == null ? void 0 : O.clientWidth)
       );
-    }, [p]), P(w, () => ({
+    }, [u]), P(b, () => ({
       scrollToEnd() {
         G();
       },
@@ -150,42 +150,42 @@ const rr = q.div`
     const G = () => {
       o.current.scrollLeft = o.current.scrollWidth;
     };
-    return /* @__PURE__ */ s(
-      rr,
+    return /* @__PURE__ */ i(
+      ee,
       {
-        ref: $,
-        arrowsVisibleOnHover: x,
+        ref: T,
+        arrowsVisibleOnHover: S,
         hasOverflow: E,
-        noArrows: u,
-        padding: v,
-        rightAlignArrows: N,
-        showTimesBtn: f,
-        theme: r,
-        noMargin: d,
-        ...T,
-        children: /* @__PURE__ */ h(
-          X,
+        noArrows: a,
+        padding: m,
+        rightAlignArrows: k,
+        showTimesBtn: h,
+        theme: l,
+        noMargin: g,
+        ...N,
+        children: /* @__PURE__ */ d(
+          U,
           {
             ref: o,
             className: "scrollable-container",
             columnGap: e,
-            rowGap: B,
-            wrap: n || k && A ? "Wrap" : "NoWrap",
+            rowGap: v,
+            wrap: n || y && $ ? "Wrap" : "NoWrap",
             children: [
-              u !== !0 && /* @__PURE__ */ h(z, { children: [
-                !(a === !0 && c === !0) && /* @__PURE__ */ s(
+              a !== !0 && /* @__PURE__ */ d(z, { children: [
+                !(c === !0 && p === !0) && /* @__PURE__ */ i(
                   W,
                   {
                     borderRadius: "curved",
                     btnType: "tinted",
                     className: "scroll-arrow-left",
                     color: "neutral",
-                    disabled: c,
+                    disabled: p,
                     icon: "angle-left",
                     onClick: K
                   }
                 ),
-                !(a === !0 && t === !0) && /* @__PURE__ */ s(
+                !(c === !0 && t === !0) && /* @__PURE__ */ i(
                   W,
                   {
                     borderRadius: "curved",
@@ -198,33 +198,33 @@ const rr = q.div`
                   }
                 )
               ] }),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ i(
                 H,
                 {
                   isHorizontal: !0,
                   onIsNotVisible: () => {
-                    c === !0 && m(!1);
+                    p === !0 && B(!1);
                   },
                   onIsVisible: () => {
-                    c === !1 && m(!0);
+                    p === !1 && B(!0);
                   }
                 }
               ),
-              p,
-              /* @__PURE__ */ s(
+              u,
+              /* @__PURE__ */ i(
                 H,
                 {
                   className: "right-scroller",
                   isHorizontal: !0,
                   onIsNotVisible: () => {
-                    t === !0 && b(!1), I(!0);
+                    t === !0 && A(!1), I(!0);
                   },
                   onIsVisible: () => {
-                    t === !1 && b(!0), I(!1);
+                    t === !1 && A(!0), I(!1);
                   }
                 }
               ),
-              M && E && y !== !0 && /* @__PURE__ */ s("div", { className: "gradient" })
+              M && E && x !== !0 && /* @__PURE__ */ i("div", { className: "gradient" })
             ]
           }
         )
@@ -233,94 +233,89 @@ const rr = q.div`
   }
 );
 L.propTypes = {
-  title: l.string,
-  rowGap: l.string,
-  columnGap: l.string,
-  scrollBySize: l.number,
-  wrapForMobile: l.bool,
-  wrap: l.bool,
-  methodsRef: l.any,
-  arrowsVisibleOnHover: l.bool,
-  rightAlignArrows: l.bool,
-  padding: l.string
+  title: r.string,
+  rowGap: r.string,
+  columnGap: r.string,
+  scrollBySize: r.number,
+  wrapForMobile: r.bool,
+  wrap: r.bool,
+  methodsRef: r.any,
+  arrowsVisibleOnHover: r.bool,
+  rightAlignArrows: r.bool,
+  padding: r.string
 };
-const er = U((e, B) => {
+const re = q((e, v) => {
   const {
-    allButton: g = !0,
-    items: k = [],
+    allButton: f = !0,
+    items: y = [],
     selectedIds: n = [],
-    onSelect: p = () => {
+    onSelect: u = () => {
     },
-    onRemove: w = () => {
+    onRemove: b = () => {
     },
-    onSelectAll: x = () => {
+    onSelectAll: S = () => {
     },
-    className: N,
-    showTimesBtn: v = !1,
-    labelKey: f = "label",
-    valueKey: u = "value",
-    codeKey: y = "code",
-    uniqueKey: a,
-    typeKey: d,
-    productsToolbarName: T = "All",
-    ...$
-  } = e, A = (r, t, b, c, m) => {
-    n != null && n.includes(r) ? w(r, t, b, c, m) : p(r, t, b, c, m);
+    className: k,
+    showTimesBtn: m = !1,
+    labelKey: h = "label",
+    valueKey: a = "value",
+    codeKey: x = "code",
+    uniqueKey: c,
+    typeKey: g,
+    productsToolbarName: N = "All",
+    ...T
+  } = e, $ = (l, t) => {
+    n != null && n.includes(t) ? b(l, t) : u(l, t);
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ d(
     L,
     {
+      ref: v,
       arrowsVisibleOnHover: !1,
-      className: N,
+      className: k,
       columnGap: "0.75rem",
       padding: "0.25rem 0",
       rightAlignArrows: !0,
-      showTimesBtn: v,
-      ...$,
+      showTimesBtn: m,
+      ...T,
       children: [
-        g && /* @__PURE__ */ s(
+        f && /* @__PURE__ */ i(
           V,
           {
             borderRadius: "curved",
             btnType: n.length === 0 ? "filled" : "tinted",
             className: "badge-button",
             color: "neutral",
-            onClick: x,
-            children: T
+            onClick: S,
+            children: N
           }
         ),
-        k.map((r, t) => /* @__PURE__ */ h(
+        y.map((l, t) => /* @__PURE__ */ d(
           V,
           {
             borderRadius: "curved",
-            btnType: n.includes(r.uuid) ? "filled" : "tinted",
+            btnType: n.includes(l.uuid) ? "filled" : "tinted",
             className: "badge-button",
             color: "neutral",
-            onClick: () => A(
-              r[u],
-              r[f],
-              r[y],
-              a ? r[a] : null,
-              d ? r[d] : null
-            ),
+            onClick: () => $(l, l[a]),
             children: [
-              Y(r == null ? void 0 : r.icon) && /* @__PURE__ */ h(z, { children: [
-                /* @__PURE__ */ s("i", { className: r == null ? void 0 : r.icon }),
+              Y(l == null ? void 0 : l.icon) && /* @__PURE__ */ d(z, { children: [
+                /* @__PURE__ */ i("i", { className: l == null ? void 0 : l.icon }),
                 " "
               ] }),
-              r[f],
-              v === !0 && /* @__PURE__ */ s(
+              l[h],
+              m === !0 && /* @__PURE__ */ i(
                 Q,
                 {
                   className: "times-btn",
                   icon: "times",
                   sizeInUnits: "0.75rem",
-                  onClick: () => w(
-                    r[u],
-                    r[f],
-                    r[y],
-                    a ? r[a] : null,
-                    d ? r[d] : null
+                  onClick: () => b(
+                    l[a],
+                    l[h],
+                    l[x],
+                    c ? l[c] : null,
+                    g ? l[g] : null
                   )
                 }
               )
@@ -332,19 +327,19 @@ const er = U((e, B) => {
     }
   );
 });
-er.propTypes = {
-  allButton: l.bool,
-  items: l.array,
-  selectedIds: l.array,
-  onSelect: l.func,
-  onRemove: l.func,
-  onSelectAll: l.func,
-  className: l.string,
-  showTimesBtn: l.bool,
-  valuKey: l.string,
-  labelKey: l.string,
-  codeKey: l.string
+re.propTypes = {
+  allButton: r.bool,
+  items: r.array,
+  selectedIds: r.array,
+  onSelect: r.func,
+  onRemove: r.func,
+  onSelectAll: r.func,
+  className: r.string,
+  showTimesBtn: r.bool,
+  valuKey: r.string,
+  labelKey: r.string,
+  codeKey: r.string
 };
 export {
-  er as S
+  re as S
 };

package/dist/{index-BN8qgFbe.js → index-BT55M3t6.js}

@@ -53,6 +53,7 @@ const C = o.div`
     aspect-ratio: 1 / 1; /* defining the aspect ratio of the image */
     object-fit: cover; /* making sure the image isn't distorted */
     border-radius: 0.75rem;
+    mix-blend-mode: multiply;
   }
 
   & .fallback-image {
@@ -74,7 +75,7 @@ const C = o.div`
     border-radius: 62.4375rem;
     z-index: 1;
     background-color: var(--white, #fff);
-    color: var(--gray-950, #14161A);
+    color: var(--gray-950, #14161a);
   }
   & .title-simple-product-card {
     z-index: 1;
@@ -85,13 +86,13 @@ const C = o.div`
   &:hover {
     & .title-simple-product-card {
       z-index: 1;
-      color: var(--primary-500, #F59E0B);
+      color: var(--primary-500, #f59e0b);
     }
   }
-`, F = f((n, y) => {
+`, G = f((d, y) => {
   const {
     uuid: w,
-    title: d,
+    title: n,
     price: r,
     currency: i,
     isNegotiable: l,
@@ -103,11 +104,11 @@ const C = o.div`
     imageComponent: t,
     negotiableText: p = "Negotiable",
     freeText: g = "Free"
-  } = n;
+  } = d;
   return /* @__PURE__ */ e(v, { className: "simple-product-card", onClick: s, children: [
     h(t) ? t : /* @__PURE__ */ a("img", { src: c }),
     /* @__PURE__ */ e("div", { className: "text-block", children: [
-      /* @__PURE__ */ a("div", { className: "title-simple-product-card", children: d }),
+      /* @__PURE__ */ a("div", { className: "title-simple-product-card", children: n }),
       /* @__PURE__ */ e("div", { className: "price-chip", children: [
         r && i && `${b(r)} ${x(i)}`,
         l && p,
@@ -118,5 +119,5 @@ const C = o.div`
 });
 export {
   C as S,
-  F as a
+  G as a
 };