@lanaco/lnc-react-ui 4.0.226 → 4.0.228

package/dist/Accordion.cjs

@@ -1,4 +1,4 @@
-"use strict";const b=require("react/jsx-runtime"),s=require("react"),R=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),c=require("./utils-CITgSxXe.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=require("./useUpdateEffect-BtMgpgIV.cjs"),D=R.styled.div`
+"use strict";const b=require("react/jsx-runtime"),s=require("react"),R=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),c=require("./utils-BK6B_Y9X.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=require("./useUpdateEffect-BtMgpgIV.cjs"),D=R.styled.div`
   color: ${t=>!t.disabled&&c.getColorRgbaValue(t.theme,"Accordion","primary","enabled","text")};
   background-color: transparent;
   ${t=>c.getComponentTypographyCss(t.theme,"Accordion",t.size,"enabled")};

package/dist/Accordion.js

@@ -1,7 +1,7 @@
 import { jsxs as D } from "react/jsx-runtime";
 import { forwardRef as N, useState as O, Children as i, isValidElement as c, cloneElement as l } from "react";
 import { s as R } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { c as S, d as g, i as x } from "./utils-MoGhNMmj.js";
+import { c as S, d as g, i as x } from "./utils-BUdHa0nB.js";
 import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as T } from "./useUpdateEffect-CuYWz7EA.js";
 const M = R.div`

package/dist/AccordionSummary.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),f=require("react"),h=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),b=require("./Icon.cjs"),g=require("./utils-CITgSxXe.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C={small:"0.6rem 1rem",medium:"0.8rem 1.25rem",large:"1rem 1.5rem"},R=h.styled.div`
+"use strict";const s=require("react/jsx-runtime"),f=require("react"),h=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),b=require("./Icon.cjs"),g=require("./utils-BK6B_Y9X.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C={small:"0.6rem 1rem",medium:"0.8rem 1.25rem",large:"1rem 1.5rem"},R=h.styled.div`
   display: flex;
   justify-content: space-between;
   cursor: pointer;

package/dist/AccordionSummary.js

@@ -2,7 +2,7 @@ import { jsxs as f, jsx as u } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { s as h } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import x from "./Icon.js";
-import { c as C } from "./utils-MoGhNMmj.js";
+import { c as C } from "./utils-BUdHa0nB.js";
 import { u as g } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const A = {
   small: "0.6rem 1rem",

package/dist/ActionsToolbar.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),B=require("react"),L=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),V=require("./DropdownMenu.cjs"),s=require("./DropdownItem.cjs"),M=require("./Separator.cjs"),c=require("./Button.cjs"),p=require("./utils-CITgSxXe.cjs"),Z=require("./ThemeProvider.cjs"),F=require("./breakpoints-CcVm-gVm.cjs"),G=L.styled.div`
+"use strict";const e=require("react/jsx-runtime"),B=require("react"),L=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),V=require("./DropdownMenu.cjs"),s=require("./DropdownItem.cjs"),M=require("./Separator.cjs"),c=require("./Button.cjs"),p=require("./utils-BK6B_Y9X.cjs"),Z=require("./ThemeProvider.cjs"),F=require("./breakpoints-CcVm-gVm.cjs"),G=L.styled.div`
   display: flex;
   align-items: center;
   border-radius: 8px;

package/dist/ActionsToolbar.js

@@ -5,7 +5,7 @@ import Z from "./DropdownMenu.js";
 import a from "./DropdownItem.js";
 import _ from "./Separator.js";
 import c from "./Button.js";
-import { c as m } from "./utils-MoGhNMmj.js";
+import { c as m } from "./utils-BUdHa0nB.js";
 import { useTheme as q } from "./ThemeProvider.js";
 import { d as F } from "./breakpoints-BubDitvo.js";
 const G = V.div`

package/dist/Alert.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),x=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),p=require("./ThemeProvider.cjs"),r=require("./utils-CITgSxXe.cjs"),a=require("./Icon.cjs"),y=x.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),x=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),p=require("./ThemeProvider.cjs"),r=require("./utils-BK6B_Y9X.cjs"),a=require("./Icon.cjs"),y=x.styled.div`
   min-height: 3rem;
   ${e=>r.getComponentTypographyCss(e.theme,"Alert",e.size,"enabled")};
   line-height: 1.25rem;

package/dist/Alert.js

@@ -2,7 +2,7 @@ import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { forwardRef as u, cloneElement as x } from "react";
 import { s as y } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { useTheme as w } from "./ThemeProvider.js";
-import { d as A, b as N, c as t, g as c } from "./utils-MoGhNMmj.js";
+import { d as A, b as N, c as t, g as c } from "./utils-BUdHa0nB.js";
 import m from "./Icon.js";
 const $ = y.div`
   min-height: 3rem;

package/dist/Avatar.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),b=require("react"),I=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./utils-CITgSxXe.cjs"),$=require("./Icon.cjs"),w=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=I.styled.div`
+"use strict";const s=require("react/jsx-runtime"),b=require("react"),I=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./utils-BK6B_Y9X.cjs"),$=require("./Icon.cjs"),w=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=I.styled.div`
   border-radius: ${e=>t.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
   color: white;
   display: inline-flex;

package/dist/Avatar.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as U } from "react";
 import { s as I } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { b, e as i, i as $, c as v } from "./utils-MoGhNMmj.js";
+import { b, e as i, i as $, c as v } from "./utils-BUdHa0nB.js";
 import y from "./Icon.js";
 import { u as w } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const R = I.div`

package/dist/Badge.cjs

@@ -1,4 +1,4 @@
-"use strict";const h=require("react/jsx-runtime"),b=require("react"),y=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),r=require("./utils-CITgSxXe.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),t=e=>e=="large"?"2rem":e=="medium"?"1.75rem":"1.5rem",R=y.styled.div`
+"use strict";const h=require("react/jsx-runtime"),b=require("react"),y=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),r=require("./utils-BK6B_Y9X.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),t=e=>e=="large"?"2rem":e=="medium"?"1.75rem":"1.5rem",R=y.styled.div`
   ${e=>r.getComponentTypographyCss(e.theme,"Badge",e.size,"enabled")};
   background-color: ${e=>r.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","background","backgroundOpacity")};
   color: ${e=>r.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","text")};

package/dist/Badge.js

@@ -1,7 +1,7 @@
 import { jsx as h } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { s as b } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { d as y, c as t, b as z } from "./utils-MoGhNMmj.js";
+import { d as y, c as t, b as z } from "./utils-BUdHa0nB.js";
 import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const r = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", B = b.div`
   ${(e) => y(e.theme, "Badge", e.size, "enabled")};

package/dist/BannerNextSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("react"),h=require("./Button.cjs"),_=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),a=require("./utils-CITgSxXe.cjs"),x=require("./breakpoints-CcVm-gVm.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=_.styled.div`
+"use strict";const e=require("react/jsx-runtime"),g=require("react"),h=require("./Button.cjs"),_=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),a=require("./utils-BK6B_Y9X.cjs"),x=require("./breakpoints-CcVm-gVm.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=_.styled.div`
   display: flex;
   align-items: center;
 

package/dist/BannerNextSection.js

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import f from "./Button.js";
 import { s as _ } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { n as c } from "./utils-MoGhNMmj.js";
+import { n as c } from "./utils-BUdHa0nB.js";
 import { d as p } from "./breakpoints-BubDitvo.js";
 import { u as x } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const u = _.div`

package/dist/BannerSectionCarousel.cjs

@@ -1,11 +1,11 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),x=require("./index-DeS-oqJB.cjs"),u=require("./style-Ito6YFqi.cjs"),h=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./breakpoints-CcVm-gVm.cjs"),v=require("./Button.cjs"),y=require("./useDetectMobile-DYV6V1yw.cjs"),w=require("./utils-CITgSxXe.cjs"),j=h.styled(u.SkeletonColumnWrapper)`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),x=require("./index-DeS-oqJB.cjs"),u=require("./style-CQdEALKR.cjs"),h=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./breakpoints-CcVm-gVm.cjs"),v=require("./Button.cjs"),w=require("./useDetectMobile-DYV6V1yw.cjs"),y=require("./utils-BK6B_Y9X.cjs"),j=h.styled(u.SkeletonAnimationColumnContainer)`
   @media ${t.down("S")} {
     & > div {
       height: 100%;
       aspect-ratio: 1 / 1;
     }
   }
-`,k=({keyPrefix:i})=>r.jsx(j,{noGradient:!0,children:r.jsx(u.SkeletonLinePlaceholder,{keyPrefix:`${i}-1`,height:"22.5rem"})}),S=({keyPrefix:i,isLoading:o=!1,fallbackComponent:n=r.jsx(r.Fragment,{}),children:a})=>r.jsx(d.Suspense,{fallbackComponent:n,children:o===!0?r.jsx(k,{keyPrefix:i}):a}),C=h.styled.div`
+`,k=({keyPrefix:i})=>r.jsx(j,{children:r.jsx(u.SkeletonRect,{keyPrefix:`${i}-0`,width:"100%",height:"22.5rem"})}),S=({keyPrefix:i,isLoading:o=!1,fallbackComponent:n=r.jsx(r.Fragment,{}),children:a})=>r.jsx(d.Suspense,{fallbackComponent:n,children:o===!0?r.jsx(k,{keyPrefix:i}):a}),C=h.styled.div`
   &:hover {
     cursor: pointer;
 
@@ -196,4 +196,4 @@
       }
     }
   }
-`,q=d.forwardRef(({items:i=[],isLoading:o=!1,deviceType:n,partialVisible:a=!0,fallbackComponent:m=r.jsx(r.Fragment,{}),onSelectItem:_=()=>{},onButtonAction:g=()=>{},carouselProps:p},f)=>{const b={desktop:{breakpoint:{max:3e3,min:t.screenSizes.M.max},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:t.screenSizes.M.max,min:t.screenSizes.S.min},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:t.screenSizes.XS.max,min:0},items:1,partialVisibilityGutter:64}},c=y.useDetectMobile();return r.jsx(C,{ref:f,children:r.jsx(S,{fallbackComponent:m,keyPrefix:"banner-carousel-skeleton",isLoading:o,children:r.jsx(x.Carousel,{responsive:b,deviceType:n,removeArrowOnDeviceType:["tablet","mobile"],infinite:!c,keyBoardControl:!0,autoPlay:!0,partialVisible:a,customTransition:"transform 500ms ease-in-out",sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",rewind:!0,rewindWithAnimation:!0,...p,children:i==null?void 0:i.map((e,l)=>r.jsxs("div",{className:"section__card",onClick:()=>_(e),children:[w.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx("img",{src:e==null?void 0:e.imageUrl,alt:`Slide ${l+1}`,loading:"lazy",className:"section__image"}),r.jsxs("div",{className:"card__content",children:[r.jsxs("div",{className:"card__text",children:[(e==null?void 0:e.title)&&r.jsx("div",{className:"card__title",children:e==null?void 0:e.title}),(e==null?void 0:e.title)&&r.jsx("div",{className:"card__description",children:e==null?void 0:e.description})]}),(e==null?void 0:e.buttonText)&&r.jsx(v,{text:e==null?void 0:e.buttonText,className:"card__action",size:"medium",onClick:s=>{s==null||s.stopPropagation(),g(e)}})]})]},`banner-section-carousel-item__${l+1}`))})})},`banner-section-carousel__${c}`)});module.exports=q;
+`,q=d.forwardRef(({items:i=[],isLoading:o=!1,deviceType:n,partialVisible:a=!0,fallbackComponent:m=r.jsx(r.Fragment,{}),onSelectItem:_=()=>{},onButtonAction:g=()=>{},carouselProps:p},f)=>{const b={desktop:{breakpoint:{max:3e3,min:t.screenSizes.M.max},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:t.screenSizes.M.max,min:t.screenSizes.S.min},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:t.screenSizes.XS.max,min:0},items:1,partialVisibilityGutter:64}},c=w.useDetectMobile();return r.jsx(C,{ref:f,children:r.jsx(S,{fallbackComponent:m,keyPrefix:"banner-carousel-skeleton",isLoading:o,children:r.jsx(x.Carousel,{responsive:b,deviceType:n,removeArrowOnDeviceType:["tablet","mobile"],infinite:!c,keyBoardControl:!0,autoPlay:!0,partialVisible:a,customTransition:"transform 500ms ease-in-out",sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",rewind:!0,rewindWithAnimation:!0,...p,children:i==null?void 0:i.map((e,l)=>r.jsxs("div",{className:"section__card",onClick:()=>_(e),children:[y.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx("img",{src:e==null?void 0:e.imageUrl,alt:`Slide ${l+1}`,loading:"lazy",className:"section__image"}),r.jsxs("div",{className:"card__content",children:[r.jsxs("div",{className:"card__text",children:[(e==null?void 0:e.title)&&r.jsx("div",{className:"card__title",children:e==null?void 0:e.title}),(e==null?void 0:e.title)&&r.jsx("div",{className:"card__description",children:e==null?void 0:e.description})]}),(e==null?void 0:e.buttonText)&&r.jsx(v,{text:e==null?void 0:e.buttonText,className:"card__action",size:"medium",onClick:s=>{s==null||s.stopPropagation(),g(e)}})]})]},`banner-section-carousel-item__${l+1}`))})})},`banner-section-carousel__${c}`)});module.exports=q;

package/dist/BannerSectionCarousel.js

@@ -1,25 +1,32 @@
 import { jsx as r, Fragment as u, jsxs as l } from "react/jsx-runtime";
 import { Suspense as v, forwardRef as y } from "react";
 import { C as w } from "./index-BppfjY8h.js";
-import { b as k, a as C } from "./style-DvkivBNg.js";
+import { b as k, a as C } from "./style-BFPpppS9.js";
 import { s as h } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { d as a, s as i } from "./breakpoints-BubDitvo.js";
+import { d as o, s as i } from "./breakpoints-BubDitvo.js";
 import S from "./Button.js";
 import { u as j } from "./useDetectMobile-B0Jog4jQ.js";
-import { m as $ } from "./utils-MoGhNMmj.js";
+import { m as $ } from "./utils-BUdHa0nB.js";
 const N = h(k)`
-  @media ${a("S")} {
+  @media ${o("S")} {
     & > div {
       height: 100%;
       aspect-ratio: 1 / 1;
     }
   }
-`, z = ({ keyPrefix: t }) => /* @__PURE__ */ r(N, { noGradient: !0, children: /* @__PURE__ */ r(C, { keyPrefix: `${t}-1`, height: "22.5rem" }) }), B = ({
+`, z = ({ keyPrefix: t }) => /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(
+  C,
+  {
+    keyPrefix: `${t}-0`,
+    width: "100%",
+    height: "22.5rem"
+  }
+) }), B = ({
   keyPrefix: t,
-  isLoading: o = !1,
+  isLoading: a = !1,
   fallbackComponent: n = /* @__PURE__ */ r(u, {}),
   children: s
-}) => /* @__PURE__ */ r(v, { fallbackComponent: n, children: o === !0 ? /* @__PURE__ */ r(z, { keyPrefix: t }) : s }), M = h.div`
+}) => /* @__PURE__ */ r(v, { fallbackComponent: n, children: a === !0 ? /* @__PURE__ */ r(z, { keyPrefix: t }) : s }), M = h.div`
   &:hover {
     cursor: pointer;
 
@@ -137,7 +144,7 @@ const N = h(k)`
     right: 1rem;
   }
 
-  @media ${a("M")} {
+  @media ${o("M")} {
     & .carousel-item .section__card,
     & .carousel-item:not(.react-multi-carousel-item--active) .section__card {
       height: 100%;
@@ -149,14 +156,14 @@ const N = h(k)`
     }
   }
 
-  @media ${a("S")} {
+  @media ${o("S")} {
     & .carousel-item .section__card .section__image {
       object-fit: cover;
       object-position: center;
     }
   }
 
-  @media ${a("XS")} {
+  @media ${o("XS")} {
     & .carousel-container {
       min-height: 23.4375rem;
     }
@@ -213,7 +220,7 @@ const N = h(k)`
 `, F = y(
   ({
     items: t = [],
-    isLoading: o = !1,
+    isLoading: a = !1,
     deviceType: n,
     partialVisible: s = !0,
     fallbackComponent: p = /* @__PURE__ */ r(u, {}),
@@ -245,7 +252,7 @@ const N = h(k)`
       {
         fallbackComponent: p,
         keyPrefix: "banner-carousel-skeleton",
-        isLoading: o,
+        isLoading: a,
         children: /* @__PURE__ */ r(
           w,
           {

package/dist/BannerSectionSimple.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),j=require("react"),n=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),o=require("./breakpoints-CcVm-gVm.cjs"),z=require("./Button.cjs"),M=require("./useDetectMobile-DYV6V1yw.cjs"),k=require("./utils-CITgSxXe.cjs"),q=n.styled.div`
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),n=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),o=require("./breakpoints-CcVm-gVm.cjs"),z=require("./Button.cjs"),M=require("./useDetectMobile-DYV6V1yw.cjs"),k=require("./utils-BK6B_Y9X.cjs"),q=n.styled.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${e=>e.bgcolor||"transparent"};

package/dist/BannerSectionSimple.js

@@ -4,7 +4,7 @@ import { s as a } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { d as n } from "./breakpoints-BubDitvo.js";
 import k from "./Button.js";
 import { u as C } from "./useDetectMobile-B0Jog4jQ.js";
-import { m as W } from "./utils-MoGhNMmj.js";
+import { m as W } from "./utils-BUdHa0nB.js";
 const N = a.div`
   display: flex;
   border-radius: 0.75rem;

package/dist/BannerSectionWithList.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),u=require("./Button.cjs"),i=require("./utils-CITgSxXe.cjs"),x=l.styled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),u=require("./Button.cjs"),i=require("./utils-BK6B_Y9X.cjs"),x=l.styled.div`
   padding-bottom: 1.38rem;
   text-align: center;
   display: flex;

package/dist/BannerSectionWithList.js

@@ -3,7 +3,7 @@ import { forwardRef as p, Fragment as u } from "react";
 import { s as m } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { d as s } from "./breakpoints-BubDitvo.js";
 import y from "./Button.js";
-import { m as i } from "./utils-MoGhNMmj.js";
+import { m as i } from "./utils-BUdHa0nB.js";
 const x = m.div`
   padding-bottom: 1.38rem;
   text-align: center;

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./utils-CITgSxXe.cjs"),y=require("./Icon.cjs"),R=require("./style-Boz6dk5s.cjs"),$=require("./index-DsINTjQk.cjs"),N=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),v=require("./breakpoints-CcVm-gVm.cjs"),z=require("./Button.cjs"),q=require("./index-DkPva6Gr.cjs"),k=N.styled.a`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./utils-BK6B_Y9X.cjs"),y=require("./Icon.cjs"),R=require("./style-cJUZrJoG.cjs"),$=require("./index-ChHUGfjn.cjs"),N=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),v=require("./breakpoints-CcVm-gVm.cjs"),z=require("./Button.cjs"),q=require("./index-BMAvJQBG.cjs"),k=N.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;

package/dist/BlogCardsSponsoredSection.js

@@ -1,13 +1,13 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { forwardRef as $, useRef as R, memo as I, useMemo as C } from "react";
-import { n as z, q as U, s as B, v as S, l as b } from "./utils-MoGhNMmj.js";
+import { n as z, q as U, s as B, v as S, l as b } from "./utils-BUdHa0nB.js";
 import v from "./Icon.js";
-import { B as O } from "./style-D54KOzZj.js";
-import { P as T } from "./index-DEypPQRI.js";
+import { B as O } from "./style-CP_urKvc.js";
+import { P as T } from "./index-D6_3Q8lN.js";
 import { s as j } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { d as y } from "./breakpoints-BubDitvo.js";
 import P from "./Button.js";
-import { S as W } from "./index-CuRcxKQH.js";
+import { S as W } from "./index-C6amCwRZ.js";
 const D = j.a`
   text-decoration: none;
   color: var(--gray-950);

package/dist/BlogCategoryCardsSection.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),n=require("./CategorySimpleCard-lIdzBNDa.cjs"),d=require("./style-DIWAdlai.cjs"),g=s.memo(n.CategorySimpleCard),l=s.forwardRef(({items:r,onSelectCard:a=()=>{},isHighlight:u=!1},t)=>{const c=s.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,m)=>i.jsx(g,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>a==null?void 0:a(e==null?void 0:e.uuid)},m))},[r]);return i.jsx(d.Wrapper,{ref:t,className:u?"highlight":"",children:i.jsx("div",{className:"wrapper__grid",children:c})})});module.exports=l;
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),n=require("./CategorySimpleCard-Dr1FxIY9.cjs"),d=require("./style-DIWAdlai.cjs"),g=s.memo(n.CategorySimpleCard),l=s.forwardRef(({items:r,onSelectCard:a=()=>{},isHighlight:u=!1},t)=>{const c=s.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,m)=>i.jsx(g,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>a==null?void 0:a(e==null?void 0:e.uuid)},m))},[r]);return i.jsx(d.Wrapper,{ref:t,className:u?"highlight":"",children:i.jsx("div",{className:"wrapper__grid",children:c})})});module.exports=l;

package/dist/BlogCategoryCardsSection.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { memo as g, forwardRef as u, useMemo as t } from "react";
-import { C as f } from "./CategorySimpleCard-TJRJ_2Sb.js";
+import { C as f } from "./CategorySimpleCard-BE6F0PFT.js";
 import { W as l } from "./style-BzaX45du.js";
 const n = g(f), w = u(
   ({

package/dist/BlogExploreSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),x=require("react"),oe=require("./useDetectMobile-DYV6V1yw.cjs"),M=require("./utils-CITgSxXe.cjs"),le=require("./TextInput.cjs"),k=require("./Icon.cjs"),de=require("./Link.cjs"),T=require("./IconButton.cjs"),V=require("./DropdownMenu.cjs"),W=require("./DropdownItem.cjs"),me=require("./tag-CWcvCQcz.cjs"),he=require("./BlogProductCardsSection.cjs"),F=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),_e=require("./index-DsINTjQk.cjs"),L=require("./BlogListSection.cjs"),ue=require("./breakpoints-CcVm-gVm.cjs"),fe=F.styled.div`
+"use strict";const n=require("react/jsx-runtime"),x=require("react"),oe=require("./useDetectMobile-DYV6V1yw.cjs"),M=require("./utils-BK6B_Y9X.cjs"),le=require("./TextInput.cjs"),k=require("./Icon.cjs"),de=require("./Link.cjs"),T=require("./IconButton.cjs"),V=require("./DropdownMenu.cjs"),W=require("./DropdownItem.cjs"),me=require("./tag-CWcvCQcz.cjs"),he=require("./BlogProductCardsSection.cjs"),F=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),_e=require("./index-ChHUGfjn.cjs"),L=require("./BlogListSection.cjs"),ue=require("./breakpoints-CcVm-gVm.cjs"),fe=F.styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;

package/dist/BlogExploreSection.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as n, Fragment as L } from "react/jsx-runtime";
 import { forwardRef as W, useRef as se, useState as de, useEffect as me, Fragment as he } from "react";
 import { u as _e } from "./useDetectMobile-B0Jog4jQ.js";
-import { n as fe, q as ue } from "./utils-MoGhNMmj.js";
+import { n as fe, q as ue } from "./utils-BUdHa0nB.js";
 import ve from "./TextInput.js";
 import C from "./Icon.js";
 import pe from "./Link.js";
@@ -11,7 +11,7 @@ import q from "./DropdownItem.js";
 import { F as ge } from "./tag-CHNc7DhI.js";
 import xe from "./BlogProductCardsSection.js";
 import { s as E } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { P as we } from "./index-DEypPQRI.js";
+import { P as we } from "./index-D6_3Q8lN.js";
 import V from "./BlogListSection.js";
 import { d as ye } from "./breakpoints-BubDitvo.js";
 const be = E.div`

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),W=require("./Icon.cjs"),f=require("./IconButton.cjs"),c=require("./utils-CITgSxXe.cjs"),G=require("./index-DsINTjQk.cjs"),I=require("./style-Boz6dk5s.cjs"),R=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),$=require("./breakpoints-CcVm-gVm.cjs"),n=require("./style-Ito6YFqi.cjs"),T=R.styled.a`
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),I=require("./Icon.cjs"),b=require("./IconButton.cjs"),d=require("./utils-BK6B_Y9X.cjs"),x=require("./index-ChHUGfjn.cjs"),L=require("./style-cJUZrJoG.cjs"),$=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),T=require("./breakpoints-CcVm-gVm.cjs"),o=require("./style-CQdEALKR.cjs"),F=$.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -67,7 +67,7 @@
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${c.truncateTextInRows(3)}
+        ${d.truncateTextInRows(3)}
       }
 
       & .wrapper__tags {
@@ -117,7 +117,7 @@
     }
   }
 
-  @media ${$.down("S")} {
+  @media ${T.down("S")} {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -168,7 +168,7 @@
       }
     }
   }
-`,z=a.forwardRef(({blogUuid:i,title:l,imageUrl:m,options:o,publishedAt:h,timeToReadText:k="{0} min read",timeToRead:_=0,numberOfLikes:b=0,numberOfComments:S=0,isBookmarked:g=!1,onSelectCard:y=()=>{},onBookmark:v=()=>{},onShare:u=()=>{},bookmarkComponent:d=e.jsx(e.Fragment,{}),metadata:s,titleSlug:j,LinkComponent:r,hasShare:w=!0,hasDelete:p=!1,onDelete:x=()=>{}},P)=>{const q=r||"a",C=()=>c.isDefined(d)?a.cloneElement(d,{key:`bookmark_blog__${i}__${g}`,isBookmarked:g,blogUuid:i,onBookmark:(L,B)=>v(L,B),ref:P,componentName:"ExploreBlogSectionCard"}):e.jsx(e.Fragment,{}),N=a.useRef();return e.jsxs(T,{ref:N,name:s==null?void 0:s.name,"data-accessor":s==null?void 0:s.accessor,onClick:t=>y(t,N),className:"blog-card-item",as:q,...r?{to:`/blog/${j}`}:{href:`/blog/${j}`},children:[e.jsxs("div",{className:"image-container",children:[p&&e.jsx("div",{className:"action mobile-only",onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation()},children:e.jsx(f,{icon:" mng-lnc-close",borderRadius:"curved",type:"button",btnType:"filled",color:"neutral",size:"medium",onClick:()=>{x()}})}),e.jsx(G.ProductImageWrapper,{src:m,className:"wrapper__image"})]}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__subcontent",children:[e.jsxs("div",{className:"wrapper__info",children:[e.jsx("div",{className:"wrapper__title",children:l}),p&&e.jsx("div",{className:"action desktop-only",onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation()},children:e.jsx(f,{icon:" mng-lnc-close",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{x()}})})]}),e.jsxs("div",{className:"wrapper__tags-action",children:[e.jsx("div",{className:"wrapper__tags",children:o&&(o==null?void 0:o.map((t,L)=>e.jsx(I.BlogTag,{color:t==null?void 0:t.color,children:t==null?void 0:t.name},`blog-card-sponsored-option__${L+1}`)))}),e.jsxs("div",{className:"info__content mobile-only",onClick:t=>{t.stopPropagation(),t.preventDefault()},children:[e.jsx(C,{}),w&&e.jsx(f,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{u()}})]})]})]}),e.jsxs("div",{className:"wrapper__info",children:[e.jsxs("div",{className:"info__content",children:[e.jsx("div",{className:"info__text",children:`${c.formatLocaleDateString(h)} • ${c.formatString(k,_)}`}),e.jsxs("div",{className:"info__text",children:[e.jsxs("div",{children:[e.jsx(W,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),c.getRoundedNumber(b)]}),e.jsxs("div",{children:[e.jsx(W,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),c.getRoundedNumber(S)]})]})]}),e.jsxs("div",{className:"info__content desktop-only",onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation()},children:[e.jsx(C,{}),w&&e.jsx(f,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{u()}})]})]})]})]})}),F=R.styled.div`
+`,O=a.forwardRef(({blogUuid:s,title:t,imageUrl:m,options:i,publishedAt:p,timeToReadText:w="{0} min read",timeToRead:j=0,numberOfLikes:y=0,numberOfComments:k=0,isBookmarked:u=!1,onSelectCard:v=()=>{},onBookmark:C=()=>{},onShare:f=()=>{},bookmarkComponent:c=e.jsx(e.Fragment,{}),metadata:l,titleSlug:h,LinkComponent:r,hasShare:_=!0,hasDelete:g=!1,onDelete:N=()=>{}},R)=>{const z=r||"a",B=()=>d.isDefined(c)?a.cloneElement(c,{key:`bookmark_blog__${s}__${u}`,isBookmarked:u,blogUuid:s,onBookmark:(S,P)=>C(S,P),ref:R,componentName:"ExploreBlogSectionCard"}):e.jsx(e.Fragment,{}),q=a.useRef();return e.jsxs(F,{ref:q,name:l==null?void 0:l.name,"data-accessor":l==null?void 0:l.accessor,onClick:n=>v(n,q),className:"blog-card-item",as:z,...r?{to:`/blog/${h}`}:{href:`/blog/${h}`},children:[e.jsxs("div",{className:"image-container",children:[g&&e.jsx("div",{className:"action mobile-only",onClick:n=>{n==null||n.preventDefault(),n==null||n.stopPropagation()},children:e.jsx(b,{icon:" mng-lnc-close",borderRadius:"curved",type:"button",btnType:"filled",color:"neutral",size:"medium",onClick:()=>{N()}})}),e.jsx(x.ProductImageWrapper,{src:m,className:"wrapper__image"})]}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__subcontent",children:[e.jsxs("div",{className:"wrapper__info",children:[e.jsx("div",{className:"wrapper__title",children:t}),g&&e.jsx("div",{className:"action desktop-only",onClick:n=>{n==null||n.preventDefault(),n==null||n.stopPropagation()},children:e.jsx(b,{icon:" mng-lnc-close",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{N()}})})]}),e.jsxs("div",{className:"wrapper__tags-action",children:[e.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((n,S)=>e.jsx(L.BlogTag,{color:n==null?void 0:n.color,children:n==null?void 0:n.name},`blog-card-sponsored-option__${S+1}`)))}),e.jsxs("div",{className:"info__content mobile-only",onClick:n=>{n.stopPropagation(),n.preventDefault()},children:[e.jsx(B,{}),_&&e.jsx(b,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{f()}})]})]})]}),e.jsxs("div",{className:"wrapper__info",children:[e.jsxs("div",{className:"info__content",children:[e.jsx("div",{className:"info__text",children:`${d.formatLocaleDateString(p)} • ${d.formatString(w,j)}`}),e.jsxs("div",{className:"info__text",children:[e.jsxs("div",{children:[e.jsx(I,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),d.getRoundedNumber(y)]}),e.jsxs("div",{children:[e.jsx(I,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),d.getRoundedNumber(k)]})]})]}),e.jsxs("div",{className:"info__content desktop-only",onClick:n=>{n==null||n.preventDefault(),n==null||n.stopPropagation()},children:[e.jsx(B,{}),_&&e.jsx(b,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{f()}})]})]})]})]})}),U=$.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -192,10 +192,10 @@
       bottom: -1.25rem;
     }
   }
-`,O=R.styled(n.SkeletonColumnWrapper)`
-  @media ${$.down("S")} {
+`,A=$.styled(o.SkeletonAnimationColumnContainer)`
+  @media ${T.down("S")} {
     & > div {
       flex-direction: column;
     }
   }
-`,U=({keyPrefix:i})=>e.jsxs(O,{children:[e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-1`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-2`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-3`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-4`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-5`)]}),A=({keyPrefix:i,isLoading:l=!1,fallbackComponent:m=e.jsx(e.Fragment,{}),children:o})=>e.jsx(a.Suspense,{fallbackComponent:m,children:l===!0?e.jsx(U,{keyPrefix:i}):o}),E=a.memo(z),M=a.forwardRef(({timeToReadText:i="{0} min read",items:l,isLoading:m=!1,onSelectCard:o=()=>{},onShare:h=()=>{},onBookmark:k=()=>{},getImage:_=()=>{},isSeparated:b=!0,bookmarkComponent:S=e.jsx(e.Fragment,{}),componentName:g,LinkComponent:y,hasShare:v=!0,hasDelete:u=!1,onDelete:d=()=>{}},s)=>{const j=a.useMemo(()=>l==null?void 0:l.map((r,w)=>{var p;return e.jsx(E,{blogUuid:r==null?void 0:r.uuid,title:r==null?void 0:r.title,titleSlug:r==null?void 0:r.titleSlug,options:r==null?void 0:r.options,publishedAt:r==null?void 0:r.publishedAt,timeToReadText:i,timeToRead:r==null?void 0:r.timeToRead,numberOfLikes:r==null?void 0:r.numberOfLikes,numberOfComments:r==null?void 0:r.numberOfComments,isSponsored:r==null?void 0:r.isSponsored,isBookmarked:r==null?void 0:r.isBookmarked,onSelectCard:(x,P)=>o==null?void 0:o(r,P),hasShare:v,hasDelete:u,onDelete:()=>d==null?void 0:d(r),onShare:()=>h==null?void 0:h(r),onBookmark:k,imageUrl:_(r==null?void 0:r.imageUrl,r==null?void 0:r.uuid)||null,bookmarkComponent:S,metadata:{name:g,accessor:r==null?void 0:r.accessor},LinkComponent:y},`blog-card-item__${w+1}__${(p=r==null?void 0:r.isBookmarked)==null?void 0:p.toString()}`)}),[l]);return e.jsx(A,{isLoading:m,keyPrefix:"blog-list-skeleton",children:e.jsx(F,{ref:s,className:b?"separated":"",children:j})})});module.exports=M;
+`,W=({keyPrefix:s})=>e.jsx(A,{children:[1,2,3,4,5].map(t=>e.jsxs(o.SkeletonContainer,{children:[e.jsx(o.SkeletonRect,{height:"9.5rem",width:"17.75rem"}),e.jsxs(o.SkeletonColumnContainer,{children:[e.jsx(o.SkeletonRect,{height:"1.5rem",width:"100%"}),e.jsxs(o.SkeletonContainer,{children:[e.jsx(o.SkeletonRect,{width:"5rem",height:"1.25rem"}),e.jsx(o.SkeletonRect,{width:"5rem",height:"1.25rem"}),e.jsx(o.SkeletonRect,{width:"5rem",height:"1.25rem"}),e.jsx(o.SkeletonRect,{width:"5rem",height:"1.25rem"})]})]})]},`${s}-${t}`))}),E=({keyPrefix:s,isLoading:t=!1,fallbackComponent:m=e.jsx(e.Fragment,{}),children:i})=>e.jsx(a.Suspense,{fallbackComponent:m,children:t===!0?e.jsx(W,{keyPrefix:s}):i}),M=a.memo(O),D=a.forwardRef(({timeToReadText:s="{0} min read",items:t,isLoading:m=!1,onSelectCard:i=()=>{},onShare:p=()=>{},onBookmark:w=()=>{},getImage:j=()=>{},isSeparated:y=!0,bookmarkComponent:k=e.jsx(e.Fragment,{}),componentName:u,LinkComponent:v,hasShare:C=!0,hasDelete:f=!1,onDelete:c=()=>{}},l)=>{const h=a.useMemo(()=>t==null?void 0:t.map((r,_)=>{var g;return e.jsx(M,{blogUuid:r==null?void 0:r.uuid,title:r==null?void 0:r.title,titleSlug:r==null?void 0:r.titleSlug,options:r==null?void 0:r.options,publishedAt:r==null?void 0:r.publishedAt,timeToReadText:s,timeToRead:r==null?void 0:r.timeToRead,numberOfLikes:r==null?void 0:r.numberOfLikes,numberOfComments:r==null?void 0:r.numberOfComments,isSponsored:r==null?void 0:r.isSponsored,isBookmarked:r==null?void 0:r.isBookmarked,onSelectCard:(N,R)=>i==null?void 0:i(r,R),hasShare:C,hasDelete:f,onDelete:()=>c==null?void 0:c(r),onShare:()=>p==null?void 0:p(r),onBookmark:w,imageUrl:j(r==null?void 0:r.imageUrl,r==null?void 0:r.uuid)||null,bookmarkComponent:k,metadata:{name:u,accessor:r==null?void 0:r.accessor},LinkComponent:v},`blog-card-item__${_+1}__${(g=r==null?void 0:r.isBookmarked)==null?void 0:g.toString()}`)}),[t]);return e.jsx(E,{isLoading:m,keyPrefix:"blog-list-skeleton",children:e.jsx(U,{ref:l,className:y?"separated":"",children:h})})});module.exports=D;