@lanaco/lnc-react-ui 4.0.226 → 4.0.227

package/dist/BlogListSection.js

@@ -1,14 +1,14 @@
-import { jsxs as t, jsx as e, Fragment as y } from "react/jsx-runtime";
-import { forwardRef as W, useRef as A, cloneElement as E, Suspense as M, memo as D, useMemo as F } from "react";
-import L from "./Icon.js";
-import v from "./IconButton.js";
-import { n as H, q as J, s as K, v as P, m as Q } from "./utils-MoGhNMmj.js";
-import { P as V } from "./index-DEypPQRI.js";
-import { B as X } from "./style-D54KOzZj.js";
-import { s as T } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { jsxs as n, jsx as i, Fragment as b } from "react/jsx-runtime";
+import { forwardRef as L, useRef as W, cloneElement as E, Suspense as M, memo as q, useMemo as D } from "react";
+import z from "./Icon.js";
+import _ from "./IconButton.js";
+import { n as F, q as G, s as H, v as I, m as J } from "./utils-MoGhNMmj.js";
+import { P as K } from "./index-DEypPQRI.js";
+import { B as Q } from "./style-D54KOzZj.js";
+import { s as S } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { d as O } from "./breakpoints-BubDitvo.js";
-import { b as c, S as l, c as f, a as n } from "./style-DvkivBNg.js";
-const Y = T.a`
+import { b as V, c as P, a as c, e as X } from "./style-BFPpppS9.js";
+const Y = S.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -77,7 +77,7 @@ const Y = T.a`
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${H(3)}
+        ${F(3)}
       }
 
       & .wrapper__tags {
@@ -178,62 +178,62 @@ const Y = T.a`
       }
     }
   }
-`, Z = W(
+`, Z = L(
   ({
-    blogUuid: o,
-    title: m,
-    imageUrl: h,
-    options: a,
-    publishedAt: p,
-    timeToReadText: k = "{0} min read",
-    timeToRead: N = 0,
-    numberOfLikes: $ = 0,
-    numberOfComments: C = 0,
-    isBookmarked: u = !1,
-    onSelectCard: B = () => {
+    blogUuid: a,
+    title: t,
+    imageUrl: m,
+    options: o,
+    publishedAt: d,
+    timeToReadText: w = "{0} min read",
+    timeToRead: y = 0,
+    numberOfLikes: v = 0,
+    numberOfComments: k = 0,
+    isBookmarked: g = !1,
+    onSelectCard: C = () => {
     },
-    onBookmark: R = () => {
+    onBookmark: N = () => {
     },
-    onShare: w = () => {
+    onShare: f = () => {
     },
-    bookmarkComponent: s = /* @__PURE__ */ e(y, {}),
-    metadata: d,
-    titleSlug: _,
-    LinkComponent: r,
-    hasShare: b = !0,
-    hasDelete: g = !1,
-    onDelete: S = () => {
+    bookmarkComponent: s = /* @__PURE__ */ i(b, {}),
+    metadata: l,
+    titleSlug: h,
+    LinkComponent: e,
+    hasShare: u = !0,
+    hasDelete: p = !1,
+    onDelete: $ = () => {
     }
-  }, G) => {
-    const U = r || "a", z = () => Q(s) ? E(s, {
-      key: `bookmark_blog__${o}__${u}`,
-      isBookmarked: u,
-      blogUuid: o,
-      onBookmark: (j, q) => R(j, q),
-      ref: G,
+  }, B) => {
+    const U = e || "a", j = () => J(s) ? E(s, {
+      key: `bookmark_blog__${a}__${g}`,
+      isBookmarked: g,
+      blogUuid: a,
+      onBookmark: (R, A) => N(R, A),
+      ref: B,
       componentName: "ExploreBlogSectionCard"
-    }) : /* @__PURE__ */ e(y, {}), I = A();
-    return /* @__PURE__ */ t(
+    }) : /* @__PURE__ */ i(b, {}), T = W();
+    return /* @__PURE__ */ n(
       Y,
       {
-        ref: I,
-        name: d == null ? void 0 : d.name,
-        "data-accessor": d == null ? void 0 : d.accessor,
-        onClick: (i) => B(i, I),
+        ref: T,
+        name: l == null ? void 0 : l.name,
+        "data-accessor": l == null ? void 0 : l.accessor,
+        onClick: (r) => C(r, T),
         className: "blog-card-item",
         as: U,
-        ...r ? { to: `/blog/${_}` } : { href: `/blog/${_}` },
+        ...e ? { to: `/blog/${h}` } : { href: `/blog/${h}` },
         children: [
-          /* @__PURE__ */ t("div", { className: "image-container", children: [
-            g && /* @__PURE__ */ e(
+          /* @__PURE__ */ n("div", { className: "image-container", children: [
+            p && /* @__PURE__ */ i(
               "div",
               {
                 className: "action mobile-only",
-                onClick: (i) => {
-                  i == null || i.preventDefault(), i == null || i.stopPropagation();
+                onClick: (r) => {
+                  r == null || r.preventDefault(), r == null || r.stopPropagation();
                 },
-                children: /* @__PURE__ */ e(
-                  v,
+                children: /* @__PURE__ */ i(
+                  _,
                   {
                     icon: " mng-lnc-close",
                     borderRadius: "curved",
@@ -242,67 +242,67 @@ const Y = T.a`
                     color: "neutral",
                     size: "medium",
                     onClick: () => {
-                      S();
+                      $();
                     }
                   }
                 )
               }
             ),
-            /* @__PURE__ */ e(V, { src: h, className: "wrapper__image" })
+            /* @__PURE__ */ i(K, { src: m, className: "wrapper__image" })
           ] }),
-          /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
-            /* @__PURE__ */ t("div", { className: "wrapper__subcontent", children: [
-              /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
-                /* @__PURE__ */ e("div", { className: "wrapper__title", children: m }),
-                g && /* @__PURE__ */ e(
+          /* @__PURE__ */ n("div", { className: "wrapper__content", children: [
+            /* @__PURE__ */ n("div", { className: "wrapper__subcontent", children: [
+              /* @__PURE__ */ n("div", { className: "wrapper__info", children: [
+                /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
+                p && /* @__PURE__ */ i(
                   "div",
                   {
                     className: "action desktop-only",
-                    onClick: (i) => {
-                      i == null || i.preventDefault(), i == null || i.stopPropagation();
+                    onClick: (r) => {
+                      r == null || r.preventDefault(), r == null || r.stopPropagation();
                     },
-                    children: /* @__PURE__ */ e(
-                      v,
+                    children: /* @__PURE__ */ i(
+                      _,
                       {
                         icon: " mng-lnc-close",
                         borderRadius: "curved",
                         btnType: "basic",
                         color: "neutral",
                         onClick: () => {
-                          S();
+                          $();
                         }
                       }
                     )
                   }
                 )
               ] }),
-              /* @__PURE__ */ t("div", { className: "wrapper__tags-action", children: [
-                /* @__PURE__ */ e("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((i, j) => /* @__PURE__ */ e(
-                  X,
+              /* @__PURE__ */ n("div", { className: "wrapper__tags-action", children: [
+                /* @__PURE__ */ i("div", { className: "wrapper__tags", children: o && (o == null ? void 0 : o.map((r, R) => /* @__PURE__ */ i(
+                  Q,
                   {
-                    color: i == null ? void 0 : i.color,
-                    children: i == null ? void 0 : i.name
+                    color: r == null ? void 0 : r.color,
+                    children: r == null ? void 0 : r.name
                   },
-                  `blog-card-sponsored-option__${j + 1}`
+                  `blog-card-sponsored-option__${R + 1}`
                 ))) }),
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ n(
                   "div",
                   {
                     className: "info__content mobile-only",
-                    onClick: (i) => {
-                      i.stopPropagation(), i.preventDefault();
+                    onClick: (r) => {
+                      r.stopPropagation(), r.preventDefault();
                     },
                     children: [
-                      /* @__PURE__ */ e(z, {}),
-                      b && /* @__PURE__ */ e(
-                        v,
+                      /* @__PURE__ */ i(j, {}),
+                      u && /* @__PURE__ */ i(
+                        _,
                         {
                           icon: " mng-lnc-share",
                           borderRadius: "curved",
                           btnType: "basic",
                           color: "neutral",
                           onClick: () => {
-                            w();
+                            f();
                           }
                         }
                       )
@@ -311,40 +311,40 @@ const Y = T.a`
                 )
               ] })
             ] }),
-            /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
-              /* @__PURE__ */ t("div", { className: "info__content", children: [
-                /* @__PURE__ */ e("div", { className: "info__text", children: `${J(
-                  p
-                )} • ${K(k, N)}` }),
-                /* @__PURE__ */ t("div", { className: "info__text", children: [
-                  /* @__PURE__ */ t("div", { children: [
-                    /* @__PURE__ */ e(L, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-                    P($)
+            /* @__PURE__ */ n("div", { className: "wrapper__info", children: [
+              /* @__PURE__ */ n("div", { className: "info__content", children: [
+                /* @__PURE__ */ i("div", { className: "info__text", children: `${G(
+                  d
+                )} • ${H(w, y)}` }),
+                /* @__PURE__ */ n("div", { className: "info__text", children: [
+                  /* @__PURE__ */ n("div", { children: [
+                    /* @__PURE__ */ i(z, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
+                    I(v)
                   ] }),
-                  /* @__PURE__ */ t("div", { children: [
-                    /* @__PURE__ */ e(L, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-                    P(C)
+                  /* @__PURE__ */ n("div", { children: [
+                    /* @__PURE__ */ i(z, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
+                    I(k)
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ n(
                 "div",
                 {
                   className: "info__content desktop-only",
-                  onClick: (i) => {
-                    i == null || i.preventDefault(), i == null || i.stopPropagation();
+                  onClick: (r) => {
+                    r == null || r.preventDefault(), r == null || r.stopPropagation();
                   },
                   children: [
-                    /* @__PURE__ */ e(z, {}),
-                    b && /* @__PURE__ */ e(
-                      v,
+                    /* @__PURE__ */ i(j, {}),
+                    u && /* @__PURE__ */ i(
+                      _,
                       {
                         icon: " mng-lnc-share",
                         borderRadius: "curved",
                         btnType: "basic",
                         color: "neutral",
                         onClick: () => {
-                          w();
+                          f();
                         }
                       }
                     )
@@ -357,7 +357,7 @@ const Y = T.a`
       }
     );
   }
-), x = T.div`
+), x = S.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -381,133 +381,83 @@ const Y = T.a`
       bottom: -1.25rem;
     }
   }
-`, ee = T(c)`
+`, ee = S(V)`
   @media ${O("S")} {
     & > div {
       flex-direction: column;
     }
   }
-`, re = ({ keyPrefix: o }) => /* @__PURE__ */ t(ee, { children: [
-  /* @__PURE__ */ t(l, { children: [
-    /* @__PURE__ */ e(f, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ t(c, { noGradient: !0, children: [
-      /* @__PURE__ */ e(n, { height: "1.5rem" }),
-      /* @__PURE__ */ t(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" })
-      ] })
+`, re = ({ keyPrefix: a }) => /* @__PURE__ */ i(ee, { children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ n(P, { children: [
+  /* @__PURE__ */ i(c, { height: "9.5rem", width: "17.75rem" }),
+  /* @__PURE__ */ n(X, { children: [
+    /* @__PURE__ */ i(c, { height: "1.5rem", width: "100%" }),
+    /* @__PURE__ */ n(P, { children: [
+      /* @__PURE__ */ i(c, { width: "5rem", height: "1.25rem" }),
+      /* @__PURE__ */ i(c, { width: "5rem", height: "1.25rem" }),
+      /* @__PURE__ */ i(c, { width: "5rem", height: "1.25rem" }),
+      /* @__PURE__ */ i(c, { width: "5rem", height: "1.25rem" })
     ] })
-  ] }, `${o}-1`),
-  /* @__PURE__ */ t(l, { children: [
-    /* @__PURE__ */ e(f, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ t(c, { noGradient: !0, children: [
-      /* @__PURE__ */ e(n, { height: "1.5rem" }),
-      /* @__PURE__ */ t(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" })
-      ] })
-    ] })
-  ] }, `${o}-2`),
-  /* @__PURE__ */ t(l, { children: [
-    /* @__PURE__ */ e(f, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ t(c, { noGradient: !0, children: [
-      /* @__PURE__ */ e(n, { height: "1.5rem" }),
-      /* @__PURE__ */ t(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" })
-      ] })
-    ] })
-  ] }, `${o}-3`),
-  /* @__PURE__ */ t(l, { children: [
-    /* @__PURE__ */ e(f, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ t(c, { noGradient: !0, children: [
-      /* @__PURE__ */ e(n, { height: "1.5rem" }),
-      /* @__PURE__ */ t(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" })
-      ] })
-    ] })
-  ] }, `${o}-4`),
-  /* @__PURE__ */ t(l, { children: [
-    /* @__PURE__ */ e(f, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ t(c, { noGradient: !0, children: [
-      /* @__PURE__ */ e(n, { height: "1.5rem" }),
-      /* @__PURE__ */ t(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" })
-      ] })
-    ] })
-  ] }, `${o}-5`)
-] }), ie = ({
-  keyPrefix: o,
-  isLoading: m = !1,
-  fallbackComponent: h = /* @__PURE__ */ e(y, {}),
-  children: a
-}) => /* @__PURE__ */ e(M, { fallbackComponent: h, children: m === !0 ? /* @__PURE__ */ e(re, { keyPrefix: o }) : a }), te = D(Z), ge = W(
+  ] })
+] }, `${a}-${t}`)) }), ie = ({
+  keyPrefix: a,
+  isLoading: t = !1,
+  fallbackComponent: m = /* @__PURE__ */ i(b, {}),
+  children: o
+}) => /* @__PURE__ */ i(M, { fallbackComponent: m, children: t === !0 ? /* @__PURE__ */ i(re, { keyPrefix: a }) : o }), ne = q(Z), fe = L(
   ({
-    timeToReadText: o = "{0} min read",
-    items: m,
-    isLoading: h = !1,
-    onSelectCard: a = () => {
+    timeToReadText: a = "{0} min read",
+    items: t,
+    isLoading: m = !1,
+    onSelectCard: o = () => {
     },
-    onShare: p = () => {
+    onShare: d = () => {
     },
-    onBookmark: k = () => {
+    onBookmark: w = () => {
     },
-    getImage: N = () => {
+    getImage: y = () => {
     },
-    isSeparated: $ = !0,
-    bookmarkComponent: C = /* @__PURE__ */ e(y, {}),
-    componentName: u,
-    LinkComponent: B,
-    hasShare: R = !0,
-    hasDelete: w = !1,
+    isSeparated: v = !0,
+    bookmarkComponent: k = /* @__PURE__ */ i(b, {}),
+    componentName: g,
+    LinkComponent: C,
+    hasShare: N = !0,
+    hasDelete: f = !1,
     onDelete: s = () => {
     }
-  }, d) => {
-    const _ = F(() => m == null ? void 0 : m.map((r, b) => {
-      var g;
-      return /* @__PURE__ */ e(
-        te,
+  }, l) => {
+    const h = D(() => t == null ? void 0 : t.map((e, u) => {
+      var p;
+      return /* @__PURE__ */ i(
+        ne,
         {
-          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: o,
-          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: (S, G) => a == null ? void 0 : a(r, G),
-          hasShare: R,
-          hasDelete: w,
-          onDelete: () => s == null ? void 0 : s(r),
-          onShare: () => p == null ? void 0 : p(r),
-          onBookmark: k,
-          imageUrl: N(r == null ? void 0 : r.imageUrl, r == null ? void 0 : r.uuid) || null,
-          bookmarkComponent: C,
-          metadata: { name: u, accessor: r == null ? void 0 : r.accessor },
-          LinkComponent: B
+          blogUuid: e == null ? void 0 : e.uuid,
+          title: e == null ? void 0 : e.title,
+          titleSlug: e == null ? void 0 : e.titleSlug,
+          options: e == null ? void 0 : e.options,
+          publishedAt: e == null ? void 0 : e.publishedAt,
+          timeToReadText: a,
+          timeToRead: e == null ? void 0 : e.timeToRead,
+          numberOfLikes: e == null ? void 0 : e.numberOfLikes,
+          numberOfComments: e == null ? void 0 : e.numberOfComments,
+          isSponsored: e == null ? void 0 : e.isSponsored,
+          isBookmarked: e == null ? void 0 : e.isBookmarked,
+          onSelectCard: ($, B) => o == null ? void 0 : o(e, B),
+          hasShare: N,
+          hasDelete: f,
+          onDelete: () => s == null ? void 0 : s(e),
+          onShare: () => d == null ? void 0 : d(e),
+          onBookmark: w,
+          imageUrl: y(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+          bookmarkComponent: k,
+          metadata: { name: g, accessor: e == null ? void 0 : e.accessor },
+          LinkComponent: C
         },
-        `blog-card-item__${b + 1}__${(g = r == null ? void 0 : r.isBookmarked) == null ? void 0 : g.toString()}`
+        `blog-card-item__${u + 1}__${(p = e == null ? void 0 : e.isBookmarked) == null ? void 0 : p.toString()}`
       );
-    }), [m]);
-    return /* @__PURE__ */ e(ie, { isLoading: h, keyPrefix: "blog-list-skeleton", children: /* @__PURE__ */ e(x, { ref: d, className: $ ? "separated" : "", children: _ }) });
+    }), [t]);
+    return /* @__PURE__ */ i(ie, { isLoading: m, keyPrefix: "blog-list-skeleton", children: /* @__PURE__ */ i(x, { ref: l, className: v ? "separated" : "", children: h }) });
   }
 );
 export {
-  ge as default
+  fe as default
 };

package/dist/BlogSingleSection.cjs

@@ -1,16 +1,7 @@
-"use strict";const n=require("react/jsx-runtime"),s=require("react"),g=require("./index-D4OKsSqi.cjs"),l=require("./style-Ito6YFqi.cjs"),c=require("./emotion-styled.browser.esm-DwHBgTPn.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-rhYVjszT.js";
-import { b as f, a as c } from "./style-DvkivBNg.js";
-import { s as p } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { d as S } from "./breakpoints-BubDitvo.js";
-const h = p(f)`
-  @media ${S("S")} {
+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-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-fzBXDy05.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

@@ -7,7 +7,7 @@ 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-DEypPQRI.js";
-import { S as E } from "./index-BHcrzV2G.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))`};