@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/BlogsSectionSimpleCentered.js

@@ -1,13 +1,13 @@
 import { jsxs as f, jsx as t, Fragment as w } from "react/jsx-runtime";
-import { forwardRef as C, useRef as S, Suspense as v } from "react";
-import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { forwardRef as C, useRef as k, Suspense as y } from "react";
+import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as u } from "./consts-BuFChS64.js";
-import { u as y } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as k } from "./utils-Dc5zIpaz.js";
+import { u as S } from "./useDetectMobile-Bkvj0VMa.js";
+import { o as v } from "./utils-Dc5zIpaz.js";
 import $ from "./Button.js";
 import { P as R } from "./index-C_NnINik.js";
 import { a as T, b as h } from "./style-CXMUA6cI.js";
-const B = d.div`
+const B = p.div`
   display: grid;
   grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -16,7 +16,9 @@ const B = d.div`
   @media (max-width: ${u + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, I = d.div`
+`, I = p.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -55,7 +57,7 @@ const B = d.div`
   @media (max-width: ${u + "px"}) {
     max-width: unset;
   }
-`, W = d.div`
+`, W = p.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -76,25 +78,26 @@ const B = d.div`
     font-weight: 400;
     line-height: 1.25rem;
     letter-spacing: 0.0156rem;
-    ${k(3)}
+    ${v(3)}
   }
 `, b = C((r, m) => {
-  const { title: i, image: o, text: l, buttonText: c, onCardClick: s, metadata: n } = r, e = S(), a = (p) => {
-    s(p, e);
+  const { title: i, image: o, text: s, buttonText: g, onCardClick: d, metadata: n, link: e } = r, a = k(), c = (l) => {
+    d(l, a);
   };
   return /* @__PURE__ */ f(
     I,
     {
-      ref: e,
+      ref: a,
       name: n == null ? void 0 : n.name,
       "data-accessor": n == null ? void 0 : n.accessor,
       className: "blog-card",
-      onClick: a,
+      onClick: c,
+      href: `/${e}`,
       children: [
         /* @__PURE__ */ t(R, { src: o }),
         /* @__PURE__ */ f(W, { children: [
           /* @__PURE__ */ t("div", { className: "text-wr-title", children: i }),
-          /* @__PURE__ */ t("div", { className: "text-wr", children: l })
+          /* @__PURE__ */ t("div", { className: "text-wr", children: s })
         ] }),
         /* @__PURE__ */ t(
           $,
@@ -103,15 +106,15 @@ const B = d.div`
             color: "gray",
             type: "button",
             btnType: "outline",
-            onClick: a,
+            onClick: c,
             size: "medium",
-            children: c
+            children: g
           }
         )
       ]
     }
   );
-}), j = d(T)`
+}), j = p(T)`
   @media (max-width: ${u + "px"}) {
     flex-direction: column;
 
@@ -161,19 +164,19 @@ const B = d.div`
   isLoading: m = !1,
   fallbackComponent: i = /* @__PURE__ */ t(w, {}),
   children: o
-}) => /* @__PURE__ */ t(v, { fallbackComponent: i, children: m === !0 ? /* @__PURE__ */ t(z, { keyPrefix: r }) : o }), X = C((r, m) => {
+}) => /* @__PURE__ */ t(y, { fallbackComponent: i, children: m === !0 ? /* @__PURE__ */ t(z, { keyPrefix: r }) : o }), X = C((r, m) => {
   const {
     items: i,
     limit: o = 3,
-    onSelectCard: l = () => {
+    onSelectCard: s = () => {
     },
-    isLoading: c = !1,
-    componentName: s
-  } = r, n = y();
+    isLoading: g = !1,
+    componentName: d
+  } = r, n = S();
   return /* @__PURE__ */ t(
     M,
     {
-      isLoading: c,
+      isLoading: g,
       keyPrefix: "blogs-simple-centered-skeleton",
       children: /* @__PURE__ */ t(B, { ref: m, limit: o, children: /* @__PURE__ */ t(w, { children: n === !0 ? i == null ? void 0 : i.map((e, a) => /* @__PURE__ */ t(
         b,
@@ -182,8 +185,9 @@ const B = d.div`
           image: (e == null ? void 0 : e.image) || null,
           text: e == null ? void 0 : e.text,
           buttonText: e == null ? void 0 : e.buttonText,
-          onCardClick: (p, g) => l(e, g),
-          metadata: { name: s, accessor: e == null ? void 0 : e.accessor }
+          onCardClick: (c, l) => s(e, l),
+          metadata: { name: d, accessor: e == null ? void 0 : e.accessor },
+          link: e == null ? void 0 : e.link
         },
         a
       )) : i == null ? void 0 : i.slice(0, o).map((e, a) => /* @__PURE__ */ t(
@@ -193,8 +197,9 @@ const B = d.div`
           image: (e == null ? void 0 : e.image) || null,
           text: e == null ? void 0 : e.text,
           buttonText: e == null ? void 0 : e.buttonText,
-          onCardClick: (p, g) => l(e, g),
-          metadata: { name: s, accessor: e == null ? void 0 : e.accessor }
+          onCardClick: (c, l) => s(e, l),
+          metadata: { name: d, accessor: e == null ? void 0 : e.accessor },
+          link: e == null ? void 0 : e.link
         },
         a
       )) }) })

package/dist/BlogsSectionWithFilters.cjs

@@ -1,12 +1,14 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./consts-goSZX3xP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),b=require("./utils-RnrgDDZP.cjs"),W=require("./style-CkcozOY6.cjs"),T=require("./Button.cjs"),E=require("./Link.cjs"),I=require("./index-uwl7BjRF.cjs"),M=require("./index-CSNxZFTX.cjs"),n=require("./style-BAcV7F53.cjs"),P=j.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),b=require("./utils-RnrgDDZP.cjs"),W=require("./style-CkcozOY6.cjs"),T=require("./Button.cjs"),E=require("./Link.cjs"),I=require("./index-uwl7BjRF.cjs"),M=require("./index-CSNxZFTX.cjs"),s=require("./style-BAcV7F53.cjs"),P=j.styled.div`
   display: grid;
   grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,O=j.styled.div`
+`,O=j.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   width: 100%;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
@@ -37,7 +39,7 @@
     margin-top: auto;
   }
 
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
   }
 `,z=j.styled.div`
   display: flex;
@@ -56,8 +58,8 @@
     color: var(--gray-700, #4e555f);
     ${b.truncateTextInRows(3)}
   }
-`,D=a.forwardRef((r,m)=>{const{title:l,imageUrl:c,text:s,buttonText:u,onCardClick:d,metadata:i}=r,h=a.useRef(),p=g=>{d(g,h)};return t.jsxs(O,{ref:h,name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,className:"blog-card",onClick:p,children:[t.jsxs(z,{children:[t.jsx("div",{className:"text-wr-title",children:l}),t.jsx("div",{className:"text-wr",children:s}),t.jsx(E,{color:"gray",onClick:p,children:u})]}),t.jsx(I.ProductImageWrapper,{src:c})]})}),F=j.styled(n.SkeletonColumnWrapper)`
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+`,D=a.forwardRef((r,u)=>{const{title:l,imageUrl:c,text:n,buttonText:h,onCardClick:d,metadata:i,link:f}=r,p=a.useRef(),m=g=>{d(g,p)};return t.jsxs(O,{ref:p,name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,className:"blog-card",onClick:m,href:`/${f}`,children:[t.jsxs(z,{children:[t.jsx("div",{className:"text-wr-title",children:l}),t.jsx("div",{className:"text-wr",children:n}),t.jsx(E,{color:"gray",onClick:m,children:h})]}),t.jsx(I.ProductImageWrapper,{src:c})]})}),F=j.styled(s.SkeletonColumnWrapper)`
+  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
     & .skeleton__tags {
       & > div {
         width: 100%;
@@ -79,4 +81,4 @@
       }
     }
   }
-`,A=({keyPrefix:r})=>t.jsxs(F,{children:[t.jsxs(n.SkeletonRowWrapper,{className:"skeleton__tags",children:[t.jsx(n.SkeletonLinePlaceholder,{height:"2.25rem",width:"128px",borderRadius:"1rem"},`${r}-1`),t.jsx(n.SkeletonLinePlaceholder,{height:"2.25rem",width:"128px",borderRadius:"1rem"},`${r}-2`),t.jsx(n.SkeletonLinePlaceholder,{height:"2.25rem",width:"128px",borderRadius:"1rem"},`${r}-3`)]}),t.jsxs(n.SkeletonRowWrapper,{className:"skeleton__cards",children:[t.jsx(n.SkeletonLinePlaceholder,{height:"10.375rem",borderRadius:"0.75rem"},`${r}-4`),t.jsx(n.SkeletonLinePlaceholder,{height:"10.375rem",borderRadius:"0.75rem"},`${r}-5`),t.jsx(n.SkeletonLinePlaceholder,{height:"10.375rem",borderRadius:"0.75rem"},`${r}-6`)]})]}),U=({keyPrefix:r,isLoading:m=!1,fallbackComponent:l=t.jsx(t.Fragment,{}),children:c})=>t.jsx(a.Suspense,{fallbackComponent:l,children:m===!0?t.jsx(A,{keyPrefix:r}):c}),C=a.memo(D),X=a.forwardRef((r,m)=>{const{icon:l,title:c,items:s,buttonText:u,limit:d=3,options:i,selectedOption:h=[],onButtonAction:p=()=>{},buttonLink:g,onSelectOption:k=()=>{},onSelectAll:_=()=>{},isLoading:v=!1,onSelectCard:f=()=>{},productsToolbarName:$="All",allButton:N=!1,componentName:y}=r,R=L.useDetectMobile(),q=a.useMemo(()=>{var o;return t.jsx(t.Fragment,{children:R===!0?s==null?void 0:s.map((e,S)=>t.jsx(C,{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:(B,w)=>f(e,w),metadata:{name:y,accessor:e==null?void 0:e.accessor}},S)):(o=s==null?void 0:s.slice(0,d))==null?void 0:o.map((e,S)=>t.jsx(C,{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:(B,w)=>f(e,w),metadata:{name:y,accessor:e==null?void 0:e.accessor}},S))})},[s,R,d,f]);return t.jsxs(W.TitleWithOptionsSectionWrapper,{ref:m,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[b.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l}),t.jsx("span",{children:c})]}),b.isDefinedNotEmptyString(u)&&b.isDefinedNotEmptyString(g)&&!v&&t.jsx(T,{type:"button",btnType:"tinted",color:"neutral",onClick:o=>{var e;(e=o==null?void 0:o.target)==null||e.blur(),p(g)},borderRadius:"curved",children:u})]}),t.jsxs(U,{isLoading:v,keyPrefix:"blogs-with-filters-skeleton",children:[(i==null?void 0:i.length)>0&&t.jsx(M.SelectBar,{items:i,selectedIds:h,onRemove:o=>{k(o)},onSelect:o=>{k(o)},onSelectAll:_,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:$,allButton:N}),t.jsx(P,{limit:d,children:q})]})]})});module.exports=X;
+`,A=({keyPrefix:r})=>t.jsxs(F,{children:[t.jsxs(s.SkeletonRowWrapper,{className:"skeleton__tags",children:[t.jsx(s.SkeletonLinePlaceholder,{height:"2.25rem",width:"128px",borderRadius:"1rem"},`${r}-1`),t.jsx(s.SkeletonLinePlaceholder,{height:"2.25rem",width:"128px",borderRadius:"1rem"},`${r}-2`),t.jsx(s.SkeletonLinePlaceholder,{height:"2.25rem",width:"128px",borderRadius:"1rem"},`${r}-3`)]}),t.jsxs(s.SkeletonRowWrapper,{className:"skeleton__cards",children:[t.jsx(s.SkeletonLinePlaceholder,{height:"10.375rem",borderRadius:"0.75rem"},`${r}-4`),t.jsx(s.SkeletonLinePlaceholder,{height:"10.375rem",borderRadius:"0.75rem"},`${r}-5`),t.jsx(s.SkeletonLinePlaceholder,{height:"10.375rem",borderRadius:"0.75rem"},`${r}-6`)]})]}),U=({keyPrefix:r,isLoading:u=!1,fallbackComponent:l=t.jsx(t.Fragment,{}),children:c})=>t.jsx(a.Suspense,{fallbackComponent:l,children:u===!0?t.jsx(A,{keyPrefix:r}):c}),C=a.memo(D),X=a.forwardRef((r,u)=>{const{icon:l,title:c,items:n,buttonText:h,limit:d=3,options:i,selectedOption:f=[],onButtonAction:p=()=>{},buttonLink:m,onSelectOption:g=()=>{},onSelectAll:_=()=>{},isLoading:v=!1,onSelectCard:y=()=>{},productsToolbarName:$="All",allButton:N=!1,componentName:x}=r,R=L.useDetectMobile(),q=a.useMemo(()=>{var o;return t.jsx(t.Fragment,{children:R===!0?n==null?void 0:n.map((e,S)=>t.jsx(C,{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:(B,k)=>y(e,k),metadata:{name:x,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link},S)):(o=n==null?void 0:n.slice(0,d))==null?void 0:o.map((e,S)=>t.jsx(C,{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:(B,k)=>y(e,k),metadata:{name:x,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link},S))})},[n,R,d]);return t.jsxs(W.TitleWithOptionsSectionWrapper,{ref:u,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[b.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l}),t.jsx("span",{children:c})]}),b.isDefinedNotEmptyString(h)&&b.isDefinedNotEmptyString(m)&&!v&&t.jsx(T,{type:"button",btnType:"tinted",color:"neutral",onClick:o=>{var e;(e=o==null?void 0:o.target)==null||e.blur(),p(m)},borderRadius:"curved",children:h})]}),t.jsxs(U,{isLoading:v,keyPrefix:"blogs-with-filters-skeleton",children:[(i==null?void 0:i.length)>0&&t.jsx(M.SelectBar,{items:i,selectedIds:f,onRemove:o=>{g(o)},onSelect:o=>{g(o)},onSelectAll:_,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:$,allButton:N}),t.jsx(P,{limit:d,children:q})]})]})});module.exports=X;

package/dist/BlogsSectionWithFilters.js

@@ -1,9 +1,9 @@
-import { jsxs as n, jsx as t, Fragment as B } from "react/jsx-runtime";
-import { forwardRef as _, useRef as F, Suspense as O, memo as j, useMemo as A } from "react";
+import { jsxs as n, jsx as t, Fragment as y } from "react/jsx-runtime";
+import { forwardRef as B, useRef as F, Suspense as O, memo as j, useMemo as A } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as k } from "./consts-BuFChS64.js";
+import { M as v } from "./consts-BuFChS64.js";
 import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as U, k as v } from "./utils-Dc5zIpaz.js";
+import { o as U, k as S } from "./utils-Dc5zIpaz.js";
 import { T as D } from "./style-C7FUSHmS.js";
 import K from "./Button.js";
 import G from "./Link.js";
@@ -15,10 +15,12 @@ const Z = f.div`
   grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${v + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, q = f.div`
+`, q = f.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   width: 100%;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
@@ -49,7 +51,7 @@ const Z = f.div`
     margin-top: auto;
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${v + "px"}) {
   }
 `, J = f.div`
   display: flex;
@@ -68,30 +70,31 @@ const Z = f.div`
     color: var(--gray-700, #4e555f);
     ${U(3)}
   }
-`, Q = _((r, c) => {
-  const { title: l, imageUrl: d, text: a, buttonText: p, onCardClick: m, metadata: o } = r, h = F(), u = (g) => {
-    m(g, h);
+`, Q = B((r, p) => {
+  const { title: l, imageUrl: d, text: a, buttonText: h, onCardClick: m, metadata: o, link: b } = r, u = F(), c = (g) => {
+    m(g, u);
   };
   return /* @__PURE__ */ n(
     q,
     {
-      ref: h,
+      ref: u,
       name: o == null ? void 0 : o.name,
       "data-accessor": o == null ? void 0 : o.accessor,
       className: "blog-card",
-      onClick: u,
+      onClick: c,
+      href: `/${b}`,
       children: [
         /* @__PURE__ */ n(J, { children: [
           /* @__PURE__ */ t("div", { className: "text-wr-title", children: l }),
           /* @__PURE__ */ t("div", { className: "text-wr", children: a }),
-          /* @__PURE__ */ t(G, { color: "gray", onClick: u, children: p })
+          /* @__PURE__ */ t(G, { color: "gray", onClick: c, children: h })
         ] }),
         /* @__PURE__ */ t(H, { src: d })
       ]
     }
   );
 }), V = f(X)`
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${v + "px"}) {
     & .skeleton__tags {
       & > div {
         width: 100%;
@@ -171,42 +174,43 @@ const Z = f.div`
   ] })
 ] }), x = ({
   keyPrefix: r,
-  isLoading: c = !1,
-  fallbackComponent: l = /* @__PURE__ */ t(B, {}),
+  isLoading: p = !1,
+  fallbackComponent: l = /* @__PURE__ */ t(y, {}),
   children: d
-}) => /* @__PURE__ */ t(O, { fallbackComponent: l, children: c === !0 ? /* @__PURE__ */ t(Y, { keyPrefix: r }) : d }), W = j(Q), pe = _((r, c) => {
+}) => /* @__PURE__ */ t(O, { fallbackComponent: l, children: p === !0 ? /* @__PURE__ */ t(Y, { keyPrefix: r }) : d }), W = j(Q), pe = B((r, p) => {
   const {
     icon: l,
     title: d,
     items: a,
-    buttonText: p,
+    buttonText: h,
     limit: m = 3,
     options: o,
-    selectedOption: h = [],
+    selectedOption: b = [],
     onButtonAction: u = () => {
     },
-    buttonLink: g,
-    onSelectOption: C = () => {
+    buttonLink: c,
+    onSelectOption: g = () => {
     },
-    onSelectAll: y = () => {
+    onSelectAll: _ = () => {
     },
-    isLoading: R = !1,
-    onSelectCard: b = () => {
+    isLoading: C = !1,
+    onSelectCard: R = () => {
     },
     productsToolbarName: M = "All",
     allButton: z = !1,
-    componentName: T
-  } = r, $ = E(), I = A(() => {
+    componentName: $
+  } = r, T = E(), I = A(() => {
     var i;
-    return /* @__PURE__ */ t(B, { children: $ === !0 ? a == null ? void 0 : a.map((e, w) => /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(y, { children: T === !0 ? a == null ? void 0 : a.map((e, w) => /* @__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: (L, S) => b(e, S),
-        metadata: { name: T, accessor: e == null ? void 0 : e.accessor }
+        onCardClick: (L, k) => R(e, k),
+        metadata: { name: $, accessor: e == null ? void 0 : e.accessor },
+        link: e == null ? void 0 : e.link
       },
       w
     )) : (i = a == null ? void 0 : a.slice(0, m)) == null ? void 0 : i.map((e, w) => /* @__PURE__ */ t(
@@ -216,19 +220,20 @@ const Z = f.div`
         imageUrl: (e == null ? void 0 : e.image) || null,
         text: e == null ? void 0 : e.text,
         buttonText: e == null ? void 0 : e.buttonText,
-        onCardClick: (L, S) => b(e, S),
-        metadata: { name: T, accessor: e == null ? void 0 : e.accessor }
+        onCardClick: (L, k) => R(e, k),
+        metadata: { name: $, accessor: e == null ? void 0 : e.accessor },
+        link: e == null ? void 0 : e.link
       },
       w
     )) });
-  }, [a, $, m, b]);
-  return /* @__PURE__ */ n(D, { ref: c, children: [
+  }, [a, T, m]);
+  return /* @__PURE__ */ n(D, { ref: p, children: [
     /* @__PURE__ */ n("div", { className: "regular-title", children: [
       /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
-        v(l) && /* @__PURE__ */ t("i", { className: l }),
+        S(l) && /* @__PURE__ */ t("i", { className: l }),
         /* @__PURE__ */ t("span", { children: d })
       ] }),
-      v(p) && v(g) && !R && /* @__PURE__ */ t(
+      S(h) && S(c) && !C && /* @__PURE__ */ t(
         K,
         {
           type: "button",
@@ -236,31 +241,31 @@ const Z = f.div`
           color: "neutral",
           onClick: (i) => {
             var e;
-            (e = i == null ? void 0 : i.target) == null || e.blur(), u(g);
+            (e = i == null ? void 0 : i.target) == null || e.blur(), u(c);
           },
           borderRadius: "curved",
-          children: p
+          children: h
         }
       )
     ] }),
     /* @__PURE__ */ n(
       x,
       {
-        isLoading: R,
+        isLoading: C,
         keyPrefix: "blogs-with-filters-skeleton",
         children: [
           (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t(
             P,
             {
               items: o,
-              selectedIds: h,
+              selectedIds: b,
               onRemove: (i) => {
-                C(i);
+                g(i);
               },
               onSelect: (i) => {
-                C(i);
+                g(i);
               },
-              onSelectAll: y,
+              onSelectAll: _,
               labelKey: "name",
               valueKey: "code",
               noMargin: !0,

package/dist/BrandHitsSection.cjs

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

package/dist/BrandHitsSection.js

@@ -1,10 +1,12 @@
-import { jsx as e, jsxs as o, Fragment as g } from "react/jsx-runtime";
-import { forwardRef as h, Suspense as w } from "react";
-import { l as _ } from "./utils-Dc5zIpaz.js";
-import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as d } from "./consts-BuFChS64.js";
-import { a as f, b as m } from "./style-CXMUA6cI.js";
-const u = s.div`
+import { jsx as e, jsxs as s, Fragment as _ } from "react/jsx-runtime";
+import { forwardRef as c, Suspense as f } from "react";
+import { l as u } from "./utils-Dc5zIpaz.js";
+import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as l } from "./consts-BuFChS64.js";
+import { a as x, b as p } from "./style-CXMUA6cI.js";
+const $ = h.a`
+  text-decoration: none;
+  color: var(--gray-950);
   width: 7.5rem;
   height: auto;
   max-height: 7.5rem;
@@ -18,7 +20,7 @@ const u = s.div`
     height: auto;
   }
 
-  @media (max-width: ${d + "px"}) {
+  @media (max-width: ${l + "px"}) {
     width: 4.5rem;
     height: auto;
     max-height: 4.5rem;
@@ -28,9 +30,9 @@ const u = s.div`
       height: auto;
     }
   }
-`, x = h(
-  ({ imageComponent: r, image: i, onSelectCard: a }, n) => /* @__PURE__ */ e(u, { ref: n, children: _(r) ? r : /* @__PURE__ */ e("img", { src: i, className: "wrapper__image", onClick: a }) })
-), v = s.div`
+`, v = c(
+  ({ imageComponent: r, image: i, onSelectCard: t, urlPrefix: n, urlSufix: o, code: d }, m) => /* @__PURE__ */ e($, { ref: m, onClick: t, href: `${n}${d}${o}`, children: u(r) ? r : /* @__PURE__ */ e("img", { src: i, className: "wrapper__image" }) })
+), b = h.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -79,7 +81,7 @@ const u = s.div`
     }
   }
 
-  @media (max-width: ${d + "px"}) {
+  @media (max-width: ${l + "px"}) {
     & .wrapper__content {
       align-content: center;
       gap: 1rem;
@@ -90,14 +92,14 @@ const u = s.div`
       }
     }
   }
-`, b = s(f)`
-  @media (max-width: ${d + "px"}) {
+`, y = h(x)`
+  @media (max-width: ${l + "px"}) {
     gap: 1rem;
     flex-wrap: wrap;
   }
-`, $ = ({ keyPrefix: r }) => /* @__PURE__ */ o(b, { justifyContent: "center", alignItems: "center", gap: "3rem", children: [
+`, R = ({ keyPrefix: r }) => /* @__PURE__ */ s(y, { justifyContent: "center", alignItems: "center", gap: "3rem", children: [
   /* @__PURE__ */ e(
-    m,
+    p,
     {
       height: "4rem",
       width: "7.5rem",
@@ -106,7 +108,7 @@ const u = s.div`
     `${r}-1`
   ),
   /* @__PURE__ */ e(
-    m,
+    p,
     {
       height: "4rem",
       width: "7.5rem",
@@ -115,7 +117,7 @@ const u = s.div`
     `${r}-2`
   ),
   /* @__PURE__ */ e(
-    m,
+    p,
     {
       height: "4rem",
       width: "7.5rem",
@@ -124,7 +126,7 @@ const u = s.div`
     `${r}-3`
   ),
   /* @__PURE__ */ e(
-    m,
+    p,
     {
       height: "4rem",
       width: "7.5rem",
@@ -133,7 +135,7 @@ const u = s.div`
     `${r}-4`
   ),
   /* @__PURE__ */ e(
-    m,
+    p,
     {
       height: "4rem",
       width: "7.5rem",
@@ -141,37 +143,40 @@ const u = s.div`
     },
     `${r}-5`
   )
-] }), y = ({
+] }), N = ({
   keyPrefix: r,
   isLoading: i = !1,
-  fallbackComponent: a = /* @__PURE__ */ e(g, {}),
+  fallbackComponent: t = /* @__PURE__ */ e(_, {}),
   children: n
-}) => /* @__PURE__ */ e(w, { fallbackComponent: a, children: i === !0 ? /* @__PURE__ */ e($, { keyPrefix: r }) : n }), I = h(
-  ({ title: r, subtitle: i, items: a = [], isLoading: n = !1, onSelectCard: p = () => {
-  } }, l) => /* @__PURE__ */ o(v, { ref: l, children: [
-    /* @__PURE__ */ o("div", { className: "wrapper__heading", children: [
+}) => /* @__PURE__ */ e(f, { fallbackComponent: t, children: i === !0 ? /* @__PURE__ */ e(R, { keyPrefix: r }) : n }), k = c(
+  ({ title: r, subtitle: i, items: t = [], isLoading: n = !1, onSelectCard: o = () => {
+  }, urlPrefix: d, urlSufix: m }, g) => /* @__PURE__ */ s(b, { ref: g, children: [
+    /* @__PURE__ */ s("div", { className: "wrapper__heading", children: [
       r && /* @__PURE__ */ e("div", { className: "wrapper__title", children: r }),
       i && /* @__PURE__ */ e("div", { className: "wrapper__subtitle", children: i })
     ] }),
     /* @__PURE__ */ e(
-      y,
+      N,
       {
         isLoading: n,
         keyPrefix: "brand-hits-skeleton",
-        children: /* @__PURE__ */ e("div", { className: "wrapper__content", children: a == null ? void 0 : a.map((t, c) => /* @__PURE__ */ e(
-          x,
+        children: /* @__PURE__ */ e("div", { className: "wrapper__content", children: t == null ? void 0 : t.map((a, w) => /* @__PURE__ */ e(
+          v,
           {
-            image: t == null ? void 0 : t.image,
-            imageComponent: t == null ? void 0 : t.imageComponent,
-            onSelectCard: () => p == null ? void 0 : p(t),
-            className: "wrapper__item"
+            image: a == null ? void 0 : a.image,
+            imageComponent: a == null ? void 0 : a.imageComponent,
+            onSelectCard: () => o == null ? void 0 : o(a),
+            className: "wrapper__item",
+            urlPrefix: d,
+            urlSufix: m,
+            code: a == null ? void 0 : a.card
           },
-          `brand-hit-card__${c + 1}`
+          `brand-hit-card__${w + 1}`
         )) })
       }
     )
   ] })
 );
 export {
-  I as default
+  k as default
 };

package/dist/{CategorySimpleCard-BNYjZQTH.cjs → CategorySimpleCard-D5N8cx0Z.cjs}

@@ -1,4 +1,5 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-RnrgDDZP.cjs"),m=require("./consts-goSZX3xP.cjs"),h=d.styled.div`
+"use strict";const e=require("react/jsx-runtime"),h=require("react"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-RnrgDDZP.cjs"),x=require("./consts-goSZX3xP.cjs"),g=l.styled.a`
+  text-decoration: none;
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -34,7 +35,7 @@
     max-height: 8.25rem;
   }
 
-  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
     min-width: 8.75rem;
     max-width: 8.75rem;
 
@@ -44,4 +45,4 @@
       max-height: 5.375rem;
     }
   }
-`,g=c.forwardRef((t,i)=>{const{uuid:a,image:n,name:o,onSelectCard:s=()=>{}}=t;return e.jsxs(h,{ref:i,className:"simple-category-card",onClick:()=>s(a),children:[e.jsx("img",{src:n}),e.jsx("div",{className:"card-content",children:e.jsx("div",{className:"card-content-2",children:o})})]})});exports.CategorySimpleCard=g;
+`,u=h.forwardRef((t,i)=>{const{image:a,name:o,urlPrefix:n,urlSufix:s,code:c,uuid:d,onSelectCard:m=()=>{}}=t;return e.jsxs(g,{ref:i,className:"simple-category-card",onClick:()=>m(d),href:`${n}${c}${s}`,children:[e.jsx("img",{src:a}),e.jsx("div",{className:"card-content",children:e.jsx("div",{className:"card-content-2",children:o})})]})});exports.CategorySimpleCard=u;