@lanaco/lnc-react-ui 4.0.195 → 4.0.196

package/dist/Accordion.js

@@ -2,7 +2,7 @@ import { jsxs as N } from "react/jsx-runtime";
 import { forwardRef as O, useState as x, Children as i, isValidElement as c, cloneElement as f } from "react";
 import { P as o } from "./index-CblbdqjE.js";
 import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as R, c as S, h as T } from "./utils-Dc5zIpaz.js";
+import { b as R, c as S, h as T } from "./utils-DtEfC-TX.js";
 import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as P } from "./useUpdateEffect-CuYWz7EA.js";
 const M = D.div`

package/dist/AccordionSummary.js

@@ -3,7 +3,7 @@ import { forwardRef as C } from "react";
 import { P as o } from "./index-CblbdqjE.js";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import h from "./Icon.js";
-import { b as x } from "./utils-Dc5zIpaz.js";
+import { b as x } from "./utils-DtEfC-TX.js";
 import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const N = {
   small: "0.6rem 1rem",

package/dist/ActionsToolbar.js

@@ -6,7 +6,7 @@ import Z from "./DropdownMenu.js";
 import i from "./DropdownItem.js";
 import q from "./Separator.js";
 import b from "./Button.js";
-import { b as m } from "./utils-Dc5zIpaz.js";
+import { b as m } from "./utils-DtEfC-TX.js";
 import { useTheme as F } from "./ThemeProvider.js";
 const G = V.div`
   display: flex;

package/dist/Alert.js

@@ -3,7 +3,7 @@ import { forwardRef as y, cloneElement as x } from "react";
 import { P as r } from "./index-CblbdqjE.js";
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { useTheme as N } from "./ThemeProvider.js";
-import { c as A, a as $, b as o, g as m } from "./utils-Dc5zIpaz.js";
+import { c as A, a as $, b as o, g as m } from "./utils-DtEfC-TX.js";
 import s from "./Icon.js";
 const T = w.div`
   min-height: 3rem;

package/dist/Avatar.js

@@ -2,7 +2,7 @@ import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
 import { P as i } from "./index-CblbdqjE.js";
 import { s as U } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { a as y, d as t, h as $, b as v } from "./utils-Dc5zIpaz.js";
+import { a as y, d as t, h as $, b as v } from "./utils-DtEfC-TX.js";
 import w from "./Icon.js";
 import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const x = U.div`

package/dist/Badge.js

@@ -2,7 +2,7 @@ import { jsx as h } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { P as r } from "./index-CblbdqjE.js";
 import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as p, b as o, a as z } from "./utils-Dc5zIpaz.js";
+import { c as p, b as o, a as z } from "./utils-DtEfC-TX.js";
 import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const a = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", B = b.div`
   ${(e) => p(e.theme, "Badge", e.size, "enabled")};

package/dist/BannerNextSection.cjs

@@ -0,0 +1,104 @@
+"use strict";const e=require("react/jsx-runtime"),g=require("react"),h=require("./Button.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./utils-RnrgDDZP.cjs"),x=require("./consts-goSZX3xP.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=_.styled.div`
+  display: flex;
+  align-items: center;
+
+  border-radius: 0.75rem;
+  border: 1px solid var(--gray-95008);
+
+  background: ${i=>i==null?void 0:i.backgroundColor};
+
+  /* drop-shadow */
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
+
+  & .section__left {
+    width: 100%;
+
+    & .section__image {
+      height: 100%;
+
+      & img {
+        height: 100%;
+        max-height: 11.25rem;
+        border-top-left-radius: 0.75rem;
+        border-bottom-left-radius: 0.75rem;
+      }
+    }
+  }
+
+  & .section__right {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    gap: 2rem;
+    padding: 2rem;
+
+    & .section__text {
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem;
+
+      & .section__title {
+        ${a.truncateTextInRows(3)}
+        color: #000;
+        font-weight: 600;
+        font-size: 1.75rem;
+        leading-trim: none;
+        line-height: 2.25rem;
+        letter-spacing: 0%;
+        max-height: 7rem;
+      }
+
+      & .section__description {
+        ${a.truncateTextInRows(2)}
+        color: var(--gray-600, #676e79);
+        font-weight: 500;
+        font-size: 0.875rem;
+        leading-trim: none;
+        line-height: 1.25rem;
+        letter-spacing: 0;
+        max-height: 2.5rem;
+      }
+    }
+
+    & .section__action {
+      font-weight: 500;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: -0.0056rem;
+      white-space: nowrap;
+
+      background: var(--gray-950, #14161a);
+      color: var(--white, #fff);
+
+      &:hover {
+        background: var(--gray-700, #4e555f);
+      }
+
+      &:focus {
+        outline: none;
+      }
+    }
+  }
+
+  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+    flex-direction: column;
+
+    & .section__left {
+      & .section__image {
+        & img {
+          width: 100%;
+          height: 100%;
+          max-height: 100%;
+          border-top-left-radius: 0;
+          border-bottom-left-radius: 0;
+        }
+      }
+    }
+
+    & .section__right {
+      flex-direction: column;
+    }
+  }
+`,p=g.forwardRef(({title:i,description:r,imageUrl:o,backgroundColor:c="white",buttonText:n,buttonLink:s,onButtonAction:d=()=>{}},l)=>{const m=u.useTheme();return e.jsxs(f,{ref:l,theme:m,backgroundColor:c,children:[e.jsx("div",{className:"section__left",children:o&&e.jsx("div",{className:"section__image",children:e.jsx("img",{src:o,alt:"Banner next image",loading:"lazy"})})}),e.jsxs("div",{className:"section__right",children:[e.jsxs("div",{className:"section__text",children:[i&&e.jsx("div",{className:"section__title",children:i}),r&&e.jsx("div",{className:"section__description",children:r})]}),n&&s&&e.jsx(h,{text:n,borderRadius:"curved",className:"section__action",size:"medium",onClick:t=>{t==null||t.stopPropagation(),d(s)}})]})]})});module.exports=p;

package/dist/BannerNextSection.js

@@ -0,0 +1,148 @@
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import _ from "./Button.js";
+import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { m } from "./utils-DtEfC-TX.js";
+import { M as p } from "./consts-BuFChS64.js";
+import { u as x } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const u = f.div`
+  display: flex;
+  align-items: center;
+
+  border-radius: 0.75rem;
+  border: 1px solid var(--gray-95008);
+
+  background: ${(e) => e == null ? void 0 : e.backgroundColor};
+
+  /* drop-shadow */
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
+
+  & .section__left {
+    width: 100%;
+
+    & .section__image {
+      height: 100%;
+
+      & img {
+        height: 100%;
+        max-height: 11.25rem;
+        border-top-left-radius: 0.75rem;
+        border-bottom-left-radius: 0.75rem;
+      }
+    }
+  }
+
+  & .section__right {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    gap: 2rem;
+    padding: 2rem;
+
+    & .section__text {
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem;
+
+      & .section__title {
+        ${m(3)}
+        color: #000;
+        font-weight: 600;
+        font-size: 1.75rem;
+        leading-trim: none;
+        line-height: 2.25rem;
+        letter-spacing: 0%;
+        max-height: 7rem;
+      }
+
+      & .section__description {
+        ${m(2)}
+        color: var(--gray-600, #676e79);
+        font-weight: 500;
+        font-size: 0.875rem;
+        leading-trim: none;
+        line-height: 1.25rem;
+        letter-spacing: 0;
+        max-height: 2.5rem;
+      }
+    }
+
+    & .section__action {
+      font-weight: 500;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: -0.0056rem;
+      white-space: nowrap;
+
+      background: var(--gray-950, #14161a);
+      color: var(--white, #fff);
+
+      &:hover {
+        background: var(--gray-700, #4e555f);
+      }
+
+      &:focus {
+        outline: none;
+      }
+    }
+  }
+
+  @media (max-width: ${p + "px"}) {
+    flex-direction: column;
+
+    & .section__left {
+      & .section__image {
+        & img {
+          width: 100%;
+          height: 100%;
+          max-height: 100%;
+          border-top-left-radius: 0;
+          border-bottom-left-radius: 0;
+        }
+      }
+    }
+
+    & .section__right {
+      flex-direction: column;
+    }
+  }
+`, B = h(
+  ({
+    title: e,
+    description: o,
+    imageUrl: n,
+    backgroundColor: c = "white",
+    buttonText: a,
+    buttonLink: s,
+    onButtonAction: d = () => {
+    }
+  }, l) => {
+    const g = x();
+    return /* @__PURE__ */ r(u, { ref: l, theme: g, backgroundColor: c, children: [
+      /* @__PURE__ */ i("div", { className: "section__left", children: n && /* @__PURE__ */ i("div", { className: "section__image", children: /* @__PURE__ */ i("img", { src: n, alt: "Banner next image", loading: "lazy" }) }) }),
+      /* @__PURE__ */ r("div", { className: "section__right", children: [
+        /* @__PURE__ */ r("div", { className: "section__text", children: [
+          e && /* @__PURE__ */ i("div", { className: "section__title", children: e }),
+          o && /* @__PURE__ */ i("div", { className: "section__description", children: o })
+        ] }),
+        a && s && /* @__PURE__ */ i(
+          _,
+          {
+            text: a,
+            borderRadius: "curved",
+            className: "section__action",
+            size: "medium",
+            onClick: (t) => {
+              t == null || t.stopPropagation(), d(s);
+            }
+          }
+        )
+      ] })
+    ] });
+  }
+);
+export {
+  B as default
+};

package/dist/BannerSectionCarousel.js

@@ -4,7 +4,7 @@ import { c as G, g as gt } from "./_commonjsHelpers-BkfeUUK-.js";
 import St from "./Button.js";
 import { u as yt } from "./useDetectMobile-Bkvj0VMa.js";
 import { s as lt } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { S as Tt, b as wt } from "./style-CXMUA6cI.js";
+import { b as Tt, a as wt } from "./style-BwQ4djFC.js";
 import { M as bt } from "./consts-BuFChS64.js";
 var K = {}, Z = {}, m = {}, B = {};
 (function(o) {

package/dist/BannerSectionSimple.js

@@ -4,7 +4,7 @@ import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as n } from "./consts-BuFChS64.js";
 import k from "./Button.js";
 import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
-import { l as B } from "./utils-Dc5zIpaz.js";
+import { l as B } from "./utils-DtEfC-TX.js";
 const I = o.div`
   display: flex;
   border-radius: 0.75rem;

package/dist/BannerSectionWithList.js

@@ -3,7 +3,7 @@ import { forwardRef as p, Fragment as u } from "react";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as s } from "./consts-BuFChS64.js";
 import x from "./Button.js";
-import { l as n } from "./utils-Dc5zIpaz.js";
+import { l as n } from "./utils-DtEfC-TX.js";
 const y = m.div`
   padding-bottom: 1.38rem;
   text-align: center;

package/dist/BlogCardsSponsoredSection.js

@@ -1,13 +1,13 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { forwardRef as z, useRef as I, memo as R, useMemo as B } from "react";
-import { o as S, q as C, s as O, v as N, k as b } from "./utils-Dc5zIpaz.js";
+import { m as S, q as C, s as O, v as N, k as b } from "./utils-DtEfC-TX.js";
 import v from "./Icon.js";
-import { B as U } from "./style-C7FUSHmS.js";
-import { P as M } from "./index-C_NnINik.js";
+import { B as U } from "./style-Cmlod7oq.js";
+import { P as M } from "./index-B22BZVBG.js";
 import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as k } from "./consts-BuFChS64.js";
 import P from "./Button.js";
-import { S as T } from "./index-BSpdEGFd.js";
+import { S as T } from "./index-BC2PHcI1.js";
 const E = $.a`
   text-decoration: none;
   color: var(--gray-950);

package/dist/BlogCategoryCardsSection.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { memo as g, forwardRef as l, useMemo as t } from "react";
-import { C as u } from "./CategorySimpleCard-CEzArySG.js";
+import { C as u } from "./CategorySimpleCard-Em84kZzQ.js";
 import { W as f } from "./style-tw6KjI2J.js";
 const n = g(u), M = l(
   ({

package/dist/BlogExploreSection.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as n, Fragment as j } from "react/jsx-runtime";
 import { forwardRef as V, useRef as oe, useState as le, useEffect as se, Fragment as de } from "react";
 import { u as me } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as _e, q as he } from "./utils-Dc5zIpaz.js";
+import { m as _e, q as he } from "./utils-DtEfC-TX.js";
 import fe from "./TextInput.js";
 import z from "./Icon.js";
 import ue from "./Link.js";
@@ -11,7 +11,7 @@ import E from "./DropdownItem.js";
 import { F as ve } from "./tag-BtS5lWJ0.js";
 import pe from "./BlogProductCardsSection.js";
 import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as ge } from "./index-C_NnINik.js";
+import { P as ge } from "./index-B22BZVBG.js";
 import F from "./BlogListSection.js";
 import { M as xe } from "./consts-BuFChS64.js";
 const we = q.div`

package/dist/BlogListSection.js

@@ -2,12 +2,12 @@ import { jsxs as t, jsx as e, Fragment as w } from "react/jsx-runtime";
 import { forwardRef as z, useRef as D, cloneElement as E, Suspense as M, memo as P, useMemo as U } from "react";
 import I from "./Icon.js";
 import j from "./IconButton.js";
-import { o as q, q as A, s as F, v as L, l as X } from "./utils-Dc5zIpaz.js";
-import { P as Z } from "./index-C_NnINik.js";
-import { B as H } from "./style-C7FUSHmS.js";
+import { m as q, q as A, s as F, v as L, l as X } from "./utils-DtEfC-TX.js";
+import { P as Z } from "./index-B22BZVBG.js";
+import { B as H } from "./style-Cmlod7oq.js";
 import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as T } from "./consts-BuFChS64.js";
-import { S as s, a as l, c as g, b as i } from "./style-CXMUA6cI.js";
+import { b as s, S as l, c as g, a as i } from "./style-BwQ4djFC.js";
 const J = S.a`
   text-decoration: none;
   color: var(--gray-950);

package/dist/BlogProductCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { memo as N, forwardRef as M, useMemo as P } from "react";
 import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as w } from "./index-BB63Jo6p.js";
+import { S as w } from "./index-u_XFwsvc.js";
 import y from "./Button.js";
 import { W as U } from "./style-tw6KjI2J.js";
 const j = N(w), L = M(

package/dist/BlogShopCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as g } from "react/jsx-runtime";
 import { memo as b, forwardRef as _, useMemo as w } from "react";
 import { u as v } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as M } from "./index-9inVkeN6.js";
+import { S as M } from "./index-D-86mDtn.js";
 import C from "./Button.js";
 import { W as N } from "./style-tw6KjI2J.js";
 const S = b(M), L = _(

package/dist/BlogSingleSection.js

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import { Suspense as g, forwardRef as d } from "react";
-import { B as u } from "./index-DMHtIdm-.js";
-import { S as f, b as p } from "./style-CXMUA6cI.js";
+import { B as u } from "./index-Cm414y95.js";
+import { b as f, a as p } from "./style-BwQ4djFC.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as S } from "./consts-BuFChS64.js";
 const h = c(f)`

package/dist/BlogsSectionDetailed.js

@@ -3,11 +3,11 @@ import { forwardRef as T, useRef as $, memo as A, useMemo as z } from "react";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as L } from "./consts-BuFChS64.js";
 import { u as D } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as M, s as j, q as I, v as S, k as N } from "./utils-Dc5zIpaz.js";
-import { B as P, R as U } from "./style-C7FUSHmS.js";
+import { m as M, s as j, q as I, v as S, k as N } from "./utils-DtEfC-TX.js";
+import { B as P, R as U } from "./style-Cmlod7oq.js";
 import W from "./Button.js";
-import { P as E } from "./index-C_NnINik.js";
-import { S as _ } from "./index-BovNbKxB.js";
+import { P as E } from "./index-B22BZVBG.js";
+import { S as _ } from "./index-CBMsUFkS.js";
 const q = C.div`
   display: grid;
   grid-template-columns: ${(l) => `repeat(${l.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionLarge.js

@@ -1,20 +1,20 @@
 import { jsxs as L, jsx as t, Fragment as f } from "react/jsx-runtime";
 import { Suspense as B, memo as M, forwardRef as $, useMemo as w } from "react";
 import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as b } from "./consts-BuFChS64.js";
+import { M as h } from "./consts-BuFChS64.js";
 import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
-import { B as T } from "./index-DMHtIdm-.js";
-import { a as U, b as g } from "./style-CXMUA6cI.js";
+import { B as T } from "./index-Cm414y95.js";
+import { S as U, a as g } from "./style-BwQ4djFC.js";
 const I = S.div`
   display: grid;
   grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${h + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
 `, P = S(U)`
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${h + "px"}) {
     flex-direction: column;
 
     & > div {
@@ -56,7 +56,7 @@ const I = S.div`
     onSelectCard: i = () => {
     },
     limit: l = 2,
-    isLoading: h = !1,
+    isLoading: b = !1,
     getImage: m = () => {
     },
     componentName: d,
@@ -91,7 +91,7 @@ const I = S.div`
   return /* @__PURE__ */ t(
     v,
     {
-      isLoading: h,
+      isLoading: b,
       keyPrefix: "blogs-large-skeleton",
       children: /* @__PURE__ */ t(I, { ref: a, limit: l, children: C })
     }

package/dist/BlogsSectionSimple.js

@@ -3,12 +3,12 @@ import { forwardRef as C, useRef as $, memo as L, useMemo as I } from "react";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as B } from "./consts-BuFChS64.js";
 import { u as P } from "./useDetectMobile-Bkvj0VMa.js";
-import { w as U, o as W, k as v } from "./utils-Dc5zIpaz.js";
-import { B as z, R as j } from "./style-C7FUSHmS.js";
+import { w as U, m as W, k as v } from "./utils-DtEfC-TX.js";
+import { B as z, R as j } from "./style-Cmlod7oq.js";
 import D from "./Button.js";
 import E from "./Link.js";
-import { P as A } from "./index-C_NnINik.js";
-import { S as G } from "./index-BovNbKxB.js";
+import { P as A } from "./index-B22BZVBG.js";
+import { S as G } from "./index-CBMsUFkS.js";
 const _ = y.div`
   display: grid;
   grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionSimpleCentered.js

@@ -1,12 +1,12 @@
 import { jsxs as u, jsx as t, Fragment as C } from "react/jsx-runtime";
-import { forwardRef as k, useRef as S, Suspense as v } from "react";
+import { forwardRef as k, useRef as y, Suspense as v } from "react";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as b } from "./consts-BuFChS64.js";
 import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as R } from "./utils-Dc5zIpaz.js";
+import { m as R } from "./utils-DtEfC-TX.js";
 import T from "./Button.js";
-import { P as B } from "./index-C_NnINik.js";
-import { a as I, b as f } from "./style-CXMUA6cI.js";
+import { P as B } from "./index-B22BZVBG.js";
+import { S as I, a as f } from "./style-BwQ4djFC.js";
 const L = g.div`
   display: grid;
   grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
@@ -90,8 +90,8 @@ const L = g.div`
     metadata: n,
     link: c,
     LinkComponent: e
-  } = r, m = e || "a", p = S(), a = (y) => {
-    d(y, p);
+  } = r, m = e || "a", p = y(), a = (S) => {
+    d(S, p);
   };
   return /* @__PURE__ */ u(
     W,

package/dist/BlogsSectionWithFilters.js

@@ -3,13 +3,13 @@ import { forwardRef as L, useRef as O, Suspense as j, memo as A, useMemo as E }
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as $ } from "./consts-BuFChS64.js";
 import { u as U } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as D, k as C } from "./utils-Dc5zIpaz.js";
-import { T as K } from "./style-C7FUSHmS.js";
+import { m as D, k as C } from "./utils-DtEfC-TX.js";
+import { T as K } from "./style-Cmlod7oq.js";
 import G from "./Button.js";
 import H from "./Link.js";
-import { P } from "./index-C_NnINik.js";
-import { S as X } from "./index-BGiZlEQt.js";
-import { S as Z, a as y, b as s } from "./style-CXMUA6cI.js";
+import { P } from "./index-B22BZVBG.js";
+import { S as X } from "./index-CWALXP1T.js";
+import { b as Z, S as y, a as s } from "./style-BwQ4djFC.js";
 const q = w.div`
   display: grid;
   grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};

package/dist/BrandHitsSection.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as h, Fragment as f } from "react/jsx-runtime";
 import { forwardRef as w, Suspense as u } from "react";
-import { l as x } from "./utils-Dc5zIpaz.js";
+import { l as x } from "./utils-DtEfC-TX.js";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as c } from "./consts-BuFChS64.js";
-import { a as $, b as p } from "./style-CXMUA6cI.js";
+import { S as $, a as p } from "./style-BwQ4djFC.js";
 const v = l.a`
   text-decoration: none;
   color: var(--gray-950);

package/dist/Breadcrumbs.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as u, Fragment as A } from "react/jsx-runtime";
 import { forwardRef as N, useState as O } from "react";
 import { P as t } from "./index-CblbdqjE.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as P, b as S } from "./utils-Dc5zIpaz.js";
+import { c as P, b as S } from "./utils-DtEfC-TX.js";
 import v from "./Icon.js";
 import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const $ = c.div`

package/dist/Button.js

@@ -3,7 +3,7 @@ import { forwardRef as q } from "react";
 import { P as n } from "./index-CblbdqjE.js";
 import { i as T } from "./index-6RFrSPs_.js";
 import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as O, b as t, d as r, h as z, e as I, a as A } from "./utils-Dc5zIpaz.js";
+import { c as O, b as t, d as r, h as z, e as I, a as A } from "./utils-DtEfC-TX.js";
 import w from "./Icon.js";
 import { u as G } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const x = {

package/dist/ButtonGroup.js

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { s as i } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as t } from "./index-CblbdqjE.js";
-import { b as o, a as b } from "./utils-Dc5zIpaz.js";
+import { b as o, a as b } from "./utils-DtEfC-TX.js";
 import { u as l } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const s = i.div`
   display: inline-flex;

package/dist/CalorieCalculatorSection.js

@@ -9,7 +9,7 @@ import _ from "./DropdownItem.js";
 import K from "./DropdownMenu.js";
 import X from "./IconButton.js";
 import Z from "./BannerSectionWithList.js";
-import { y as q } from "./utils-Dc5zIpaz.js";
+import { y as q } from "./utils-DtEfC-TX.js";
 const J = y.div`
   display: flex;
   flex-direction: column;

package/dist/{CategorySimpleCard-CEzArySG.js → CategorySimpleCard-Em84kZzQ.js}

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { o as a } from "./utils-Dc5zIpaz.js";
+import { m as a } from "./utils-DtEfC-TX.js";
 import { M as x } from "./consts-BuFChS64.js";
 const f = l.a`
   text-decoration: none;
@@ -50,13 +50,13 @@ const f = l.a`
       max-height: 5.375rem;
     }
   }
-`, y = g((n, m) => {
+`, y = g((m, n) => {
   const { image: d, name: s, urlPrefix: e, urlSufix: o, code: t, uuid: c, onSelectCard: h = () => {
-  }, LinkComponent: i } = n;
+  }, LinkComponent: i } = m;
   return /* @__PURE__ */ p(
     f,
     {
-      ref: m,
+      ref: n,
       className: "simple-category-card",
       onClick: () => h(c),
       as: i || "a",