@lanaco/lnc-react-ui 4.0.225 → 4.0.227

package/dist/BlogsSectionWithFilters.js

@@ -1,32 +1,32 @@
-import { jsxs as a, jsx as t, Fragment as _ } from "react/jsx-runtime";
-import { forwardRef as L, useRef as A, Suspense as I, memo as O, useMemo as U } 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 K, l as $ } from "./utils-B2fsQ6PS.js";
-import { T as E } from "./style-BUyFad_y.js";
-import G from "./Button.js";
-import H from "./Link.js";
-import { P as X } from "./index-BvMY2TbK.js";
-import { S as q } from "./index-BzSWu-7v.js";
-import { b as J, S as y, a as s } from "./style-BwQ4djFC.js";
-const P = S.div`
+import { jsxs as l, jsx as t, Fragment as _ } from "react/jsx-runtime";
+import { forwardRef as M, useRef as j, Suspense as I, memo as O, useMemo as P } from "react";
+import { s as C } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as k } from "./breakpoints-BubDitvo.js";
+import { u as U } from "./useDetectMobile-B0Jog4jQ.js";
+import { n as D, l as v } from "./utils-MoGhNMmj.js";
+import { T as K } from "./style-D54KOzZj.js";
+import E from "./Button.js";
+import G from "./Link.js";
+import { P as H } from "./index-DEypPQRI.js";
+import { S as X } from "./index-Djo0ZcRE.js";
+import { b as q, c as B, a as R } from "./style-BFPpppS9.js";
+const J = C.div`
   display: grid;
-  grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media ${w("M")} {
+  @media ${k("M")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${w("S")} {
+  @media ${k("S")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${w("XS")} {
+  @media ${k("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`, Q = S.a`
+`, Q = C.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -58,7 +58,7 @@ const P = S.div`
   & a {
     margin-top: auto;
   }
-`, V = S.div`
+`, V = C.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -73,44 +73,44 @@ const P = S.div`
     font-weight: 400;
     font-size: 0.875rem;
     color: var(--gray-700, #4e555f);
-    ${K(3)}
+    ${D(3)}
   }
-`, Y = L((r, h) => {
+`, Y = M((o, a) => {
   const {
-    title: l,
-    imageUrl: m,
+    title: s,
+    imageUrl: c,
     text: n,
     buttonText: u,
-    onCardClick: c,
-    metadata: o,
+    onCardClick: m,
+    metadata: r,
     link: d,
     LinkComponent: g
-  } = r, f = g || "a", p = A(), b = (k) => {
-    c(k, p);
+  } = o, h = g || "a", p = j(), f = (b) => {
+    m(b, p);
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ l(
     Q,
     {
       ref: p,
-      name: o == null ? void 0 : o.name,
-      "data-accessor": o == null ? void 0 : o.accessor,
+      name: r == null ? void 0 : r.name,
+      "data-accessor": r == null ? void 0 : r.accessor,
       className: "blog-card",
-      onClick: b,
+      onClick: f,
       to: `/${d}`,
-      as: f,
+      as: h,
       ...g ? { to: `/${d}` } : { href: `/${d}` },
       children: [
-        /* @__PURE__ */ a(V, { children: [
-          /* @__PURE__ */ t("div", { className: "text-wr-title", children: l }),
+        /* @__PURE__ */ l(V, { children: [
+          /* @__PURE__ */ t("div", { className: "text-wr-title", children: s }),
           /* @__PURE__ */ t("div", { className: "text-wr", children: n }),
-          /* @__PURE__ */ t(H, { color: "gray", onClick: b, children: u })
+          /* @__PURE__ */ t(G, { color: "gray", onClick: f, children: u })
         ] }),
-        /* @__PURE__ */ t(X, { src: m })
+        /* @__PURE__ */ t(H, { src: c })
       ]
     }
   );
-}), Z = S(J)`
-  @media ${w("S")} {
+}), Z = C(q)`
+  @media ${k("S")} {
     & .skeleton__tags {
       & > div {
         width: 100%;
@@ -119,164 +119,116 @@ const P = S.div`
 
     & .skeleton__cards {
       flex-direction: column;
-
-      & > div {
-        background: linear-gradient(
-          to right,
-          transparent 0%,
-          #f4f6fb 40%,
-          #f4f6fb 100%
-        );
-
-        box-shadow: none;
-      }
     }
   }
-`, x = ({ keyPrefix: r }) => /* @__PURE__ */ a(Z, { children: [
-  /* @__PURE__ */ a(y, { className: "skeleton__tags", children: [
-    /* @__PURE__ */ t(
-      s,
-      {
-        height: "2.25rem",
-        width: "128px",
-        borderRadius: "1rem"
-      },
-      `${r}-1`
-    ),
-    /* @__PURE__ */ t(
-      s,
-      {
-        height: "2.25rem",
-        width: "128px",
-        borderRadius: "1rem"
-      },
-      `${r}-2`
-    ),
-    /* @__PURE__ */ t(
-      s,
-      {
-        height: "2.25rem",
-        width: "128px",
-        borderRadius: "1rem"
-      },
-      `${r}-3`
-    )
-  ] }),
-  /* @__PURE__ */ a(y, { className: "skeleton__cards", children: [
-    /* @__PURE__ */ t(
-      s,
-      {
-        height: "10.375rem",
-        borderRadius: "0.75rem"
-      },
-      `${r}-4`
-    ),
-    /* @__PURE__ */ t(
-      s,
-      {
-        height: "10.375rem",
-        borderRadius: "0.75rem"
-      },
-      `${r}-5`
-    ),
-    /* @__PURE__ */ t(
-      s,
-      {
-        height: "10.375rem",
-        borderRadius: "0.75rem"
-      },
-      `${r}-6`
-    )
-  ] })
+`, x = ({ keyPrefix: o }) => /* @__PURE__ */ l(Z, { children: [
+  /* @__PURE__ */ t(B, { className: "skeleton__tags", children: [1, 2, 3].map((a) => /* @__PURE__ */ t(
+    R,
+    {
+      height: "2.25rem",
+      width: "8rem",
+      borderRadius: "1rem"
+    },
+    `${o}-tab-${a}`
+  )) }),
+  /* @__PURE__ */ t(B, { className: "skeleton__cards", children: [1, 2, 3].map((a) => /* @__PURE__ */ t(
+    R,
+    {
+      height: "10.375rem",
+      width: "100%",
+      borderRadius: "1rem"
+    },
+    `${o}-card-${a}`
+  )) })
 ] }), ee = ({
-  keyPrefix: r,
-  isLoading: h = !1,
-  fallbackComponent: l = /* @__PURE__ */ t(_, {}),
-  children: m
-}) => /* @__PURE__ */ t(I, { fallbackComponent: l, children: h === !0 ? /* @__PURE__ */ t(x, { keyPrefix: r }) : m }), B = O(Y), he = L((r, h) => {
+  keyPrefix: o,
+  isLoading: a = !1,
+  fallbackComponent: s = /* @__PURE__ */ t(_, {}),
+  children: c
+}) => /* @__PURE__ */ t(I, { fallbackComponent: s, children: a === !0 ? /* @__PURE__ */ t(x, { keyPrefix: o }) : c }), W = O(Y), ue = M((o, a) => {
   const {
-    icon: l,
-    title: m,
+    icon: s,
+    title: c,
     items: n,
     buttonText: u,
-    limit: c = 3,
-    options: o,
+    limit: m = 3,
+    options: r,
     selectedOption: d = [],
     onButtonAction: g = () => {
     },
-    buttonLink: f,
+    buttonLink: h,
     onSelectOption: p = () => {
     },
-    onSelectAll: b = () => {
+    onSelectAll: f = () => {
     },
-    isLoading: k = !1,
-    onSelectCard: R = () => {
+    isLoading: b = !1,
+    onSelectCard: y = () => {
     },
-    productsToolbarName: M = "All",
-    allButton: z = !1,
-    componentName: T,
-    LinkComponent: N
-  } = r, W = D(), F = U(() => {
+    productsToolbarName: z = "All",
+    allButton: L = !1,
+    componentName: $,
+    LinkComponent: T
+  } = o, N = U(), A = P(() => {
     var i;
-    return /* @__PURE__ */ t(_, { children: W === !0 ? n == null ? void 0 : n.map((e, v) => /* @__PURE__ */ t(
-      B,
+    return /* @__PURE__ */ t(_, { children: N === !0 ? n == null ? void 0 : n.map((e, S) => /* @__PURE__ */ t(
+      W,
       {
         title: e == null ? void 0 : e.title,
         imageUrl: (e == null ? void 0 : e.image) || null,
         text: e == null ? void 0 : e.text,
         buttonText: e == null ? void 0 : e.buttonText,
-        onCardClick: (j, C) => R(e, C),
-        metadata: { name: T, accessor: e == null ? void 0 : e.accessor },
+        onCardClick: (F, w) => y(e, w),
+        metadata: { name: $, accessor: e == null ? void 0 : e.accessor },
         link: e == null ? void 0 : e.link,
-        LinkComponent: N
+        LinkComponent: T
       },
-      v
-    )) : (i = n == null ? void 0 : n.slice(0, c)) == null ? void 0 : i.map((e, v) => /* @__PURE__ */ t(
-      B,
+      S
+    )) : (i = n == null ? void 0 : n.slice(0, m)) == null ? void 0 : i.map((e, S) => /* @__PURE__ */ t(
+      W,
       {
         title: e == null ? void 0 : e.title,
         imageUrl: (e == null ? void 0 : e.image) || null,
         text: e == null ? void 0 : e.text,
         buttonText: e == null ? void 0 : e.buttonText,
-        onCardClick: (j, C) => R(e, C),
-        metadata: { name: T, accessor: e == null ? void 0 : e.accessor },
+        onCardClick: (F, w) => y(e, w),
+        metadata: { name: $, accessor: e == null ? void 0 : e.accessor },
         link: e == null ? void 0 : e.link,
-        LinkComponent: N
+        LinkComponent: T
       },
-      v
+      S
     )) });
-  }, [n, W, c]);
-  return /* @__PURE__ */ a(E, { ref: h, children: [
-    /* @__PURE__ */ a("div", { className: "regular-title", children: [
-      /* @__PURE__ */ a("div", { className: "regular-title-text", children: [
-        $(l) && /* @__PURE__ */ t("i", { className: l }),
-        /* @__PURE__ */ t("span", { children: m })
+  }, [n, N, m]);
+  return /* @__PURE__ */ l(K, { ref: a, children: [
+    /* @__PURE__ */ l("div", { className: "regular-title", children: [
+      /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
+        v(s) && /* @__PURE__ */ t("i", { className: s }),
+        /* @__PURE__ */ t("span", { children: c })
       ] }),
-      $(u) && $(f) && !k && /* @__PURE__ */ t(
-        G,
+      v(u) && v(h) && !b && /* @__PURE__ */ t(
+        E,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (i) => {
             var e;
-            (e = i == null ? void 0 : i.target) == null || e.blur(), g(f);
+            (e = i == null ? void 0 : i.target) == null || e.blur(), g(h);
           },
           borderRadius: "curved",
           children: u
         }
       )
     ] }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ l(
       ee,
       {
-        isLoading: k,
+        isLoading: b,
         keyPrefix: "blogs-with-filters-skeleton",
         children: [
-          (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t(
-            q,
+          (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t(
+            X,
             {
-              items: o,
+              items: r,
               selectedIds: d,
               onRemove: (i) => {
                 p(i);
@@ -284,20 +236,20 @@ const P = S.div`
               onSelect: (i) => {
                 p(i);
               },
-              onSelectAll: b,
+              onSelectAll: f,
               labelKey: "name",
               valueKey: "code",
               noMargin: !0,
-              productsToolbarName: M,
-              allButton: z
+              productsToolbarName: z,
+              allButton: L
             }
           ),
-          /* @__PURE__ */ t(P, { limit: c, children: F })
+          /* @__PURE__ */ t(J, { limit: m, children: A })
         ]
       }
     )
   ] });
 });
 export {
-  he as default
+  ue as default
 };

package/dist/BrandHitsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("react"),_=require("./utils-CITgSxXe.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./breakpoints-CcVm-gVm.cjs"),o=require("./style-BAcV7F53.cjs"),x=m.styled.a`
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),_=require("./utils-CITgSxXe.cjs"),h=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),m=require("./breakpoints-CcVm-gVm.cjs"),g=require("./style-CQdEALKR.cjs"),x=h.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   width: 7.5rem;
@@ -14,7 +14,7 @@
     height: auto;
   }
 
-  @media ${g.down("S")} {
+  @media ${m.down("S")} {
     width: 4.5rem;
     height: auto;
     max-height: 4.5rem;
@@ -24,7 +24,7 @@
       height: auto;
     }
   }
-`,u=p.forwardRef(({imageComponent:r,image:n,onSelectCard:a,urlPrefix:s,urlSufix:i,code:l,LinkComponent:d},c)=>{const h=d||"a";return e.jsx(x,{ref:c,onClick:a,as:h,...d?{to:`${s}${l}${i}`}:{href:`${s}${l}${i}`},children:_.isDefined(r)?r:e.jsx("img",{src:n,className:"wrapper__image"})})}),j=m.styled.div`
+`,f=d.forwardRef(({imageComponent:t,image:a,onSelectCard:n,urlPrefix:s,urlSufix:i,code:o,LinkComponent:c},p)=>{const l=c||"a";return e.jsx(x,{ref:p,onClick:n,as:l,...c?{to:`${s}${o}${i}`}:{href:`${s}${o}${i}`},children:_.isDefined(t)?t:e.jsx("img",{src:a,className:"wrapper__image"})})}),u=h.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -73,7 +73,7 @@
     }
   }
 
-  @media ${g.down("S")} {
+  @media ${m.down("S")} {
     & .wrapper__content {
       align-content: center;
       gap: 1rem;
@@ -84,9 +84,9 @@
       }
     }
   }
-`,f=m.styled(o.SkeletonRowWrapper)`
-  @media ${g.down("S")} {
+`,j=h.styled(g.SkeletonAnimationContainer)`
+  @media ${m.down("S")} {
     gap: 1rem;
     flex-wrap: wrap;
   }
-`,$=({keyPrefix:r})=>e.jsxs(f,{justifyContent:"center",alignItems:"center",gap:"3rem",children:[e.jsx(o.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-1`),e.jsx(o.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-2`),e.jsx(o.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-3`),e.jsx(o.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-4`),e.jsx(o.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-5`)]}),y=({keyPrefix:r,isLoading:n=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:s})=>e.jsx(p.Suspense,{fallbackComponent:a,children:n===!0?e.jsx($,{keyPrefix:r}):s}),b=p.forwardRef(({title:r,subtitle:n,items:a=[],isLoading:s=!1,onSelectCard:i=()=>{},urlPrefix:l,urlSufix:d,LinkComponent:c},h)=>e.jsxs(j,{ref:h,children:[e.jsxs("div",{className:"wrapper__heading",children:[r&&e.jsx("div",{className:"wrapper__title",children:r}),n&&e.jsx("div",{className:"wrapper__subtitle",children:n})]}),e.jsx(y,{isLoading:s,keyPrefix:"brand-hits-skeleton",children:e.jsx("div",{className:"wrapper__content",children:a==null?void 0:a.map((t,w)=>e.jsx(u,{image:t==null?void 0:t.image,imageComponent:t==null?void 0:t.imageComponent,onSelectCard:()=>i==null?void 0:i(t),className:"wrapper__item",urlPrefix:l,urlSufix:d,code:t==null?void 0:t.card,LinkComponent:c},`brand-hit-card__${w+1}`))})})]}));module.exports=b;
+`,y=({keyPrefix:t})=>e.jsx(j,{justifyContent:"center",alignItems:"center",gap:"3rem",children:[1,2,3,4,5].map(a=>e.jsx(g.SkeletonRect,{height:"4rem",width:"7.5rem"},`${t}-${a}`))}),$=({keyPrefix:t,isLoading:a=!1,fallbackComponent:n=e.jsx(e.Fragment,{}),children:s})=>e.jsx(d.Suspense,{fallbackComponent:n,children:a===!0?e.jsx(y,{keyPrefix:t}):s}),v=d.forwardRef(({title:t,subtitle:a,items:n=[],isLoading:s=!1,onSelectCard:i=()=>{},urlPrefix:o,urlSufix:c,LinkComponent:p},l)=>e.jsxs(u,{ref:l,children:[e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),a&&e.jsx("div",{className:"wrapper__subtitle",children:a})]}),e.jsx($,{isLoading:s,keyPrefix:"brand-hits-skeleton",children:e.jsx("div",{className:"wrapper__content",children:n==null?void 0:n.map((r,w)=>e.jsx(f,{image:r==null?void 0:r.image,imageComponent:r==null?void 0:r.imageComponent,onSelectCard:()=>i==null?void 0:i(r),className:"wrapper__item",urlPrefix:o,urlSufix:c,code:r==null?void 0:r.card,LinkComponent:p},`brand-hit-card__${w+1}`))})})]}));module.exports=v;

package/dist/BrandHitsSection.js

@@ -1,10 +1,10 @@
-import { jsx as e, jsxs as h, Fragment as f } from "react/jsx-runtime";
-import { forwardRef as w, Suspense as u } from "react";
-import { m as $ } from "./utils-B2fsQ6PS.js";
-import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as c } from "./breakpoints-ff0SIcV3.js";
-import { S as x, a as p } from "./style-BwQ4djFC.js";
-const v = l.a`
+import { jsx as e, Fragment as w, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as g, Suspense as f } from "react";
+import { m as x } from "./utils-MoGhNMmj.js";
+import { s as m } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as c } from "./breakpoints-BubDitvo.js";
+import { S as u, a as $ } from "./style-BFPpppS9.js";
+const y = m.a`
   text-decoration: none;
   color: var(--gray-950);
   width: 7.5rem;
@@ -30,26 +30,26 @@ const v = l.a`
       height: auto;
     }
   }
-`, b = w(
+`, v = g(
   ({
-    imageComponent: r,
-    image: n,
-    onSelectCard: t,
+    imageComponent: a,
+    image: t,
+    onSelectCard: n,
     urlPrefix: i,
     urlSufix: o,
-    code: s,
-    LinkComponent: m
-  }, d) => /* @__PURE__ */ e(
-    v,
+    code: p,
+    LinkComponent: s
+  }, l) => /* @__PURE__ */ e(
+    y,
     {
-      ref: d,
-      onClick: t,
-      as: m || "a",
-      ...m ? { to: `${i}${s}${o}` } : { href: `${i}${s}${o}` },
-      children: $(r) ? r : /* @__PURE__ */ e("img", { src: n, className: "wrapper__image" })
+      ref: l,
+      onClick: n,
+      as: s || "a",
+      ...s ? { to: `${i}${p}${o}` } : { href: `${i}${p}${o}` },
+      children: x(a) ? a : /* @__PURE__ */ e("img", { src: t, className: "wrapper__image" })
     }
   )
-), y = l.div`
+), N = m.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -109,85 +109,39 @@ const v = l.a`
       }
     }
   }
-`, R = l(x)`
+`, S = m(u)`
   @media ${c("S")} {
     gap: 1rem;
     flex-wrap: wrap;
   }
-`, N = ({ keyPrefix: r }) => /* @__PURE__ */ h(R, { justifyContent: "center", alignItems: "center", gap: "3rem", children: [
-  /* @__PURE__ */ e(
-    p,
-    {
-      height: "4rem",
-      width: "7.5rem",
-      borderRadius: "0.75rem"
-    },
-    `${r}-1`
-  ),
-  /* @__PURE__ */ e(
-    p,
-    {
-      height: "4rem",
-      width: "7.5rem",
-      borderRadius: "0.75rem"
-    },
-    `${r}-2`
-  ),
-  /* @__PURE__ */ e(
-    p,
-    {
-      height: "4rem",
-      width: "7.5rem",
-      borderRadius: "0.75rem"
-    },
-    `${r}-3`
-  ),
-  /* @__PURE__ */ e(
-    p,
-    {
-      height: "4rem",
-      width: "7.5rem",
-      borderRadius: "0.75rem"
-    },
-    `${r}-4`
-  ),
-  /* @__PURE__ */ e(
-    p,
-    {
-      height: "4rem",
-      width: "7.5rem",
-      borderRadius: "0.75rem"
-    },
-    `${r}-5`
-  )
-] }), S = ({
-  keyPrefix: r,
-  isLoading: n = !1,
-  fallbackComponent: t = /* @__PURE__ */ e(f, {}),
+`, k = ({ keyPrefix: a }) => /* @__PURE__ */ e(S, { justifyContent: "center", alignItems: "center", gap: "3rem", children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ e($, { height: "4rem", width: "7.5rem" }, `${a}-${t}`)) }), b = ({
+  keyPrefix: a,
+  isLoading: t = !1,
+  fallbackComponent: n = /* @__PURE__ */ e(w, {}),
   children: i
-}) => /* @__PURE__ */ e(u, { fallbackComponent: t, children: n === !0 ? /* @__PURE__ */ e(N, { keyPrefix: r }) : i }), k = w(
-  ({ title: r, subtitle: n, items: t = [], isLoading: i = !1, onSelectCard: o = () => {
-  }, urlPrefix: s, urlSufix: m, LinkComponent: d }, g) => /* @__PURE__ */ h(y, { ref: g, children: [
+}) => /* @__PURE__ */ e(f, { fallbackComponent: n, children: t === !0 ? /* @__PURE__ */ e(k, { keyPrefix: a }) : i }), W = g(
+  ({ title: a, subtitle: t, items: n = [], isLoading: i = !1, onSelectCard: o = () => {
+  }, urlPrefix: p, urlSufix: s, LinkComponent: l }, d) => /* @__PURE__ */ h(N, { ref: d, children: [
     /* @__PURE__ */ h("div", { className: "wrapper__heading", children: [
-      r && /* @__PURE__ */ e("div", { className: "wrapper__title", children: r }),
-      n && /* @__PURE__ */ e("div", { className: "wrapper__subtitle", children: n })
+      a && /* @__PURE__ */ e("div", { className: "wrapper__title", children: a }),
+      t && /* @__PURE__ */ e("div", { className: "wrapper__subtitle", children: t })
     ] }),
     /* @__PURE__ */ e(
-      S,
+      b,
       {
         isLoading: i,
         keyPrefix: "brand-hits-skeleton",
-        children: /* @__PURE__ */ e("div", { className: "wrapper__content", children: t == null ? void 0 : t.map((a, _) => /* @__PURE__ */ e(
-          b,
+        children: /* @__PURE__ */ e("div", { className: "wrapper__content", children: n == null ? void 0 : n.map((r, _) => /* @__PURE__ */ e(
+          v,
           {
-            image: a == null ? void 0 : a.image,
-            imageComponent: a == null ? void 0 : a.imageComponent,
-            onSelectCard: () => o == null ? void 0 : o(a),
+            image: r == null ? void 0 : r.image,
+            imageComponent: r == null ? void 0 : r.imageComponent,
+            onSelectCard: () => o == null ? void 0 : o(r),
             className: "wrapper__item",
-            urlPrefix: s,
-            urlSufix: m,
-            code: a == null ? void 0 : a.card,
-            LinkComponent: d
+            urlPrefix: p,
+            urlSufix: s,
+            code: r == null ? void 0 : r.card,
+            LinkComponent: l
           },
           `brand-hit-card__${_ + 1}`
         )) })
@@ -196,5 +150,5 @@ const v = l.a`
   ] })
 );
 export {
-  k as default
+  W as default
 };

package/dist/Breadcrumbs.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-CITgSxXe.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=u.styled.div`
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),u=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),g=require("./utils-CITgSxXe.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=u.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   ${r=>g.getComponentTypographyCss(r.theme,"Breadcrumbs",r.size,"enabled")};

package/dist/Breadcrumbs.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as n, Fragment as x } from "react/jsx-runtime";
 import { forwardRef as z, useState as A } from "react";
-import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as N, c as R } from "./utils-B2fsQ6PS.js";
+import { s as u } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as N, c as R } from "./utils-MoGhNMmj.js";
 import T from "./Icon.js";
 import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const k = u.div`

package/dist/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),U=require("react"),y=require("./index-DA7SIHV1.cjs"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CITgSxXe.cjs"),T=require("./Icon.cjs"),q=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"}},x=e=>`
+"use strict";const a=require("react/jsx-runtime"),U=require("react"),y=require("./index-CxWXiOMf.cjs"),r=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./utils-CITgSxXe.cjs"),T=require("./Icon.cjs"),q=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"}},x=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;

package/dist/Button.js

@@ -1,8 +1,8 @@
 import { jsx as a, jsxs as W, Fragment as E } from "react/jsx-runtime";
 import { forwardRef as K } from "react";
-import { i as x } from "./index-6RFrSPs_.js";
-import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as T, c as t, e as d, i as z, f as v, b as q } from "./utils-B2fsQ6PS.js";
+import { i as x } from "./index-vz5mtWGo.js";
+import { s as r } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as T, c as t, e as d, i as z, f as v, b as q } from "./utils-MoGhNMmj.js";
 import j from "./Icon.js";
 import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const y = {

package/dist/ButtonGroup.cjs

@@ -1,4 +1,4 @@
-"use strict";const u=require("react/jsx-runtime"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CITgSxXe.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),a=l.styled.div`
+"use strict";const u=require("react/jsx-runtime"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./utils-CITgSxXe.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),a=l.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: fit-content;

package/dist/ButtonGroup.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
-import { s as a } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as o, b } from "./utils-B2fsQ6PS.js";
+import { s as a } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { c as o, b } from "./utils-MoGhNMmj.js";
 import { u as i } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const l = a.div`
   display: inline-flex;