@lanaco/lnc-react-ui 4.0.144 → 4.0.146

package/dist/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),w=require("react"),l=require("./index-BpbMKBf_.cjs"),k=require("./index-DA7SIHV1.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-Dl9xPH4c.cjs"),I=require("./Icon.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},T=e=>`
+"use strict";const n=require("react/jsx-runtime"),w=require("react"),l=require("./index-BpbMKBf_.cjs"),f=require("./index-DA7SIHV1.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-Dl9xPH4c.cjs"),O=require("./Icon.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),k={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},T=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;
@@ -11,13 +11,13 @@
 
         border-radius: ${t.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
         
-        padding-left: ${e.hasLeadingIcon?f[e.size].icon:f[e.size].regular};
-        padding-right: ${e.hasTrailingIcon?f[e.size].icon:f[e.size].regular};
+        padding-left: ${e.hasLeadingIcon?k[e.size].icon:k[e.size].regular};
+        padding-right: ${e.hasTrailingIcon?k[e.size].icon:k[e.size].regular};
     `,W=d.styled.span`
   padding-right: ${e=>e.size==="small"?"0.25rem":"0.5rem"};
 `,D=d.styled.span`
   padding-left: ${e=>e.size==="small"?"0.25rem":"0.5rem"};
-`,O=d.styled.button`
+`,I=d.styled.button`
   ${e=>T(e)}
 
   ${e=>t.getComponentTypographyCss(e.theme,"ButtonFilled",e.size,"enabled")};
@@ -31,23 +31,23 @@
   &:disabled {
     ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
     cursor: default;
-    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","background")};
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","background","backgroundOpacity")};
     color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","text")};
   }
 
   &:hover {
-    background-color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"hover","background")};
+    background-color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"hover","background","backgroundOpacity")};
     color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"hover","text")};
   }
 
   &:focus {
-    background-color: ${e=>!e.disabled&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"focus","background")};
+    background-color: ${e=>!e.disabled&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"focus","background","backgroundOpacity")};
     color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"focus","text")};
     ${e=>!e.disabled&&t.getOutlineCss(e.theme)};
   }
 
   &:active {
-    background-color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"active","background")};
+    background-color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"active","background","backgroundOpacity")};
     color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"active","text")};
   }
 `,E=d.styled.button`
@@ -126,4 +126,4 @@
 `,L=d.styled(v)`
   border: 1px solid
     ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
-`,j=w.forwardRef((e,u)=>{const{text:x="",iconStyle:R="solid",leadingIcon:V=null,trailingIcon:z=null,borderRadius:F="regular",btnType:n="filled",disabled:N=!1,tabIndex:s=0,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,onLeadingIconClick:_,onTrailingIconClick:K,size:C="small",color:i="primary",className:$="",style:S={},children:U,...y}=e,o={theme:P.useTheme(),color:i,size:C,style:S,disabled:N,borderRadius:F,btnType:n,className:"lnc-ui-button "},c=!k.isEmpty(V),r=!k.isEmpty(z),q=!k.isEmpty(x),B=()=>a.jsxs(a.Fragment,{children:[c&&a.jsx(W,{size:C,children:a.jsx(I,{icon:V,sizeInUnits:"1.125rem",iconStyle:R})}),x,U,r&&a.jsx(D,{size:C,children:a.jsx(I,{icon:z,sizeInUnits:"1.125rem",iconStyle:R})})]});return n==="filled"?a.jsx(O,{ref:u,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):n==="tinted"?a.jsx(E,{ref:u,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):n==="outline"?a.jsx(L,{ref:u,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):n==="basic"?a.jsx(v,{ref:u,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):a.jsx(O,{ref:u,"data-type":"filled",size:C,...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,hasText:q,tabIndex:s,btnType:n,...y,children:B()})});j.propTypes={text:l.PropTypes.string,iconStyle:l.PropTypes.oneOf(["regular","solid"]),leadingIcon:l.PropTypes.string,trailingIcon:l.PropTypes.string,borderRadius:l.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:l.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:l.PropTypes.bool,tabIndex:l.PropTypes.number,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:l.PropTypes.oneOf(["small","medium","large"])};module.exports=j;
+`,j=w.forwardRef((e,u)=>{const{text:x="",iconStyle:R="solid",leadingIcon:V=null,trailingIcon:z=null,borderRadius:F="regular",btnType:a="filled",disabled:N=!1,tabIndex:s=0,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,onLeadingIconClick:_,onTrailingIconClick:K,size:C="small",color:i="primary",className:$="",style:S={},children:U,...y}=e,o={theme:P.useTheme(),color:i,size:C,style:S,disabled:N,borderRadius:F,btnType:a,className:"lnc-ui-button "},c=!f.isEmpty(V),r=!f.isEmpty(z),q=!f.isEmpty(x),B=()=>n.jsxs(n.Fragment,{children:[c&&n.jsx(W,{size:C,children:n.jsx(O,{icon:V,sizeInUnits:"1.125rem",iconStyle:R})}),x,U,r&&n.jsx(D,{size:C,children:n.jsx(O,{icon:z,sizeInUnits:"1.125rem",iconStyle:R})})]});return a==="filled"?n.jsx(I,{ref:u,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):a==="tinted"?n.jsx(E,{ref:u,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):a==="outline"?n.jsx(L,{ref:u,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):a==="basic"?n.jsx(v,{ref:u,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:a,...y,children:B()}):n.jsx(I,{ref:u,"data-type":"filled",size:C,...o,className:`${o==null?void 0:o.className} ${i}-${a}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,hasText:q,tabIndex:s,btnType:a,...y,children:B()})});j.propTypes={text:l.PropTypes.string,iconStyle:l.PropTypes.oneOf(["regular","solid"]),leadingIcon:l.PropTypes.string,trailingIcon:l.PropTypes.string,borderRadius:l.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:l.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:l.PropTypes.bool,tabIndex:l.PropTypes.number,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:l.PropTypes.oneOf(["small","medium","large"])};module.exports=j;

package/dist/Button.js

@@ -1,9 +1,9 @@
-import { jsx as l, jsxs as W, Fragment as E } from "react/jsx-runtime";
+import { jsx as c, jsxs as W, Fragment as E } from "react/jsx-runtime";
 import { forwardRef as q } from "react";
 import { P as n } from "./index-CblbdqjE.js";
 import { i as T } from "./index-6RFrSPs_.js";
 import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as z, b as t, d as r, h as I, e as v, a as A } from "./utils-BdsZgOUE.js";
+import { c as O, b as t, d as r, h as z, e as I, a as A } from "./utils-BdsZgOUE.js";
 import w from "./Icon.js";
 import { u as G } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const x = {
@@ -22,7 +22,7 @@ const x = {
     icon: "1rem",
     justIcon: "0.5rem"
   }
-}, O = (e) => `
+}, v = (e) => `
         outline: none;
         display: inline-flex;
         flex-direction: row;
@@ -45,9 +45,9 @@ const x = {
 `, J = u.span`
   padding-left: ${(e) => e.size === "small" ? "0.25rem" : "0.5rem"};
 `, R = u.button`
-  ${(e) => O(e)}
+  ${(e) => v(e)}
 
-  ${(e) => z(
+  ${(e) => O(
   e.theme,
   "ButtonFilled",
   e.size,
@@ -73,14 +73,15 @@ const x = {
   max-height: ${(e) => r(e.theme, e.size)};
 
   &:disabled {
-    ${(e) => e.disabled === !0 && I(e.theme)};
+    ${(e) => e.disabled === !0 && z(e.theme)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
   "ButtonFilled",
   e.color,
   "disabled",
-  "background"
+  "background",
+  "backgroundOpacity"
 )};
     color: ${(e) => t(
   e.theme,
@@ -97,7 +98,8 @@ const x = {
   "ButtonFilled",
   e.color,
   "hover",
-  "background"
+  "background",
+  "backgroundOpacity"
 )};
     color: ${(e) => e.disabled === !1 && t(
   e.theme,
@@ -114,7 +116,8 @@ const x = {
   "ButtonFilled",
   e.color,
   "focus",
-  "background"
+  "background",
+  "backgroundOpacity"
 )};
     color: ${(e) => e.disabled === !1 && t(
   e.theme,
@@ -123,7 +126,7 @@ const x = {
   "focus",
   "text"
 )};
-    ${(e) => !e.disabled && v(e.theme)};
+    ${(e) => !e.disabled && I(e.theme)};
   }
 
   &:active {
@@ -132,7 +135,8 @@ const x = {
   "ButtonFilled",
   e.color,
   "active",
-  "background"
+  "background",
+  "backgroundOpacity"
 )};
     color: ${(e) => e.disabled === !1 && t(
   e.theme,
@@ -143,11 +147,11 @@ const x = {
 )};
   }
 `, M = u.button`
-  ${(e) => O(e)}
+  ${(e) => v(e)}
 
   min-height: ${(e) => r(e.theme, e.size)};
   max-height: ${(e) => r(e.theme, e.size)};
-  ${(e) => z(
+  ${(e) => O(
   e.theme,
   "ButtonTinted",
   e.size,
@@ -208,7 +212,7 @@ const x = {
   "focus",
   "text"
 )};
-    ${(e) => e.disabled === !1 && v(e.theme)};
+    ${(e) => e.disabled === !1 && I(e.theme)};
   }
 
   &:active {
@@ -231,7 +235,7 @@ const x = {
   }
 
   &:disabled {
-    /* ${(e) => e.disabled === !0 && I(e.theme)};
+    /* ${(e) => e.disabled === !0 && z(e.theme)};
      */
     color: ${(e) => t(
   e.theme,
@@ -251,9 +255,9 @@ const x = {
 )};
   }
 `, L = u.button`
-  ${(e) => O(e)}
+  ${(e) => v(e)}
 
-  ${(e) => z(
+  ${(e) => O(
   e.theme,
   "ButtonTinted",
   e.size,
@@ -316,7 +320,7 @@ const x = {
   "text"
 )};
 
-    ${(e) => !e.disabled && v(e.theme)};
+    ${(e) => !e.disabled && I(e.theme)};
   }
 
   &:active {
@@ -338,7 +342,7 @@ const x = {
   }
 
   &:disabled {
-    ${(e) => e.disabled === !0 && I(e.theme)};
+    ${(e) => e.disabled === !0 && z(e.theme)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
@@ -368,9 +372,9 @@ const x = {
     borderRadius: S = "regular",
     btnType: a = "filled",
     disabled: U = !1,
-    tabIndex: m = 0,
+    tabIndex: b = 0,
     //----------------
-    onFocus: b,
+    onFocus: m,
     onBlur: g,
     onClick: h,
     onKeyDown: $,
@@ -378,14 +382,14 @@ const x = {
     onTrailingIconClick: Z,
     //----------------
     size: y = "small",
-    color: c = "primary",
+    color: l = "primary",
     className: f = "",
     style: D = {},
     children: V,
     ...B
   } = e, o = {
     theme: G(),
-    color: c,
+    color: l,
     size: y,
     style: D,
     disabled: U,
@@ -393,7 +397,7 @@ const x = {
     btnType: a,
     className: "lnc-ui-button "
   }, i = !T(N), d = !T(j), K = !T(F), k = () => /* @__PURE__ */ W(E, { children: [
-    i && /* @__PURE__ */ l(H, { size: y, children: /* @__PURE__ */ l(
+    i && /* @__PURE__ */ c(H, { size: y, children: /* @__PURE__ */ c(
       w,
       {
         icon: N,
@@ -403,7 +407,7 @@ const x = {
     ) }),
     F,
     V,
-    d && /* @__PURE__ */ l(J, { size: y, children: /* @__PURE__ */ l(
+    d && /* @__PURE__ */ c(J, { size: y, children: /* @__PURE__ */ c(
       w,
       {
         icon: j,
@@ -412,94 +416,94 @@ const x = {
       }
     ) })
   ] });
-  return a === "filled" ? /* @__PURE__ */ l(
+  return a === "filled" ? /* @__PURE__ */ c(
     R,
     {
       ref: s,
       "data-type": "filled",
       ...o,
-      className: `${o == null ? void 0 : o.className} ${c}-${a}-lnc-btn ${f}`,
+      className: `${o == null ? void 0 : o.className} ${l}-${a}-lnc-btn ${f}`,
       hasLeadingIcon: i,
       hasTrailingIcon: d,
-      onFocus: b,
+      onFocus: m,
       onBlur: g,
       onClick: h,
       onKeyDown: $,
-      tabIndex: m,
+      tabIndex: b,
       btnType: a,
       ...B,
       children: k()
     }
-  ) : a === "tinted" ? /* @__PURE__ */ l(
+  ) : a === "tinted" ? /* @__PURE__ */ c(
     M,
     {
       ref: s,
       "data-type": "tinted",
       ...o,
-      className: `${o == null ? void 0 : o.className} ${c}-${a}-lnc-btn ${f}`,
+      className: `${o == null ? void 0 : o.className} ${l}-${a}-lnc-btn ${f}`,
       hasLeadingIcon: i,
       hasTrailingIcon: d,
-      onFocus: b,
+      onFocus: m,
       onBlur: g,
       onClick: h,
       onKeyDown: $,
-      tabIndex: m,
+      tabIndex: b,
       btnType: a,
       ...B,
       children: k()
     }
-  ) : a === "outline" ? /* @__PURE__ */ l(
+  ) : a === "outline" ? /* @__PURE__ */ c(
     Q,
     {
       ref: s,
       "data-type": "outline",
       ...o,
-      className: `${o == null ? void 0 : o.className} ${c}-${a}-lnc-btn ${f}`,
+      className: `${o == null ? void 0 : o.className} ${l}-${a}-lnc-btn ${f}`,
       hasLeadingIcon: i,
       hasTrailingIcon: d,
-      onFocus: b,
+      onFocus: m,
       onBlur: g,
       onClick: h,
       onKeyDown: $,
-      tabIndex: m,
+      tabIndex: b,
       btnType: a,
       ...B,
       children: k()
     }
-  ) : a === "basic" ? /* @__PURE__ */ l(
+  ) : a === "basic" ? /* @__PURE__ */ c(
     L,
     {
       ref: s,
       "data-type": "basic",
       ...o,
-      className: `${o == null ? void 0 : o.className} ${c}-${a}-lnc-btn ${f}`,
+      className: `${o == null ? void 0 : o.className} ${l}-${a}-lnc-btn ${f}`,
       hasLeadingIcon: i,
       hasTrailingIcon: d,
-      onFocus: b,
+      onFocus: m,
       onBlur: g,
       onClick: h,
       onKeyDown: $,
-      tabIndex: m,
+      tabIndex: b,
       btnType: a,
       ...B,
       children: k()
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ c(
     R,
     {
       ref: s,
       "data-type": "filled",
       size: y,
       ...o,
-      className: `${o == null ? void 0 : o.className} ${c}-${a}-lnc-btn ${f}`,
+      className: `${o == null ? void 0 : o.className} ${l}-${a}-lnc-btn ${f}`,
       hasLeadingIcon: i,
       hasTrailingIcon: d,
-      onFocus: b,
+      onFocus: m,
       onBlur: g,
       onClick: h,
       onKeyDown: $,
       hasText: K,
-      tabIndex: m,
+      tabIndex: b,
       btnType: a,
       ...B,
       children: k()

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),L=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./style-CyHewQxg.cjs"),j=require("./suspense-product-card-detailed-B7gioG73.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),L=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./style-CyHewQxg.cjs"),j=require("./suspense-product-card-detailed-BVYLuo75.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
   display: grid;
   grid-template-columns: ${s=>`repeat(${s.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/DetailedProductsSection.js

@@ -6,7 +6,7 @@ import E from "./Button.js";
 import { k as h } from "./utils-BdsZgOUE.js";
 import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
 import { T as O } from "./style-DFPWLJBr.js";
-import { D as R, S as W } from "./suspense-product-card-detailed-FUKF_Pyc.js";
+import { D as R, S as W } from "./suspense-product-card-detailed-Bv1nJaPz.js";
 import { S as $ } from "./index-Dweo-G3H.js";
 const j = B.div`
   display: grid;

package/dist/IconButton.cjs

@@ -15,7 +15,7 @@
         max-width: ${t.getSizeValueWithUnits(e.theme,e.size)};
     `,S=h.styled.i`
   font-size: 1.125rem;
-`,f=h.styled.button`
+`,k=h.styled.button`
   ${e=>y(e)}
 
   ${e=>t.getComponentTypographyCss(e.theme,"ButtonFilled",e.size,"enabled")};
@@ -46,7 +46,7 @@
   &:disabled {
     ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
     cursor: default;
-    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","background")};
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","background","backgroundOpacity")};
     color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","text")};
   }
 `,N=h.styled.button`
@@ -83,7 +83,7 @@
     background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"disabled","background","backgroundOpacity")};
     color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"disabled","text")};
   }
-`,k=h.styled.button`
+`,f=h.styled.button`
   ${e=>y(e)}
 
   ${e=>t.getComponentTypographyCss(e.theme,"ButtonTinted",e.size,"enabled")};
@@ -116,7 +116,7 @@
     cursor: default;
     background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"disabled","background","backgroundOpacity")};
   }
-`,w=h.styled(k)`
+`,w=h.styled(f)`
   border: 1px solid
     ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
-`,V=C.forwardRef((e,i)=>{const{icon:$=null,iconStyle:R="solid",borderRadius:T="regular",btnType:a="filled",disabled:x=!1,tabIndex:j=0,onFocus:r=()=>{},onBlur:u=()=>{},onClick:d=()=>{},onKeyDown:s=()=>{},size:B="small",color:n="primary",className:g="",style:z={},...b}=e,o={theme:F.useTheme(),color:n,size:B,style:z,className:"lnc-ui-icon-button",disabled:x,borderRadius:T,btnType:a},v=()=>{var O=R==="solid"?"fas":"far";return`${O} fa-${$} fa-fw`},m=()=>C.isValidElement($)?$:c.jsx(S,{className:v()});return a==="filled"?c.jsx(f,{ref:i,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,type:a,...b,children:m()}):a==="tinted"?c.jsx(N,{ref:i,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):a==="outline"?c.jsx(w,{ref:i,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):a==="basic"?c.jsx(k,{ref:i,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):c.jsx(f,{ref:i,"data-type":"filled",size:B,...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()})});V.propTypes={icon:l.PropTypes.oneOfType([l.PropTypes.string,l.PropTypes.element]),iconStyle:l.PropTypes.oneOf(["regular","solid"]),borderRadius:l.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:l.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:l.PropTypes.bool,tabIndex:l.PropTypes.number,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:l.PropTypes.oneOf(["small","medium","large"])};module.exports=V;
+`,V=C.forwardRef((e,i)=>{const{icon:$=null,iconStyle:R="solid",borderRadius:T="regular",btnType:a="filled",disabled:x=!1,tabIndex:j=0,onFocus:r=()=>{},onBlur:u=()=>{},onClick:d=()=>{},onKeyDown:s=()=>{},size:B="small",color:n="primary",className:g="",style:z={},...b}=e,o={theme:F.useTheme(),color:n,size:B,style:z,className:"lnc-ui-icon-button",disabled:x,borderRadius:T,btnType:a},O=()=>{var v=R==="solid"?"fas":"far";return`${v} fa-${$} fa-fw`},m=()=>C.isValidElement($)?$:c.jsx(S,{className:O()});return a==="filled"?c.jsx(k,{ref:i,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,type:a,...b,children:m()}):a==="tinted"?c.jsx(N,{ref:i,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):a==="outline"?c.jsx(w,{ref:i,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):a==="basic"?c.jsx(f,{ref:i,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):c.jsx(k,{ref:i,"data-type":"filled",size:B,...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()})});V.propTypes={icon:l.PropTypes.oneOfType([l.PropTypes.string,l.PropTypes.element]),iconStyle:l.PropTypes.oneOf(["regular","solid"]),borderRadius:l.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:l.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:l.PropTypes.bool,tabIndex:l.PropTypes.number,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:l.PropTypes.oneOf(["small","medium","large"])};module.exports=V;

package/dist/IconButton.js

@@ -24,7 +24,7 @@ const x = (e) => `
         max-width: ${c(e.theme, e.size)};
     `, D = g.i`
   font-size: 1.125rem;
-`, T = g.button`
+`, O = g.button`
   ${(e) => x(e)}
 
   ${(e) => f(
@@ -113,7 +113,8 @@ const x = (e) => `
   "ButtonFilled",
   e.color,
   "disabled",
-  "background"
+  "background",
+  "backgroundOpacity"
 )};
     color: ${(e) => t(
   e.theme,
@@ -227,7 +228,7 @@ const x = (e) => `
   "text"
 )};
   }
-`, O = g.button`
+`, T = g.button`
   ${(e) => x(e)}
 
   ${(e) => f(
@@ -324,7 +325,7 @@ const x = (e) => `
   "backgroundOpacity"
 )};
   }
-`, U = g(O)`
+`, U = g(T)`
   border: 1px solid
     ${(e) => t(
   e.theme,
@@ -371,7 +372,7 @@ const x = (e) => `
     return `${R} fa-${B} fa-fw`;
   }, $ = () => S(B) ? B : /* @__PURE__ */ i(D, { className: C() });
   return l === "filled" ? /* @__PURE__ */ i(
-    T,
+    O,
     {
       ref: d,
       "data-type": "filled",
@@ -414,7 +415,7 @@ const x = (e) => `
       children: $()
     }
   ) : l === "basic" ? /* @__PURE__ */ i(
-    O,
+    T,
     {
       ref: d,
       "data-type": "basic",
@@ -428,7 +429,7 @@ const x = (e) => `
       children: $()
     }
   ) : /* @__PURE__ */ i(
-    T,
+    O,
     {
       ref: d,
       "data-type": "filled",

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),l=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),w=require("./suspense-product-card-detailed-B7gioG73.cjs"),N=v.styled.div`
+"use strict";const i=require("react/jsx-runtime"),l=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),w=require("./suspense-product-card-detailed-BVYLuo75.cjs"),N=v.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${o=>`repeat(${o.limit||5},  minmax(0, 1fr))`};

package/dist/UrgentSaleProductsSection.js

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

package/dist/{suspense-product-card-detailed-B7gioG73.cjs → suspense-product-card-detailed-BVYLuo75.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),o=require("./utils-Dl9xPH4c.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),le=require("./index-BueKsXT8.cjs"),_=require("./Badge.cjs"),de=require("./Popover.cjs"),me=require("./PopoverTrigger.cjs"),pe=require("./PopoverContent.cjs"),ge=require("./useDetectMobile-zkbzoOGV.cjs"),A=require("./consts-goSZX3xP.cjs"),X=x.styled.div`
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),o=require("./utils-Dl9xPH4c.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),le=require("./index-BueKsXT8.cjs"),x=require("./Badge.cjs"),de=require("./Popover.cjs"),me=require("./PopoverTrigger.cjs"),pe=require("./PopoverContent.cjs"),ge=require("./useDetectMobile-zkbzoOGV.cjs"),A=require("./consts-goSZX3xP.cjs"),X=N.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -155,7 +155,7 @@
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`,ue=x.styled.div`
+`,ue=N.styled.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -200,7 +200,7 @@
       display: flex;
     }
   }
-`,he=x.styled.div`
+`,he=N.styled.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -250,7 +250,7 @@
       color: var(--gray-950, #14161a);
     }
   }
-`,fe=x.styled.div`
+`,fe=N.styled.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -262,4 +262,4 @@
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`,ve=l.forwardRef(({sponsoredText:m="Sponsored"},w)=>e.jsxs(fe,{ref:w,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:m})]})),we="Vehicles_Cars",be="Vehicles_Motorcycles",ye="Vehicles_Trucks",ke="Vehicles_AgriculturalMachines_Tractors",je="Vehicles_ConstructionMachines",_e="Vehicles_Bus",xe="Vehicles_Campers",Ne="RealEstates_",i={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},Ce=l.forwardRef((m,w)=>{const{uuid:p,name:y,price:u=0,sellingPrice:k,currency:j,isNegotiable:N,isFree:C,imageUrl:L,location:U,sponsored:O,imageComponent:V,onSelectCard:Y=()=>{},freeText:K="Free",negotiableText:Z="Negotiable",tags:t=[],categoryCode:P,condition:$,quantity:S,trade:E,sponsoredText:H,onBookmark:B=()=>{},bookmarkComponent:z,bookmarked:M,bookmarkLists:J}=m,T=ge.useDetectMobile(),Q=()=>o.isDefined(z)?l.cloneElement(z,{key:`bookmark_pr__${M}`,bookmarked:M,productUuid:p,onAddToBookmark:()=>B(!0,p),onRemoveFromBookmark:()=>B(!1,p),bookmarkedUuidList:J}):e.jsx(e.Fragment,{}),q=[we,be,ye,ke,je,_e,xe,Ne].some(r=>P==null?void 0:P.includes(r)),[ee,F]=l.useState(!1),re=()=>{F(!0)},ne=()=>{F(!1)},a=l.useRef(null),h=l.useRef([]),[W,oe]=l.useState(t==null?void 0:t.length),te=()=>{var f,c,b;if(!(a!=null&&a.current)||((f=h==null?void 0:h.current)==null?void 0:f.length)===0)return;const r=(c=a==null?void 0:a.current)==null?void 0:c.offsetWidth;let n=0,s=0;for(let d=0;d<(t==null?void 0:t.length);d++){const v=((b=h==null?void 0:h.current[d])==null?void 0:b.offsetWidth)||0,g=n+v+4;if(g<=r)n+=g,s++;else break}oe(s)};l.useEffect(()=>{const r=a==null?void 0:a.current;if(!r)return;const n=new ResizeObserver(()=>{te()});return n.observe(r),()=>{n.disconnect()}},[t]);const se=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=t==null?void 0:t.slice(0,W))==null?void 0:r.map((n,s)=>{var v,g,I,R,G;const f=((v=i==null?void 0:i[n==null?void 0:n.code])==null?void 0:v.icon)??((g=i==null?void 0:i.default)==null?void 0:g.icon)??"",c=((I=n==null?void 0:n.measurementUnit)==null?void 0:I.symbol)??((R=i==null?void 0:i[n==null?void 0:n.code])==null?void 0:R.measure)??"",d=[(n==null?void 0:n.value)??((G=n==null?void 0:n.multiOptions)==null?void 0:G[0])??"",c].filter(Boolean).join(" ");return T?e.jsxs("div",{className:"tag-mobile",children:[d,s<W-1?" · ":""]}):e.jsxs(_,{ref:ce=>h.current[s]=ce,className:`tag ${O?"tag-sponsored":""}`,children:[e.jsx("i",{className:f}),d]},`detailed-products-section-tag__${s+1}`)})})},ie=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((r,n)=>{var d,v,g;const s=((d=r==null?void 0:r.measurementUnit)==null?void 0:d.symbol)??((v=i==null?void 0:i[r==null?void 0:r.code])==null?void 0:v.measure)??"",c=[(r==null?void 0:r.value)??((g=r==null?void 0:r.multiOptions)==null?void 0:g[0])??"",s].filter(Boolean).join(" "),b=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${b}: `}),e.jsx("span",{className:"tags-popover__value",children:c})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),ae=()=>{var r;if(T){const n=[$,S,E];return(r=n==null?void 0:n.filter(s=>o.isDefinedNotEmptyString(s)))==null?void 0:r.map((s,f,c)=>e.jsxs("div",{className:"tag-mobile",children:[s,f<(c==null?void 0:c.length)-1?" · ":""]}))}return e.jsxs(e.Fragment,{children:[$&&e.jsx(_,{className:"tag",children:$},"detailed-products-section-tag__condition"),S&&e.jsx(_,{className:"tag",children:S},"detailed-products-section-tag__quantity"),E&&e.jsx(_,{className:"tag",children:E},"detailed-products-section-tag__trade")]})},D=u>0&&j&&N!==!0&&C!==!0&&u!==k;return e.jsxs(X,{ref:a,className:"product-card",onClick:Y,children:[e.jsxs(ue,{className:"product-image-wrapper",children:[e.jsx(Q,{}),o.isDefined(V)?V:e.jsx(le.ProductImageWrapper,{src:L})]}),e.jsx("div",{className:"wrapper-card-1",children:e.jsx("div",{className:"card-title",children:y})}),e.jsxs("div",{className:"wrapper-card-3",children:[q&&e.jsx("div",{...T?{}:{onMouseEnter:re,onMouseLeave:ne},children:e.jsxs(de,{placement:"bottom",open:ee,children:[e.jsx(me,{children:se()}),e.jsx(pe,{style:{all:"unset"},children:e.jsx(he,{children:ie()})})]})}),!q&&ae()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${D?"new-price":""}`,children:[k>0&&j&&N!==!0&&C!==!0&&e.jsx("div",{children:`${o.formatPrice(k)} ${o.GetCurrencySymbol(j)}`}),D&&e.jsx("div",{className:`${k>0?"full-price":""}`,children:`${o.formatPrice(u)} ${o.GetCurrencySymbol(j)}`}),N&&Z,C&&K]}),e.jsx("div",{className:"location-text",children:U})]}),O===!0&&e.jsx(ve,{sponsoredText:H})]})}),Pe=l.forwardRef(({},m)=>e.jsxs(X,{className:"product-card",children:[e.jsx("img",{className:"skeleton-img"}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"skeleton-tags"})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-price"}),e.jsx("div",{className:"skeleton-sponsored"})]})]})),$e=({limit:m=5,isLoading:w=!1,keyPrefix:p})=>e.jsx(e.Fragment,{children:Array.from({length:m},(y,u)=>e.jsx(Pe,{isLoading:w},`${p}-skeleton-product-card-${u}`))}),Se=({children:m,fallbackComponent:w=e.jsx(e.Fragment,{}),isLoading:p=!1,limit:y,keyPrefix:u})=>e.jsx(l.Suspense,{fallbackComponent:w,children:p===!0?e.jsx($e,{isLoading:p,limit:y,keyPrefix:u}):m});exports.DetailedProductCard=Ce;exports.SuspenseDetailedProductCard=Se;
+`,ve=a.forwardRef(({sponsoredText:p="Sponsored"},w)=>e.jsxs(fe,{ref:w,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:p})]})),we="Vehicles_Cars",be="Vehicles_Motorcycles",ye="Vehicles_Trucks",je="Vehicles_AgriculturalMachines_Tractors",ke="Vehicles_ConstructionMachines",_e="Vehicles_Bus",xe="Vehicles_Campers",Ne="RealEstates_",i={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},Ce=a.forwardRef((p,w)=>{const{uuid:g,name:j,price:h=0,sellingPrice:k,currency:_,isNegotiable:C,isFree:P,imageUrl:L,location:U,sponsored:V,imageComponent:B,onSelectCard:Y=()=>{},freeText:K="Free",negotiableText:Z="Negotiable",tags:s=[],categoryCode:$,condition:E,quantity:S,trade:T,sponsoredText:H,onBookmark:z=()=>{},bookmarkComponent:b,bookmarked:M,bookmarkLists:J}=p,O=ge.useDetectMobile(),Q=()=>{var l;if(!o.isDefined(b))return e.jsx(e.Fragment,{});const r=b,n=(l=b==null?void 0:b.props)==null?void 0:l.children,t=a.cloneElement(n,{key:`bookmark_pr__${M}`,bookmarked:M,productUuid:g,onAddToBookmark:()=>z(!0,g),onRemoveFromBookmark:()=>z(!1,g),bookmarkedUuidList:J});return a.cloneElement(r,void 0,t)},q=[we,be,ye,je,ke,_e,xe,Ne].some(r=>$==null?void 0:$.includes(r)),[ee,F]=a.useState(!1),re=()=>{F(!0)},ne=()=>{F(!1)},c=a.useRef(null),f=a.useRef([]),[W,oe]=a.useState(s==null?void 0:s.length),te=()=>{var l,d,y;if(!(c!=null&&c.current)||((l=f==null?void 0:f.current)==null?void 0:l.length)===0)return;const r=(d=c==null?void 0:c.current)==null?void 0:d.offsetWidth;let n=0,t=0;for(let m=0;m<(s==null?void 0:s.length);m++){const v=((y=f==null?void 0:f.current[m])==null?void 0:y.offsetWidth)||0,u=n+v+4;if(u<=r)n+=u,t++;else break}oe(t)};a.useEffect(()=>{const r=c==null?void 0:c.current;if(!r)return;const n=new ResizeObserver(()=>{te()});return n.observe(r),()=>{n.disconnect()}},[s]);const se=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=s==null?void 0:s.slice(0,W))==null?void 0:r.map((n,t)=>{var v,u,I,R,G;const l=((v=i==null?void 0:i[n==null?void 0:n.code])==null?void 0:v.icon)??((u=i==null?void 0:i.default)==null?void 0:u.icon)??"",d=((I=n==null?void 0:n.measurementUnit)==null?void 0:I.symbol)??((R=i==null?void 0:i[n==null?void 0:n.code])==null?void 0:R.measure)??"",m=[(n==null?void 0:n.value)??((G=n==null?void 0:n.multiOptions)==null?void 0:G[0])??"",d].filter(Boolean).join(" ");return O?e.jsxs("div",{className:"tag-mobile",children:[m,t<W-1?" · ":""]}):e.jsxs(x,{ref:ce=>f.current[t]=ce,className:`tag ${V?"tag-sponsored":""}`,children:[e.jsx("i",{className:l}),m]},`detailed-products-section-tag__${t+1}`)})})},ie=()=>e.jsx("div",{className:"tags-popover__content",children:s==null?void 0:s.map((r,n)=>{var m,v,u;const t=((m=r==null?void 0:r.measurementUnit)==null?void 0:m.symbol)??((v=i==null?void 0:i[r==null?void 0:r.code])==null?void 0:v.measure)??"",d=[(r==null?void 0:r.value)??((u=r==null?void 0:r.multiOptions)==null?void 0:u[0])??"",t].filter(Boolean).join(" "),y=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${y}: `}),e.jsx("span",{className:"tags-popover__value",children:d})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),ae=()=>{var r;if(O){const n=[E,S,T];return(r=n==null?void 0:n.filter(t=>o.isDefinedNotEmptyString(t)))==null?void 0:r.map((t,l,d)=>e.jsxs("div",{className:"tag-mobile",children:[t,l<(d==null?void 0:d.length)-1?" · ":""]}))}return e.jsxs(e.Fragment,{children:[E&&e.jsx(x,{className:"tag",children:E},"detailed-products-section-tag__condition"),S&&e.jsx(x,{className:"tag",children:S},"detailed-products-section-tag__quantity"),T&&e.jsx(x,{className:"tag",children:T},"detailed-products-section-tag__trade")]})},D=h>0&&_&&C!==!0&&P!==!0&&h!==k;return e.jsxs(X,{ref:c,className:"product-card",onClick:Y,children:[e.jsxs(ue,{className:"product-image-wrapper",children:[e.jsx(Q,{}),o.isDefined(B)?B:e.jsx(le.ProductImageWrapper,{src:L})]}),e.jsx("div",{className:"wrapper-card-1",children:e.jsx("div",{className:"card-title",children:j})}),e.jsxs("div",{className:"wrapper-card-3",children:[q&&e.jsx("div",{...O?{}:{onMouseEnter:re,onMouseLeave:ne},children:e.jsxs(de,{placement:"bottom",open:ee,children:[e.jsx(me,{children:se()}),e.jsx(pe,{style:{all:"unset"},children:e.jsx(he,{children:ie()})})]})}),!q&&ae()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${D?"new-price":""}`,children:[k>0&&_&&C!==!0&&P!==!0&&e.jsx("div",{children:`${o.formatPrice(k)} ${o.GetCurrencySymbol(_)}`}),D&&e.jsx("div",{className:`${k>0?"full-price":""}`,children:`${o.formatPrice(h)} ${o.GetCurrencySymbol(_)}`}),C&&Z,P&&K]}),e.jsx("div",{className:"location-text",children:U})]}),V===!0&&e.jsx(ve,{sponsoredText:H})]})}),Pe=a.forwardRef(({},p)=>e.jsxs(X,{className:"product-card",children:[e.jsx("img",{className:"skeleton-img"}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"skeleton-tags"})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-price"}),e.jsx("div",{className:"skeleton-sponsored"})]})]})),$e=({limit:p=5,isLoading:w=!1,keyPrefix:g})=>e.jsx(e.Fragment,{children:Array.from({length:p},(j,h)=>e.jsx(Pe,{isLoading:w},`${g}-skeleton-product-card-${h}`))}),Ee=({children:p,fallbackComponent:w=e.jsx(e.Fragment,{}),isLoading:g=!1,limit:j,keyPrefix:h})=>e.jsx(a.Suspense,{fallbackComponent:w,children:g===!0?e.jsx($e,{isLoading:g,limit:j,keyPrefix:h}):p});exports.DetailedProductCard=Ce;exports.SuspenseDetailedProductCard=Ee;

package/dist/{suspense-product-card-detailed-FUKF_Pyc.js → suspense-product-card-detailed-Bv1nJaPz.js}

@@ -1,15 +1,15 @@
-import { jsxs as n, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { forwardRef as B, useState as A, useRef as Y, useEffect as ve, cloneElement as we, Suspense as be } from "react";
-import { p as ke, t as K, o as b, l as H, q as Z, G as J, k as ye } from "./utils-BdsZgOUE.js";
-import { s as P } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { jsxs as n, jsx as e, Fragment as P } from "react/jsx-runtime";
+import { forwardRef as M, useState as A, useRef as Y, useEffect as we, cloneElement as K, Suspense as be } from "react";
+import { p as ke, t as H, o as k, l as Z, q as J, G as Q, k as ye } from "./utils-BdsZgOUE.js";
+import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as _e } from "./index-CF3HhgvN.js";
-import N from "./Badge.js";
+import C from "./Badge.js";
 import Ne from "./Popover.js";
 import Ce from "./PopoverTrigger.js";
 import Pe from "./PopoverContent.js";
 import { u as $e } from "./useDetectMobile-Bkvj0VMa.js";
-import { M as Q } from "./consts-BuFChS64.js";
-const x = P.div`
+import { M as x } from "./consts-BuFChS64.js";
+const ee = $.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -80,7 +80,7 @@ const x = P.div`
   & .price-text {
     font-size: 1rem;
     font-weight: 600;
-    ${K()}
+    ${H()}
     display: flex;
     align-items: end;
     gap: 0.5rem;
@@ -103,7 +103,7 @@ const x = P.div`
     font-size: 0.75rem;
     font-weight: 400;
     color: var(--gray-600, #676e79);
-    ${K()}
+    ${H()}
   }
 
   & .tags-wrapper {
@@ -112,31 +112,31 @@ const x = P.div`
   }
 
   & .skeleton-img {
-    background-color: ${b("-90deg")};
+    background-color: ${k("-90deg")};
     border-radius: 0.75rem;
     border: 1px solid white;
   }
 
   & .skeleton-title {
-    background-color: ${b("-90deg")};
+    background-color: ${k("-90deg")};
     width: 100%;
     height: 2.5rem;
   }
 
   & .skeleton-tags {
-    background-color: ${b("-90deg")};
+    background-color: ${k("-90deg")};
     width: 80%;
     height: 1.5rem;
   }
 
   & .skeleton-price {
-    background-color: ${b("-90deg")};
+    background-color: ${k("-90deg")};
     width: 50%;
     height: 2.5rem;
   }
 
   & .skeleton-sponsored {
-    background-color: ${b("-90deg")};
+    background-color: ${k("-90deg")};
     width: 50%;
     height: 1rem;
   }
@@ -146,7 +146,7 @@ const x = P.div`
     gap: 0.25rem;
   }
 
-  @media (max-width: ${Q + "px"}) {
+  @media (max-width: ${x + "px"}) {
     overflow: visible;
 
     & .tags-popover__trigger {
@@ -166,7 +166,7 @@ const x = P.div`
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`, Te = P.div`
+`, Te = $.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -198,7 +198,7 @@ const x = P.div`
     transition: var(--transition, all 0.3s ease);
   }
 
-  @media (max-width: ${Q + "px"}) {
+  @media (max-width: ${x + "px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -211,7 +211,7 @@ const x = P.div`
       display: flex;
     }
   }
-`, Ee = P.div`
+`, Ee = $.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -261,7 +261,7 @@ const x = P.div`
       color: var(--gray-950, #14161a);
     }
   }
-`, Ve = P.div`
+`, Ve = $.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -273,9 +273,9 @@ const x = P.div`
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`, Oe = B(({ sponsoredText: d = "Sponsored" }, v) => /* @__PURE__ */ n(Ve, { ref: v, className: "sponsored-line", children: [
+`, Oe = M(({ sponsoredText: m = "Sponsored" }, v) => /* @__PURE__ */ n(Ve, { ref: v, className: "sponsored-line", children: [
   /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
-  /* @__PURE__ */ e("span", { children: d })
+  /* @__PURE__ */ e("span", { children: m })
 ] })), Se = "Vehicles_Cars", ze = "Vehicles_Motorcycles", Be = "Vehicles_Trucks", Me = "Vehicles_AgriculturalMachines_Tractors", We = "Vehicles_ConstructionMachines", Fe = "Vehicles_Bus", De = "Vehicles_Campers", Ie = "RealEstates_", i = {
   Mileage: {
     icon: "mng-lnc-road",
@@ -377,42 +377,47 @@ const x = P.div`
     icon: " mng-lnc-clock--filled",
     measure: ""
   }
-}, xe = B((d, v) => {
+}, xe = M((m, v) => {
   const {
-    uuid: m,
-    name: k,
-    price: g = 0,
-    sellingPrice: y,
-    currency: _,
-    isNegotiable: $,
-    isFree: T,
-    imageUrl: ee,
-    location: re,
-    sponsored: M,
-    imageComponent: W,
-    onSelectCard: oe = () => {
+    uuid: p,
+    name: y,
+    price: u = 0,
+    sellingPrice: _,
+    currency: N,
+    isNegotiable: T,
+    isFree: E,
+    imageUrl: re,
+    location: oe,
+    sponsored: W,
+    imageComponent: F,
+    onSelectCard: ne = () => {
     },
-    freeText: ne = "Free",
-    negotiableText: te = "Negotiable",
-    tags: t = [],
-    categoryCode: E,
-    condition: V,
-    quantity: O,
-    trade: S,
-    sponsoredText: ae,
-    onBookmark: F = () => {
+    freeText: te = "Free",
+    negotiableText: ae = "Negotiable",
+    tags: a = [],
+    categoryCode: V,
+    condition: O,
+    quantity: S,
+    trade: z,
+    sponsoredText: ie,
+    onBookmark: D = () => {
     },
-    bookmarkComponent: D,
+    bookmarkComponent: w,
     bookmarked: I,
-    bookmarkLists: ie
-  } = d, z = $e(), se = () => H(D) ? we(D, {
-    key: `bookmark_pr__${I}`,
-    bookmarked: I,
-    productUuid: m,
-    onAddToBookmark: () => F(!0, m),
-    onRemoveFromBookmark: () => F(!1, m),
-    bookmarkedUuidList: ie
-  }) : /* @__PURE__ */ e(C, {}), j = [
+    bookmarkLists: se
+  } = m, B = $e(), ce = () => {
+    var c;
+    if (!Z(w)) return /* @__PURE__ */ e(P, {});
+    const r = w, o = (c = w == null ? void 0 : w.props) == null ? void 0 : c.children, t = K(o, {
+      key: `bookmark_pr__${I}`,
+      bookmarked: I,
+      productUuid: p,
+      onAddToBookmark: () => D(!0, p),
+      onRemoveFromBookmark: () => D(!1, p),
+      bookmarkedUuidList: se
+    });
+    return K(r, void 0, t);
+  }, j = [
     Se,
     ze,
     Be,
@@ -422,123 +427,123 @@ const x = P.div`
     De,
     Ie
   ].some(
-    (r) => E == null ? void 0 : E.includes(r)
-  ), [ce, G] = A(!1), le = () => {
+    (r) => V == null ? void 0 : V.includes(r)
+  ), [le, G] = A(!1), de = () => {
     G(!0);
-  }, de = () => {
+  }, me = () => {
     G(!1);
-  }, s = Y(null), u = Y([]), [R, me] = A(t == null ? void 0 : t.length), pe = () => {
-    var h, c, w;
-    if (!(s != null && s.current) || ((h = u == null ? void 0 : u.current) == null ? void 0 : h.length) === 0) return;
-    const r = (c = s == null ? void 0 : s.current) == null ? void 0 : c.offsetWidth;
-    let o = 0, a = 0;
-    for (let l = 0; l < (t == null ? void 0 : t.length); l++) {
-      const f = ((w = u == null ? void 0 : u.current[l]) == null ? void 0 : w.offsetWidth) || 0, p = o + f + 4;
-      if (p <= r)
-        o += p, a++;
+  }, s = Y(null), h = Y([]), [R, pe] = A(a == null ? void 0 : a.length), ge = () => {
+    var c, l, b;
+    if (!(s != null && s.current) || ((c = h == null ? void 0 : h.current) == null ? void 0 : c.length) === 0) return;
+    const r = (l = s == null ? void 0 : s.current) == null ? void 0 : l.offsetWidth;
+    let o = 0, t = 0;
+    for (let d = 0; d < (a == null ? void 0 : a.length); d++) {
+      const f = ((b = h == null ? void 0 : h.current[d]) == null ? void 0 : b.offsetWidth) || 0, g = o + f + 4;
+      if (g <= r)
+        o += g, t++;
       else
         break;
     }
-    me(a);
+    pe(t);
   };
-  ve(() => {
+  we(() => {
     const r = s == null ? void 0 : s.current;
     if (!r) return;
     const o = new ResizeObserver(() => {
-      pe();
+      ge();
     });
     return o.observe(r), () => {
       o.disconnect();
     };
-  }, [t]);
-  const ge = () => {
+  }, [a]);
+  const ue = () => {
     var r;
-    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = t == null ? void 0 : t.slice(0, R)) == null ? void 0 : r.map((o, a) => {
-      var f, p, X, L, q;
-      const h = ((f = i == null ? void 0 : i[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((p = i == null ? void 0 : i.default) == null ? void 0 : p.icon) ?? "", c = ((X = o == null ? void 0 : o.measurementUnit) == null ? void 0 : X.symbol) ?? ((L = i == null ? void 0 : i[o == null ? void 0 : o.code]) == null ? void 0 : L.measure) ?? "", l = [(o == null ? void 0 : o.value) ?? ((q = o == null ? void 0 : o.multiOptions) == null ? void 0 : q[0]) ?? "", c].filter(Boolean).join(" ");
-      return z ? /* @__PURE__ */ n("div", { className: "tag-mobile", children: [
-        l,
-        a < R - 1 ? " · " : ""
+    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = a == null ? void 0 : a.slice(0, R)) == null ? void 0 : r.map((o, t) => {
+      var f, g, X, L, q;
+      const c = ((f = i == null ? void 0 : i[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((g = i == null ? void 0 : i.default) == null ? void 0 : g.icon) ?? "", l = ((X = o == null ? void 0 : o.measurementUnit) == null ? void 0 : X.symbol) ?? ((L = i == null ? void 0 : i[o == null ? void 0 : o.code]) == null ? void 0 : L.measure) ?? "", d = [(o == null ? void 0 : o.value) ?? ((q = o == null ? void 0 : o.multiOptions) == null ? void 0 : q[0]) ?? "", l].filter(Boolean).join(" ");
+      return B ? /* @__PURE__ */ n("div", { className: "tag-mobile", children: [
+        d,
+        t < R - 1 ? " · " : ""
       ] }) : /* @__PURE__ */ n(
-        N,
+        C,
         {
-          ref: (fe) => u.current[a] = fe,
-          className: `tag ${M ? "tag-sponsored" : ""}`,
+          ref: (ve) => h.current[t] = ve,
+          className: `tag ${W ? "tag-sponsored" : ""}`,
           children: [
-            /* @__PURE__ */ e("i", { className: h }),
-            l
+            /* @__PURE__ */ e("i", { className: c }),
+            d
           ]
         },
-        `detailed-products-section-tag__${a + 1}`
+        `detailed-products-section-tag__${t + 1}`
       );
     }) });
-  }, ue = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: t == null ? void 0 : t.map((r, o) => {
-    var l, f, p;
-    const a = ((l = r == null ? void 0 : r.measurementUnit) == null ? void 0 : l.symbol) ?? ((f = i == null ? void 0 : i[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", c = [(r == null ? void 0 : r.value) ?? ((p = r == null ? void 0 : r.multiOptions) == null ? void 0 : p[0]) ?? "", a].filter(Boolean).join(" "), w = r == null ? void 0 : r.name;
+  }, he = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: a == null ? void 0 : a.map((r, o) => {
+    var d, f, g;
+    const t = ((d = r == null ? void 0 : r.measurementUnit) == null ? void 0 : d.symbol) ?? ((f = i == null ? void 0 : i[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", l = [(r == null ? void 0 : r.value) ?? ((g = r == null ? void 0 : r.multiOptions) == null ? void 0 : g[0]) ?? "", t].filter(Boolean).join(" "), b = r == null ? void 0 : r.name;
     return /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${w}: ` }),
-      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: c })
+      /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${b}: ` }),
+      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: l })
     ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
-  }) }), he = () => {
+  }) }), fe = () => {
     var r;
-    if (z) {
-      const o = [V, O, S];
-      return (r = o == null ? void 0 : o.filter((a) => ye(a))) == null ? void 0 : r.map((a, h, c) => /* @__PURE__ */ n("div", { className: "tag-mobile", children: [
-        a,
-        h < (c == null ? void 0 : c.length) - 1 ? " · " : ""
+    if (B) {
+      const o = [O, S, z];
+      return (r = o == null ? void 0 : o.filter((t) => ye(t))) == null ? void 0 : r.map((t, c, l) => /* @__PURE__ */ n("div", { className: "tag-mobile", children: [
+        t,
+        c < (l == null ? void 0 : l.length) - 1 ? " · " : ""
       ] }));
     }
-    return /* @__PURE__ */ n(C, { children: [
-      V && /* @__PURE__ */ e(N, { className: "tag", children: V }, "detailed-products-section-tag__condition"),
-      O && /* @__PURE__ */ e(N, { className: "tag", children: O }, "detailed-products-section-tag__quantity"),
-      S && /* @__PURE__ */ e(N, { className: "tag", children: S }, "detailed-products-section-tag__trade")
+    return /* @__PURE__ */ n(P, { children: [
+      O && /* @__PURE__ */ e(C, { className: "tag", children: O }, "detailed-products-section-tag__condition"),
+      S && /* @__PURE__ */ e(C, { className: "tag", children: S }, "detailed-products-section-tag__quantity"),
+      z && /* @__PURE__ */ e(C, { className: "tag", children: z }, "detailed-products-section-tag__trade")
     ] });
-  }, U = g > 0 && _ && $ !== !0 && T !== !0 && g !== y;
+  }, U = u > 0 && N && T !== !0 && E !== !0 && u !== _;
   return (
     // <LandingPageProductCardSkeleton />
     /* @__PURE__ */ n(
-      x,
+      ee,
       {
         ref: s,
         className: "product-card",
-        onClick: oe,
+        onClick: ne,
         children: [
           /* @__PURE__ */ n(Te, { className: "product-image-wrapper", children: [
-            /* @__PURE__ */ e(se, {}),
-            H(W) ? W : /* @__PURE__ */ e(_e, { src: ee })
+            /* @__PURE__ */ e(ce, {}),
+            Z(F) ? F : /* @__PURE__ */ e(_e, { src: re })
           ] }),
-          /* @__PURE__ */ e("div", { className: "wrapper-card-1", children: /* @__PURE__ */ e("div", { className: "card-title", children: k }) }),
+          /* @__PURE__ */ e("div", { className: "wrapper-card-1", children: /* @__PURE__ */ e("div", { className: "card-title", children: y }) }),
           /* @__PURE__ */ n("div", { className: "wrapper-card-3", children: [
             j && /* @__PURE__ */ e(
               "div",
               {
-                ...z ? {} : {
-                  onMouseEnter: le,
-                  onMouseLeave: de
+                ...B ? {} : {
+                  onMouseEnter: de,
+                  onMouseLeave: me
                 },
-                children: /* @__PURE__ */ n(Ne, { placement: "bottom", open: ce, children: [
-                  /* @__PURE__ */ e(Ce, { children: ge() }),
-                  /* @__PURE__ */ e(Pe, { style: { all: "unset" }, children: /* @__PURE__ */ e(Ee, { children: ue() }) })
+                children: /* @__PURE__ */ n(Ne, { placement: "bottom", open: le, children: [
+                  /* @__PURE__ */ e(Ce, { children: ue() }),
+                  /* @__PURE__ */ e(Pe, { style: { all: "unset" }, children: /* @__PURE__ */ e(Ee, { children: he() }) })
                 ] })
               }
             ),
-            !j && he()
+            !j && fe()
           ] }),
           /* @__PURE__ */ n("div", { className: "wrapper-card-2", children: [
             /* @__PURE__ */ n("div", { className: `price-text ${U ? "new-price" : ""}`, children: [
-              y > 0 && _ && $ !== !0 && T !== !0 && /* @__PURE__ */ e("div", { children: `${Z(y)} ${J(_)}` }),
-              U && /* @__PURE__ */ e("div", { className: `${y > 0 ? "full-price" : ""}`, children: `${Z(g)} ${J(_)}` }),
-              $ && te,
-              T && ne
+              _ > 0 && N && T !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${J(_)} ${Q(N)}` }),
+              U && /* @__PURE__ */ e("div", { className: `${_ > 0 ? "full-price" : ""}`, children: `${J(u)} ${Q(N)}` }),
+              T && ae,
+              E && te
             ] }),
-            /* @__PURE__ */ e("div", { className: "location-text", children: re })
+            /* @__PURE__ */ e("div", { className: "location-text", children: oe })
           ] }),
-          M === !0 && /* @__PURE__ */ e(Oe, { sponsoredText: ae })
+          W === !0 && /* @__PURE__ */ e(Oe, { sponsoredText: ie })
         ]
       }
     )
   );
-}), je = B(({}, d) => /* @__PURE__ */ n(x, { className: "product-card", children: [
+}), je = M(({}, m) => /* @__PURE__ */ n(ee, { className: "product-card", children: [
   /* @__PURE__ */ e("img", { className: "skeleton-img" }),
   /* @__PURE__ */ n("div", { className: "wrapper-card-1", children: [
     /* @__PURE__ */ e("div", { className: "skeleton-title" }),
@@ -548,26 +553,26 @@ const x = P.div`
     /* @__PURE__ */ e("div", { className: "skeleton-price" }),
     /* @__PURE__ */ e("div", { className: "skeleton-sponsored" })
   ] })
-] })), Ge = ({ limit: d = 5, isLoading: v = !1, keyPrefix: m }) => /* @__PURE__ */ e(C, { children: Array.from({ length: d }, (k, g) => /* @__PURE__ */ e(
+] })), Ge = ({ limit: m = 5, isLoading: v = !1, keyPrefix: p }) => /* @__PURE__ */ e(P, { children: Array.from({ length: m }, (y, u) => /* @__PURE__ */ e(
   je,
   {
     isLoading: v
   },
-  `${m}-skeleton-product-card-${g}`
+  `${p}-skeleton-product-card-${u}`
 )) }), er = ({
-  children: d,
-  fallbackComponent: v = /* @__PURE__ */ e(C, {}),
-  isLoading: m = !1,
-  limit: k,
-  keyPrefix: g
-}) => /* @__PURE__ */ e(be, { fallbackComponent: v, children: m === !0 ? /* @__PURE__ */ e(
+  children: m,
+  fallbackComponent: v = /* @__PURE__ */ e(P, {}),
+  isLoading: p = !1,
+  limit: y,
+  keyPrefix: u
+}) => /* @__PURE__ */ e(be, { fallbackComponent: v, children: p === !0 ? /* @__PURE__ */ e(
   Ge,
   {
-    isLoading: m,
-    limit: k,
-    keyPrefix: g
+    isLoading: p,
+    limit: y,
+    keyPrefix: u
   }
-) : d });
+) : m });
 export {
   xe as D,
   er as S

package/package.json

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