@lanaco/lnc-react-ui 4.0.225 → 4.0.227

package/dist/BlogSingleSection.cjs

@@ -1,16 +1,7 @@
-"use strict";const n=require("react/jsx-runtime"),s=require("react"),g=require("./index-CBZ-jNah.cjs"),l=require("./style-BAcV7F53.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),x=c.styled(l.SkeletonColumnWrapper)`
+"use strict";const n=require("react/jsx-runtime"),s=require("react"),g=require("./index-D4OKsSqi.cjs"),l=require("./style-CQdEALKR.cjs"),a=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),x=a.styled(l.SkeletonAnimationColumnContainer)`
   @media ${d.down("S")} {
     & > div {
       height: 13.25rem;
-
-      background: linear-gradient(
-        to right,
-        transparent 0%,
-        #f4f6fb 40%,
-        #f4f6fb 100%
-      );
-
-      box-shadow: none;
     }
   }
-`,S=({keyPrefix:r})=>n.jsx(x,{children:n.jsx(l.SkeletonLinePlaceholder,{height:"11.25rem",borderRadius:"0.75rem"},`${r}-1`)}),b=({keyPrefix:r,isLoading:t=!1,fallbackComponent:o=n.jsx(n.Fragment,{}),children:e})=>n.jsx(s.Suspense,{fallbackComponent:o,children:t===!0?n.jsx(S,{keyPrefix:r}):e}),f=s.forwardRef((r,t)=>{const{isLoading:o,item:e,onSelectCard:i=()=>{},getImage:a=()=>{},LinkComponent:u}=r;return n.jsx(b,{isLoading:o,keyPrefix:"blogs-single-skeleton",children:n.jsx(g.BlogCardLarge,{ref:t,title:e==null?void 0:e.title,imageUrl:a(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>i(e==null?void 0:e.titleSlug),LinkComponent:u})})});module.exports=f;
+`,S=({keyPrefix:t})=>n.jsx(x,{children:n.jsx(l.SkeletonRect,{width:"100%",height:"11.25rem"},`${t}-0`)}),h=({keyPrefix:t,isLoading:r=!1,fallbackComponent:o=n.jsx(n.Fragment,{}),children:e})=>n.jsx(s.Suspense,{fallbackComponent:o,children:r===!0?n.jsx(S,{keyPrefix:t}):e}),j=s.forwardRef((t,r)=>{const{isLoading:o,item:e,onSelectCard:i=()=>{},getImage:u=()=>{},LinkComponent:c}=t;return n.jsx(h,{isLoading:o,keyPrefix:"blogs-single-skeleton",children:n.jsx(g.BlogCardLarge,{ref:r,title:e==null?void 0:e.title,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>i(e==null?void 0:e.titleSlug),LinkComponent:c})})});module.exports=j;

package/dist/BlogSingleSection.js

@@ -1,57 +1,41 @@
-import { jsx as r, Fragment as i } from "react/jsx-runtime";
+import { jsx as o, Fragment as i } from "react/jsx-runtime";
 import { Suspense as g, forwardRef as d } from "react";
-import { B as u } from "./index-L_Va5-wK.js";
-import { b as f, a as c } from "./style-BwQ4djFC.js";
-import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as S } from "./breakpoints-ff0SIcV3.js";
-const h = p(f)`
-  @media ${S("S")} {
+import { B as u } from "./index-rhYVjszT.js";
+import { b as c, a as S } from "./style-BFPpppS9.js";
+import { s as f } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as p } from "./breakpoints-BubDitvo.js";
+const m = f(c)`
+  @media ${p("S")} {
     & > div {
       height: 13.25rem;
-
-      background: linear-gradient(
-        to right,
-        transparent 0%,
-        #f4f6fb 40%,
-        #f4f6fb 100%
-      );
-
-      box-shadow: none;
     }
   }
-`, b = ({ keyPrefix: o }) => /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
-  c,
-  {
-    height: "11.25rem",
-    borderRadius: "0.75rem"
-  },
-  `${o}-1`
-) }), m = ({
-  keyPrefix: o,
-  isLoading: n = !1,
-  fallbackComponent: t = /* @__PURE__ */ r(i, {}),
+`, h = ({ keyPrefix: n }) => /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(S, { width: "100%", height: "11.25rem" }, `${n}-0`) }), C = ({
+  keyPrefix: n,
+  isLoading: t = !1,
+  fallbackComponent: r = /* @__PURE__ */ o(i, {}),
   children: e
-}) => /* @__PURE__ */ r(g, { fallbackComponent: t, children: n === !0 ? /* @__PURE__ */ r(b, { keyPrefix: o }) : e }), y = d((o, n) => {
+}) => /* @__PURE__ */ o(g, { fallbackComponent: r, children: t === !0 ? /* @__PURE__ */ o(h, { keyPrefix: n }) : e }), y = d((n, t) => {
   const {
-    isLoading: t,
+    isLoading: r,
     item: e,
     onSelectCard: l = () => {
     },
-    getImage: a = () => {
+    getImage: s = () => {
     },
-    LinkComponent: s
-  } = o;
-  return /* @__PURE__ */ r(m, { isLoading: t, keyPrefix: "blogs-single-skeleton", children: /* @__PURE__ */ r(
+    LinkComponent: a
+  } = n;
+  return /* @__PURE__ */ o(C, { isLoading: r, keyPrefix: "blogs-single-skeleton", children: /* @__PURE__ */ o(
     u,
     {
-      ref: n,
+      ref: t,
       title: e == null ? void 0 : e.title,
-      imageUrl: a(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+      imageUrl: s(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
       text: e == null ? void 0 : e.description,
       titleSlug: e == null ? void 0 : e.titleSlug,
       buttonText: e == null ? void 0 : e.buttonText,
       onCardClick: () => l(e == null ? void 0 : e.titleSlug),
-      LinkComponent: s
+      LinkComponent: a
     }
   ) });
 });

package/dist/BlogsSectionDetailed.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./breakpoints-CcVm-gVm.cjs"),$=require("./useDetectMobile-DYV6V1yw.cjs"),a=require("./utils-CITgSxXe.cjs"),R=require("./style-DC05rdyx.cjs"),q=require("./Button.cjs"),L=require("./index-DsINTjQk.cjs"),O=require("./index-B_ilx3wM.cjs"),D=S.styled.div`
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),S=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),w=require("./breakpoints-CcVm-gVm.cjs"),$=require("./useDetectMobile-DYV6V1yw.cjs"),a=require("./utils-CITgSxXe.cjs"),R=require("./style-Boz6dk5s.cjs"),q=require("./Button.cjs"),L=require("./index-DsINTjQk.cjs"),O=require("./index-BUdvfHpp.cjs"),D=S.styled.div`
   display: grid;
   grid-template-columns: ${o=>`repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionDetailed.js

@@ -1,13 +1,13 @@
 import { jsxs as r, jsx as t, Fragment as $ } from "react/jsx-runtime";
 import { forwardRef as L, useRef as B, memo as A, useMemo as z } from "react";
-import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as w } from "./breakpoints-ff0SIcV3.js";
-import { u as D } from "./useDetectMobile-CcVo3PNi.js";
-import { n as j, s as M, q as U, v as R, l as C } from "./utils-B2fsQ6PS.js";
-import { B as W, R as P } from "./style-BUyFad_y.js";
+import { s as S } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as w } from "./breakpoints-BubDitvo.js";
+import { u as D } from "./useDetectMobile-B0Jog4jQ.js";
+import { n as j, q as M, s as U, v as R, l as C } from "./utils-MoGhNMmj.js";
+import { B as W, R as P } from "./style-D54KOzZj.js";
 import I from "./Button.js";
-import { P as q } from "./index-BvMY2TbK.js";
-import { S as E } from "./index-hC-E71GE.js";
+import { P as q } from "./index-DEypPQRI.js";
+import { S as E } from "./index-VTkAaA-n.js";
 const F = S.div`
   display: grid;
   grid-template-columns: ${(l) => `repeat(${l.limit},  minmax(0, 1fr))`};
@@ -145,11 +145,11 @@ const F = S.div`
             /* @__PURE__ */ r("div", { className: "info-wr", children: [
               /* @__PURE__ */ r("div", { className: "info-wr-1", children: [
                 /* @__PURE__ */ r("span", { children: [
-                  U(m),
+                  M(m),
                   " "
                 ] }),
                 /* @__PURE__ */ t("span", { className: "small-dot", children: "●" }),
-                s && c ? `${M(c, s)}` : "N/A"
+                s && c ? `${U(c, s)}` : "N/A"
               ] }),
               /* @__PURE__ */ r("div", { className: "info-wr-2", children: [
                 /* @__PURE__ */ r("span", { className: "info-wr-1", children: [

package/dist/BlogsSectionLarge.cjs

@@ -1,32 +1,24 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./breakpoints-CcVm-gVm.cjs"),C=require("./useDetectMobile-DYV6V1yw.cjs"),w=require("./index-CBZ-jNah.cjs"),u=require("./style-BAcV7F53.cjs"),L=f.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),j=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),h=require("./useDetectMobile-DYV6V1yw.cjs"),$=require("./index-D4OKsSqi.cjs"),b=require("./style-CQdEALKR.cjs"),q=j.styled.div`
   display: grid;
-  grid-template-columns: ${o=>`repeat(${o.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media ${i.down("M")} {
+  @media ${l.down("M")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${i.down("S")} {
+  @media ${l.down("S")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${i.down("XS")} {
+  @media ${l.down("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`,$=f.styled(u.SkeletonRowWrapper)`
-  @media ${i.down("S")} {
+`,w=j.styled(b.SkeletonAnimationContainer)`
+  @media ${l.down("S")} {
     flex-direction: column;
 
     & > div {
-      background: linear-gradient(
-        to right,
-        transparent 0%,
-        #f4f6fb 40%,
-        #f4f6fb 100%
-      );
-
-      box-shadow: none;
     }
   }
-`,q=({keyPrefix:o})=>t.jsxs($,{children:[t.jsx(u.SkeletonLinePlaceholder,{height:"11.25rem",borderRadius:"0.75rem"},`${o}-1`),t.jsx(u.SkeletonLinePlaceholder,{height:"11.25rem",borderRadius:"0.75rem"},`${o}-2`)]}),M=({keyPrefix:o,isLoading:s=!1,fallbackComponent:r=t.jsx(t.Fragment,{}),children:n})=>t.jsx(l.Suspense,{fallbackComponent:r,children:s===!0?t.jsx(q,{keyPrefix:o}):n}),b=l.memo(w.BlogCardLarge),R=l.forwardRef((o,s)=>{const{items:r,onSelectCard:n=()=>{},limit:a=2,isLoading:h=!1,getImage:m=()=>{},componentName:g,LinkComponent:p}=o,S=C.useDetectMobile(),j=l.useMemo(()=>t.jsx(t.Fragment,{children:S===!0?r==null?void 0:r.map((e,c)=>t.jsx(b,{title:e==null?void 0:e.title,imageUrl:m(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:(k,d)=>n(e==null?void 0:e.titleSlug,d),metadata:{name:g,accessor:e==null?void 0:e.accessor},LinkComponent:p},c)):r==null?void 0:r.slice(0,a).map((e,c)=>t.jsx(b,{title:e==null?void 0:e.title,imageUrl:m(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:(k,d)=>n(e==null?void 0:e.titleSlug,d),metadata:{name:g,accessor:e==null?void 0:e.accessor},LinkComponent:p},c))}),[r,S,a]);return t.jsx(M,{isLoading:h,keyPrefix:"blogs-large-skeleton",children:t.jsx(L,{ref:s,limit:a,children:j})})});module.exports=R;
+`,y=({keyPrefix:i})=>t.jsx(w,{children:[1,2].map(n=>t.jsx(b.SkeletonRect,{width:"100%",height:"11.25rem"},`${i}-${n}`))}),L=({keyPrefix:i,isLoading:n=!1,fallbackComponent:r=t.jsx(t.Fragment,{}),children:o})=>t.jsx(s.Suspense,{fallbackComponent:r,children:n===!0?t.jsx(y,{keyPrefix:i}):o}),S=s.memo($.BlogCardLarge),M=s.forwardRef((i,n)=>{const{items:r,onSelectCard:o=()=>{},limit:a=2,isLoading:f=!1,getImage:m=()=>{},componentName:u,LinkComponent:g}=i,p=h.useDetectMobile(),C=s.useMemo(()=>t.jsx(t.Fragment,{children:p===!0?r==null?void 0:r.map((e,c)=>t.jsx(S,{title:e==null?void 0:e.title,imageUrl:m(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:(k,d)=>o(e==null?void 0:e.titleSlug,d),metadata:{name:u,accessor:e==null?void 0:e.accessor},LinkComponent:g},c)):r==null?void 0:r.slice(0,a).map((e,c)=>t.jsx(S,{title:e==null?void 0:e.title,imageUrl:m(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:(k,d)=>o(e==null?void 0:e.titleSlug,d),metadata:{name:u,accessor:e==null?void 0:e.accessor},LinkComponent:g},c))}),[r,p,a]);return t.jsx(L,{isLoading:f,keyPrefix:"blogs-large-skeleton",children:t.jsx(q,{ref:n,limit:a,children:C})})});module.exports=M;

package/dist/BlogsSectionLarge.js

@@ -1,110 +1,92 @@
-import { jsxs as $, jsx as t, Fragment as S } from "react/jsx-runtime";
-import { Suspense as L, memo as B, forwardRef as M, useMemo as w } from "react";
-import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as a } from "./breakpoints-ff0SIcV3.js";
-import { u as R } from "./useDetectMobile-CcVo3PNi.js";
-import { B as T } from "./index-L_Va5-wK.js";
-import { S as U, a as p } from "./style-BwQ4djFC.js";
-const j = b.div`
+import { jsx as t, Fragment as S } from "react/jsx-runtime";
+import { Suspense as $, memo as b, forwardRef as B, useMemo as L } from "react";
+import { s as f } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as l } from "./breakpoints-BubDitvo.js";
+import { u as M } from "./useDetectMobile-B0Jog4jQ.js";
+import { B as T } from "./index-rhYVjszT.js";
+import { S as U, a as w } from "./style-BFPpppS9.js";
+const y = f.div`
   display: grid;
   grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media ${a("M")} {
+  @media ${l("M")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${a("S")} {
+  @media ${l("S")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${a("XS")} {
+  @media ${l("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`, v = b(U)`
-  @media ${a("S")} {
+`, v = f(U)`
+  @media ${l("S")} {
     flex-direction: column;
 
     & > div {
-      background: linear-gradient(
-        to right,
-        transparent 0%,
-        #f4f6fb 40%,
-        #f4f6fb 100%
-      );
-
-      box-shadow: none;
     }
   }
-`, y = ({ keyPrefix: o }) => /* @__PURE__ */ $(v, { children: [
-  /* @__PURE__ */ t(
-    p,
-    {
-      height: "11.25rem",
-      borderRadius: "0.75rem"
-    },
-    `${o}-1`
-  ),
-  /* @__PURE__ */ t(
-    p,
-    {
-      height: "11.25rem",
-      borderRadius: "0.75rem"
-    },
-    `${o}-2`
-  )
-] }), z = ({
+`, z = ({ keyPrefix: o }) => /* @__PURE__ */ t(v, { children: [1, 2].map((i) => /* @__PURE__ */ t(
+  w,
+  {
+    width: "100%",
+    height: "11.25rem"
+  },
+  `${o}-${i}`
+)) }), P = ({
   keyPrefix: o,
-  isLoading: l = !1,
+  isLoading: i = !1,
   fallbackComponent: r = /* @__PURE__ */ t(S, {}),
-  children: i
-}) => /* @__PURE__ */ t(L, { fallbackComponent: r, children: l === !0 ? /* @__PURE__ */ t(y, { keyPrefix: o }) : i }), f = B(T), X = M((o, l) => {
+  children: a
+}) => /* @__PURE__ */ t($, { fallbackComponent: r, children: i === !0 ? /* @__PURE__ */ t(z, { keyPrefix: o }) : a }), p = b(T), N = B((o, i) => {
   const {
     items: r,
-    onSelectCard: i = () => {
+    onSelectCard: a = () => {
     },
     limit: n = 2,
-    isLoading: h = !1,
-    getImage: d = () => {
+    isLoading: C = !1,
+    getImage: c = () => {
     },
-    componentName: c,
+    componentName: d,
     LinkComponent: u
-  } = o, g = R(), C = w(() => /* @__PURE__ */ t(S, { children: g === !0 ? r == null ? void 0 : r.map((e, m) => /* @__PURE__ */ t(
-    f,
+  } = o, g = M(), h = L(() => /* @__PURE__ */ t(S, { children: g === !0 ? r == null ? void 0 : r.map((e, m) => /* @__PURE__ */ t(
+    p,
     {
       title: e == null ? void 0 : e.title,
-      imageUrl: d(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+      imageUrl: c(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
       text: e == null ? void 0 : e.description,
       titleSlug: e == null ? void 0 : e.titleSlug,
       buttonText: e == null ? void 0 : e.buttonText,
-      onCardClick: (k, s) => i(e == null ? void 0 : e.titleSlug, s),
-      metadata: { name: c, accessor: e == null ? void 0 : e.accessor },
+      onCardClick: (k, s) => a(e == null ? void 0 : e.titleSlug, s),
+      metadata: { name: d, accessor: e == null ? void 0 : e.accessor },
       LinkComponent: u
     },
     m
   )) : r == null ? void 0 : r.slice(0, n).map((e, m) => /* @__PURE__ */ t(
-    f,
+    p,
     {
       title: e == null ? void 0 : e.title,
-      imageUrl: d(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+      imageUrl: c(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
       text: e == null ? void 0 : e.description,
       titleSlug: e == null ? void 0 : e.titleSlug,
       buttonText: e == null ? void 0 : e.buttonText,
-      onCardClick: (k, s) => i(e == null ? void 0 : e.titleSlug, s),
-      metadata: { name: c, accessor: e == null ? void 0 : e.accessor },
+      onCardClick: (k, s) => a(e == null ? void 0 : e.titleSlug, s),
+      metadata: { name: d, accessor: e == null ? void 0 : e.accessor },
       LinkComponent: u
     },
     m
   )) }), [r, g, n]);
   return /* @__PURE__ */ t(
-    z,
+    P,
     {
-      isLoading: h,
+      isLoading: C,
       keyPrefix: "blogs-large-skeleton",
-      children: /* @__PURE__ */ t(j, { ref: l, limit: n, children: C })
+      children: /* @__PURE__ */ t(y, { ref: i, limit: n, children: h })
     }
   );
 });
 export {
-  X as default
+  N as default
 };

package/dist/BlogsSectionSimple.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./breakpoints-CcVm-gVm.cjs"),$=require("./useDetectMobile-DYV6V1yw.cjs"),g=require("./utils-CITgSxXe.cjs"),C=require("./style-DC05rdyx.cjs"),B=require("./Button.cjs"),M=require("./Link.cjs"),T=require("./index-DsINTjQk.cjs"),D=require("./index-B_ilx3wM.cjs"),L=S.styled.div`
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),S=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),j=require("./breakpoints-CcVm-gVm.cjs"),$=require("./useDetectMobile-DYV6V1yw.cjs"),g=require("./utils-CITgSxXe.cjs"),C=require("./style-Boz6dk5s.cjs"),B=require("./Button.cjs"),M=require("./Link.cjs"),T=require("./index-DsINTjQk.cjs"),D=require("./index-BUdvfHpp.cjs"),L=S.styled.div`
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionSimple.js

@@ -1,14 +1,14 @@
 import { jsxs as p, jsx as r, Fragment as T } from "react/jsx-runtime";
 import { forwardRef as N, useRef as M, memo as L, useMemo as U } from "react";
-import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as v } from "./breakpoints-ff0SIcV3.js";
-import { u as W } from "./useDetectMobile-CcVo3PNi.js";
-import { w as z, n as P, l as y } from "./utils-B2fsQ6PS.js";
-import { B as j, R as D } from "./style-BUyFad_y.js";
+import { s as S } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as v } from "./breakpoints-BubDitvo.js";
+import { u as W } from "./useDetectMobile-B0Jog4jQ.js";
+import { w as z, n as P, l as y } from "./utils-MoGhNMmj.js";
+import { B as j, R as D } from "./style-D54KOzZj.js";
 import I from "./Button.js";
 import A from "./Link.js";
-import { P as G } from "./index-BvMY2TbK.js";
-import { S as E } from "./index-hC-E71GE.js";
+import { P as G } from "./index-DEypPQRI.js";
+import { S as E } from "./index-VTkAaA-n.js";
 const F = S.div`
   display: grid;
   grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionSimpleCentered.cjs

@@ -1,22 +1,22 @@
-"use strict";const t=require("react/jsx-runtime"),h=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),C=require("./useDetectMobile-DYV6V1yw.cjs"),k=require("./utils-CITgSxXe.cjs"),S=require("./Button.cjs"),y=require("./index-DsINTjQk.cjs"),g=require("./style-BAcV7F53.cjs"),$=f.styled.div`
+"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),c=require("./breakpoints-CcVm-gVm.cjs"),y=require("./useDetectMobile-DYV6V1yw.cjs"),j=require("./utils-CITgSxXe.cjs"),k=require("./Button.cjs"),S=require("./index-DsINTjQk.cjs"),b=require("./style-CQdEALKR.cjs"),$=h.styled.div`
   display: grid;
-  grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${n=>`repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
   margin: auto;
   width: fit-content;
 
-  @media ${l.down("M")} {
+  @media ${c.down("M")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${l.down("S")} {
+  @media ${c.down("S")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${l.down("XS")} {
+  @media ${c.down("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`,v=f.styled.a`
+`,v=h.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -54,10 +54,10 @@
     object-fit: cover;
   }
 
-  @media ${l.down("S")} {
+  @media ${c.down("S")} {
     max-width: unset;
   }
-`,R=f.styled.div`
+`,q=h.styled.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -78,23 +78,10 @@
     font-weight: 400;
     line-height: 1.25rem;
     letter-spacing: 0.0156rem;
-    ${k.truncateTextInRows(3)}
+    ${j.truncateTextInRows(3)}
   }
-`,b=h.forwardRef((r,c)=>{const{title:n,image:o,text:d,buttonText:w,onCardClick:m,metadata:i,link:p,LinkComponent:e}=r,a=e||"a",u=h.useRef(),s=j=>{m(j,u)};return t.jsxs(v,{ref:u,name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,className:"blog-card",onClick:s,as:a,...e?{to:`/${p}`}:{href:`/${p}`},children:[t.jsx(y.ProductImageWrapper,{src:o}),t.jsxs(R,{children:[t.jsx("div",{className:"text-wr-title",children:n}),t.jsx("div",{className:"text-wr",children:d})]}),t.jsx(S,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:s,size:"medium",children:w})]})}),q=f.styled(g.SkeletonRowWrapper)`
-  @media ${l.down("S")} {
+`,w=g.forwardRef((n,o)=>{const{title:r,image:s,text:m,buttonText:f,onCardClick:d,metadata:i,link:p,LinkComponent:e}=n,l=e||"a",u=g.useRef(),a=C=>{d(C,u)};return t.jsxs(v,{ref:u,name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,className:"blog-card",onClick:a,as:l,...e?{to:`/${p}`}:{href:`/${p}`},children:[t.jsx(S.ProductImageWrapper,{src:s}),t.jsxs(q,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:m})]}),t.jsx(k,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:a,size:"medium",children:f})]})}),R=h.styled(b.SkeletonAnimationContainer)`
+  @media ${c.down("S")} {
     flex-direction: column;
-
-    & > div {
-      width: 100%;
-
-      background: linear-gradient(
-        to right,
-        transparent 0%,
-        #f4f6fb 40%,
-        #f4f6fb 100%
-      );
-
-      box-shadow: none;
-    }
   }
-`,T=({keyPrefix:r})=>t.jsxs(q,{justifyContent:"center",alignItems:"center",children:[t.jsx(g.SkeletonLinePlaceholder,{height:"24.75rem",width:"18.5rem",borderRadius:"0.75rem"},`${r}-1`),t.jsx(g.SkeletonLinePlaceholder,{height:"24.75rem",width:"18.5rem",borderRadius:"0.75rem"},`${r}-2`),t.jsx(g.SkeletonLinePlaceholder,{height:"24.75rem",width:"18.5rem",borderRadius:"0.75rem"},`${r}-3`)]}),L=({keyPrefix:r,isLoading:c=!1,fallbackComponent:n=t.jsx(t.Fragment,{}),children:o})=>t.jsx(h.Suspense,{fallbackComponent:n,children:c===!0?t.jsx(T,{keyPrefix:r}):o}),B=h.forwardRef((r,c)=>{const{items:n,limit:o=3,onSelectCard:d=()=>{},isLoading:w=!1,componentName:m,LinkComponent:i}=r,p=C.useDetectMobile();return t.jsx(L,{isLoading:w,keyPrefix:"blogs-simple-centered-skeleton",children:t.jsx($,{ref:c,limit:o,children:t.jsx(t.Fragment,{children:p===!0?n==null?void 0:n.map((e,a)=>t.jsx(b,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(u,s)=>d(e,s),metadata:{name:m,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link,LinkComponent:i},a)):n==null?void 0:n.slice(0,o).map((e,a)=>t.jsx(b,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(u,s)=>d(e,s),metadata:{name:m,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link,LinkComponent:i},a))})})})});module.exports=B;
+`,T=({keyPrefix:n})=>t.jsx(R,{justifyContent:"center",alignItems:"center",children:[1,2,3].map(o=>t.jsx(b.SkeletonRect,{height:"24.75rem",width:"18.5rem"},`${n}-${o}`))}),B=({keyPrefix:n,isLoading:o=!1,fallbackComponent:r=t.jsx(t.Fragment,{}),children:s})=>t.jsx(g.Suspense,{fallbackComponent:r,children:o===!0?t.jsx(T,{keyPrefix:n}):s}),z=g.forwardRef((n,o)=>{const{items:r,limit:s=3,onSelectCard:m=()=>{},isLoading:f=!1,componentName:d,LinkComponent:i}=n,p=y.useDetectMobile();return t.jsx(B,{isLoading:f,keyPrefix:"blogs-simple-centered-skeleton",children:t.jsx($,{ref:o,limit:s,children:t.jsx(t.Fragment,{children:p===!0?r==null?void 0:r.map((e,l)=>t.jsx(w,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(u,a)=>m(e,a),metadata:{name:d,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link,LinkComponent:i},l)):r==null?void 0:r.slice(0,s).map((e,l)=>t.jsx(w,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(u,a)=>m(e,a),metadata:{name:d,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link,LinkComponent:i},l))})})})});module.exports=z;