@lanaco/lnc-react-ui 4.0.205 → 4.0.207

package/dist/{index-CwMCk9wV.js → index-BzSWu-7v.js}

@@ -1,16 +1,16 @@
-import { jsx as o, jsxs as c, Fragment as L } from "react/jsx-runtime";
-import M, { useState as w, useRef as _, useEffect as j, useImperativeHandle as F, forwardRef as G } from "react";
+import { jsx as o, jsxs as c, Fragment as V } from "react/jsx-runtime";
+import j, { useState as w, useRef as F, useEffect as G, useImperativeHandle as M, forwardRef as _ } from "react";
 import q from "./FlexBox.js";
-import C from "./IconButton.js";
-import { useTheme as P } from "./ThemeProvider.js";
-import { s as U } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as O } from "./consts-BuFChS64.js";
-import { u as X } from "./useDetectMobile-Bkvj0VMa.js";
-import { I as H } from "./index-BdKi2ogu.js";
-import K from "./Button.js";
-import Z from "./Icon.js";
-import { l as J } from "./utils-DtEfC-TX.js";
-const Q = U.div`
+import E from "./IconButton.js";
+import { useTheme as U } from "./ThemeProvider.js";
+import { s as J } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as H } from "./breakpoints-ff0SIcV3.js";
+import { u as P } from "./useDetectMobile-CcVo3PNi.js";
+import { I as K } from "./index-BdKi2ogu.js";
+import O from "./Button.js";
+import Q from "./Icon.js";
+import { m as X } from "./utils-B2fsQ6PS.js";
+const Y = J.div`
   position: relative;
   padding: ${(e) => e.padding};
 
@@ -58,7 +58,7 @@ const Q = U.div`
       /* Safari and Chrome */
     }
 
-    @media (max-width: ${O + "px"}) {
+    @media ${H("S")} {
       margin-right: 0;
     }
   }
@@ -87,7 +87,7 @@ const Q = U.div`
     visibility: ${(e) => e.hasOverflow ? "visible" : "hidden"};
   }
 
-  @media (max-width: ${O + "px"}) {
+  @media ${H("S")} {
     & .scrollable-container {
       overflow: auto;
     }
@@ -104,7 +104,7 @@ const Q = U.div`
       ${(e) => e.noMargin !== !0 && "margin-left: 1rem"};
     }
   }
-`, Y = M.forwardRef(
+`, Z = j.forwardRef(
   ({
     columnGap: e = "2rem",
     rowGap: p = "1.25rem",
@@ -116,52 +116,52 @@ const Q = U.div`
     arrowsVisibleOnHover: y = !0,
     rightAlignArrows: k = !1,
     padding: b = "0",
-    showTimesBtn: h,
+    showTimesBtn: m,
     noArrows: a,
-    noGradient: x = !1,
+    noGradient: N = !1,
     hideDisabledArrows: n = !1,
-    noMargin: m = !1,
-    ...N
-  }, S) => {
-    const $ = X(), { theme: r } = P(), [t, I] = w(!1), [g, A] = w(!1), [V, R] = w(!0), l = _(), T = () => {
+    noMargin: h = !1,
+    ...S
+  }, $) => {
+    const x = P(), { theme: r } = U(), [t, A] = w(!1), [g, R] = w(!1), [z, T] = w(!0), l = F(), I = () => {
       var i;
       (i = l.current) == null || i.scrollBy(d, 0);
     }, B = () => {
       var i;
       (i = l.current) == null || i.scrollBy(-d, 0);
-    }, [E, z] = w(!1);
-    j(() => {
-      var i, W;
-      z(
-        ((i = l == null ? void 0 : l.current) == null ? void 0 : i.scrollWidth) > ((W = l == null ? void 0 : l.current) == null ? void 0 : W.clientWidth)
+    }, [W, D] = w(!1);
+    G(() => {
+      var i, C;
+      D(
+        ((i = l == null ? void 0 : l.current) == null ? void 0 : i.scrollWidth) > ((C = l == null ? void 0 : l.current) == null ? void 0 : C.clientWidth)
       );
-    }, [f]), F(u, () => ({
+    }, [f]), M(u, () => ({
       scrollToEnd() {
-        D();
+        L();
       },
       scrollLeft() {
         B();
       },
       scrollRight() {
-        T();
+        I();
       }
     }));
-    const D = () => {
+    const L = () => {
       l.current.scrollLeft = l.current.scrollWidth;
     };
     return /* @__PURE__ */ o(
-      Q,
+      Y,
       {
-        ref: S,
+        ref: $,
         arrowsVisibleOnHover: y,
-        hasOverflow: E,
+        hasOverflow: W,
         noArrows: a,
         padding: b,
         rightAlignArrows: k,
-        showTimesBtn: h,
+        showTimesBtn: m,
         theme: r,
-        noMargin: m,
-        ...N,
+        noMargin: h,
+        ...S,
         children: /* @__PURE__ */ c(
           q,
           {
@@ -169,11 +169,11 @@ const Q = U.div`
             className: "scrollable-container",
             columnGap: e,
             rowGap: p,
-            wrap: s || v && $ ? "Wrap" : "NoWrap",
+            wrap: s || v && x ? "Wrap" : "NoWrap",
             children: [
-              a !== !0 && /* @__PURE__ */ c(L, { children: [
+              a !== !0 && /* @__PURE__ */ c(V, { children: [
                 !(n === !0 && g === !0) && /* @__PURE__ */ o(
-                  C,
+                  E,
                   {
                     borderRadius: "curved",
                     btnType: "tinted",
@@ -185,7 +185,7 @@ const Q = U.div`
                   }
                 ),
                 !(n === !0 && t === !0) && /* @__PURE__ */ o(
-                  C,
+                  E,
                   {
                     borderRadius: "curved",
                     btnType: "tinted",
@@ -193,44 +193,44 @@ const Q = U.div`
                     color: "neutral",
                     disabled: t,
                     icon: "angle-right",
-                    onClick: T
+                    onClick: I
                   }
                 )
               ] }),
               /* @__PURE__ */ o(
-                H,
+                K,
                 {
                   isHorizontal: !0,
                   onIsNotVisible: () => {
-                    g === !0 && A(!1);
+                    g === !0 && R(!1);
                   },
                   onIsVisible: () => {
-                    g === !1 && A(!0);
+                    g === !1 && R(!0);
                   }
                 }
               ),
               f,
               /* @__PURE__ */ o(
-                H,
+                K,
                 {
                   className: "right-scroller",
                   isHorizontal: !0,
                   onIsNotVisible: () => {
-                    t === !0 && I(!1), R(!0);
+                    t === !0 && A(!1), T(!0);
                   },
                   onIsVisible: () => {
-                    t === !1 && I(!0), R(!1);
+                    t === !1 && A(!0), T(!1);
                   }
                 }
               ),
-              V && E && x !== !0 && /* @__PURE__ */ o("div", { className: "gradient" })
+              z && W && N !== !0 && /* @__PURE__ */ o("div", { className: "gradient" })
             ]
           }
         )
       }
     );
   }
-), ue = G((e, p) => {
+), ue = _((e, p) => {
   const {
     allButton: d = !0,
     items: v = [],
@@ -243,18 +243,18 @@ const Q = U.div`
     },
     className: k,
     showTimesBtn: b = !1,
-    labelKey: h = "label",
+    labelKey: m = "label",
     valueKey: a = "value",
-    codeKey: x = "code",
+    codeKey: N = "code",
     uniqueKey: n,
-    typeKey: m,
-    productsToolbarName: N = "All",
-    ...S
-  } = e, $ = (r, t) => {
+    typeKey: h,
+    productsToolbarName: S = "All",
+    ...$
+  } = e, x = (r, t) => {
     s != null && s.includes(t) ? u(r, t) : f(r, t);
   };
   return /* @__PURE__ */ c(
-    Y,
+    Z,
     {
       ref: p,
       arrowsVisibleOnHover: !1,
@@ -263,45 +263,45 @@ const Q = U.div`
       padding: "0.25rem 0",
       rightAlignArrows: !0,
       showTimesBtn: b,
-      ...S,
+      ...$,
       children: [
         d && /* @__PURE__ */ o(
-          K,
+          O,
           {
             borderRadius: "curved",
             btnType: s.length === 0 ? "filled" : "tinted",
             className: "badge-button",
             color: "neutral",
             onClick: y,
-            children: N
+            children: S
           }
         ),
         v.map((r, t) => /* @__PURE__ */ c(
-          K,
+          O,
           {
             borderRadius: "curved",
             btnType: s.includes(r.uuid) ? "filled" : "tinted",
             className: "badge-button",
             color: "neutral",
-            onClick: () => $(r, r[a]),
+            onClick: () => x(r, r[a]),
             children: [
-              J(r == null ? void 0 : r.icon) && /* @__PURE__ */ c(L, { children: [
+              X(r == null ? void 0 : r.icon) && /* @__PURE__ */ c(V, { children: [
                 /* @__PURE__ */ o("i", { className: r == null ? void 0 : r.icon }),
                 " "
               ] }),
-              r[h],
+              r[m],
               b === !0 && /* @__PURE__ */ o(
-                Z,
+                Q,
                 {
                   className: "times-btn",
                   icon: "times",
                   sizeInUnits: "0.75rem",
                   onClick: () => u(
                     r[a],
-                    r[h],
-                    r[x],
+                    r[m],
+                    r[N],
                     n ? r[n] : null,
-                    m ? r[m] : null
+                    h ? r[h] : null
                   )
                 }
               )

package/dist/{index-TIqKd2Dv.js → index-C-uOIDDa.js}

@@ -2,13 +2,13 @@ import { jsxs as m, jsx as e, Fragment as h } from "react/jsx-runtime";
 import { Suspense as l } from "react";
 import { S as d, a as r, b as n } from "./style-BwQ4djFC.js";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as c } from "./consts-BuFChS64.js";
+import { d as c } from "./breakpoints-ff0SIcV3.js";
 const o = g(d)`
   &.skeleton__tags {
     max-width: 50rem;
   }
 
-  @media (max-width: ${c + "px"}) {
+  @media ${c("S")} {
     &.skeleton__tags {
       overflow-x: hidden;
     }

package/dist/{index-bihqNqQk.js → index-C4HycAPS.js}

@@ -1,9 +1,9 @@
 import { jsxs as u, jsx as e } from "react/jsx-runtime";
 import { forwardRef as C, useState as h } from "react";
 import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as w } from "./consts-BuFChS64.js";
-import { t as D, l as V } from "./utils-DtEfC-TX.js";
-import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
+import { d as w } from "./breakpoints-ff0SIcV3.js";
+import { t as D, m as V } from "./utils-B2fsQ6PS.js";
+import { u as E } from "./useDetectMobile-CcVo3PNi.js";
 import I from "./Button.js";
 const M = d.div`
   display: flex;
@@ -48,7 +48,7 @@ const M = d.div`
     overflow: hidden;
   }
 
-  @media (max-width: ${w + "px"}) {
+  @media ${w("S")} {
     gap: 1rem;
     flex-direction: column;
     padding: 1rem;
@@ -131,7 +131,7 @@ const M = d.div`
     opacity: 1;
   }
 
-  @media (max-width: ${w + "px"}) {
+  @media ${w("S")} {
     gap: 1.25rem;
     flex-direction: row;
 
@@ -148,7 +148,7 @@ const M = d.div`
   display: flex;
   gap: 0.75rem;
   padding-top: 0.75rem;
-  @media (max-width: ${w + "px"}) {
+  @media ${w("S")} {
     padding-top: 0;
   }
 `, j = d.div`

package/dist/{index-BWE-RCPy.cjs → index-CBZ-jNah.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./consts-goSZX3xP.cjs"),w=require("./utils-RnrgDDZP.cjs"),f=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./Button.cjs"),y=require("./index-uwl7BjRF.cjs"),v=d.styled.a`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),w=require("./utils-CITgSxXe.cjs"),f=require("./useDetectMobile-DYV6V1yw.cjs"),m=require("./Button.cjs"),y=require("./index-DsINTjQk.cjs"),v=d.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -27,7 +27,7 @@
     border-radius: 0.75rem 0 0 0.75rem;
   }
 
-  @media (max-width: ${l.MOBILE_SIZE_PX+"px"}) {
+  @media ${l.down("S")} {
     padding: 1rem;
     column-gap: 1.5rem;
     row-gap: 1rem;
@@ -76,7 +76,7 @@
     margin-top: auto;
   }
 
-  @media (max-width: ${l.MOBILE_SIZE_PX+"px"}) {
+  @media ${l.down("S")} {
     padding: 0;
   }
-`,C=c.forwardRef((g,q)=>{const{title:u,imageUrl:x,text:h,onCardClick:t,buttonText:i,metadata:r,titleSlug:o,LinkComponent:n}=g,p=n||"a",a=f.useDetectMobile(),s=c.useRef();return e.jsxs(v,{ref:s,className:"blog-card","data-accessor":r==null?void 0:r.accessor,name:r==null?void 0:r.name,onClick:b=>t(b,s),as:p,...n?{to:`/blog/${o}`}:{href:`/blog/${o}`},children:[e.jsx(y.ProductImageWrapper,{src:x}),e.jsxs(j,{children:[e.jsx("div",{className:"text-wr-title",children:u}),e.jsx("div",{className:"text-wr",children:h}),a!==!0&&e.jsx(m,{type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:i})]}),a===!0&&e.jsx(m,{className:"action",type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:i})]})});exports.BlogCardLarge=C;
+`,C=c.forwardRef((g,q)=>{const{title:u,imageUrl:h,text:p,onCardClick:t,buttonText:o,metadata:r,titleSlug:i,LinkComponent:n}=g,x=n||"a",a=f.useDetectMobile(),s=c.useRef();return e.jsxs(v,{ref:s,className:"blog-card","data-accessor":r==null?void 0:r.accessor,name:r==null?void 0:r.name,onClick:b=>t(b,s),as:x,...n?{to:`/blog/${i}`}:{href:`/blog/${i}`},children:[e.jsx(y.ProductImageWrapper,{src:h}),e.jsxs(j,{children:[e.jsx("div",{className:"text-wr-title",children:u}),e.jsx("div",{className:"text-wr",children:p}),a!==!0&&e.jsx(m,{type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:o})]}),a===!0&&e.jsx(m,{className:"action",type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:o})]})});exports.BlogCardLarge=C;

package/dist/{index-D_5jNP-o.cjs → index-CUaeb_TU.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("react"),x=require("./Icon.cjs"),c=require("./utils-RnrgDDZP.cjs"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),f=require("./ShopAvatar-CV3lj34D.cjs"),I=require("./index-uwl7BjRF.cjs"),R=$.styled.a`
+"use strict";const r=require("react/jsx-runtime"),t=require("react"),x=require("./Icon.cjs"),o=require("./utils-CITgSxXe.cjs"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./breakpoints-CcVm-gVm.cjs"),f=require("./ShopAvatar-CV3lj34D.cjs"),k=require("./index-DsINTjQk.cjs"),D=$.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -53,7 +53,7 @@
       font-weight: 500;
       line-height: 1.5rem;
       letter-spacing: -0.0112rem;
-      ${c.truncateTextInRows(2)}
+      ${o.truncateTextInRows(2)}
       text-align: center;
     }
 
@@ -65,7 +65,7 @@
       font-weight: 400;
       line-height: 1.25rem;
       letter-spacing: -0.0056rem;
-      ${c.truncateTextInRows(2)}
+      ${o.truncateTextInRows(2)}
     }
 
     & .wrapper__badges {
@@ -129,7 +129,7 @@
     }
   }
 
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+  @media ${R.down("S")} {
     max-width: 10rem;
     min-width: 10rem;
 
@@ -139,4 +139,4 @@
       }
     }
   }
-`,D=t.forwardRef(({uuid:o,image:p,imageComponent:_,title:w,subtitle:d,badges:v,rating:y,reviewCount:m,products:l,onSelectCard:j=()=>{},getProductImage:b=()=>{},canAcceptPayments:N,hideProducts:S=!1,showRating:q=!0,metadata:i={},LinkComponent:g},L)=>{const u=g||"a",s=t.useRef(),h=t.useRef();return t.useEffect(()=>{var n;const e=a=>{a.target.src=f.DefaultShopImage,a.onerror=null};return(n=s==null?void 0:s.current)==null||n.addEventListener("error",e),()=>{var a;(a=s==null?void 0:s.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(R,{ref:h,name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,onClick:e=>j(e,h),as:u,...g?{to:`/shop/${o}`}:{href:`/shop/${o}`},children:[r.jsxs("div",{className:"wrapper__content",children:[c.isDefined(_)?_:p?r.jsx("img",{ref:s,src:p,className:"wrapper__image"}):r.jsx("img",{src:f.DefaultShopImage,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[w," ",N&&r.jsx(x,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:d}),v&&r.jsx("div",{className:"wrapper__badges"}),q&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,n)=>r.jsx(x,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=y?"gold-star":""}`},`shop-card-rating-star__${n+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",m==null?void 0:m.toLocaleString(),")"]})]})]})]}),S!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,n)=>r.jsx(t.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var a;return(a=e==null?void 0:e.onSelectProduct)==null?void 0:a.call(e,e==null?void 0:e.uuid)},children:c.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(I.ProductImageWrapper,{src:b(e==null?void 0:e.image,e==null?void 0:e.uuid,o),className:"product__image"})})},n)))})]})});exports.ShopCard=D;
+`,E=t.forwardRef(({uuid:c,image:p,imageComponent:g,title:w,subtitle:d,badges:v,rating:y,reviewCount:m,products:l,onSelectCard:j=()=>{},getProductImage:b=()=>{},canAcceptPayments:N,hideProducts:S=!1,showRating:q=!0,metadata:i={},LinkComponent:_},I)=>{const u=_||"a",s=t.useRef(),h=t.useRef();return t.useEffect(()=>{var n;const e=a=>{a.target.src=f.DefaultShopImage,a.onerror=null};return(n=s==null?void 0:s.current)==null||n.addEventListener("error",e),()=>{var a;(a=s==null?void 0:s.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(D,{ref:h,name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,onClick:e=>j(e,h),as:u,..._?{to:`/shop/${c}`}:{href:`/shop/${c}`},children:[r.jsxs("div",{className:"wrapper__content",children:[o.isDefined(g)?g:p?r.jsx("img",{ref:s,src:p,className:"wrapper__image"}):r.jsx("img",{src:f.DefaultShopImage,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[w," ",N&&r.jsx(x,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:d}),v&&r.jsx("div",{className:"wrapper__badges"}),q&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,n)=>r.jsx(x,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=y?"gold-star":""}`},`shop-card-rating-star__${n+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",m==null?void 0:m.toLocaleString(),")"]})]})]})]}),S!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,n)=>r.jsx(t.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var a;return(a=e==null?void 0:e.onSelectProduct)==null?void 0:a.call(e,e==null?void 0:e.uuid)},children:o.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(k.ProductImageWrapper,{src:b(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},n)))})]})});exports.ShopCard=E;

package/dist/{index-DK8dqEUQ.js → index-CoQ9APCD.js}

@@ -1,9 +1,9 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as f } from "./consts-BuFChS64.js";
-import p from "./Button.js";
-const u = m.div`
+import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as m } from "./breakpoints-ff0SIcV3.js";
+import u from "./Button.js";
+const b = f.div`
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
@@ -35,31 +35,31 @@ const u = m.div`
     color: var(--gray-700, #4e555f);
   }
 
-  @media (max-width: ${f + "px"}) {
+  @media ${m("S")} {
     align-items: start;
     justify-content: start;
     & .txt-block-title {
       font-size: 1.375rem;
     }
   }
-`, v = d((e, b) => {
-  const { title: r, subtitle: i, description: l, buttonText: n, buttonLink: c, onButtonAction: s = () => {
+`, v = d((e, p) => {
+  const { title: r, subtitle: i, description: n, buttonText: l, buttonLink: c, onButtonAction: s = () => {
   }, ...a } = e;
-  return /* @__PURE__ */ o(u, { ...a, children: [
+  return /* @__PURE__ */ o(b, { ...a, children: [
     /* @__PURE__ */ o("div", { className: "block-group", children: [
       /* @__PURE__ */ t("div", { className: "txt-block-subtitle", children: i }),
       /* @__PURE__ */ t("div", { className: "txt-block-title", children: r }),
-      /* @__PURE__ */ t("div", { className: "txt-block-description", children: l })
+      /* @__PURE__ */ t("div", { className: "txt-block-description", children: n })
     ] }),
     /* @__PURE__ */ t(
-      p,
+      u,
       {
         type: "button",
         btnType: "outline",
         borderRadius: "curved",
         onClick: () => s(c),
         color: "gray",
-        children: n
+        children: l
       }
     )
   ] });

package/dist/{index-BAJkosVg.cjs → index-CsTfXxpp.cjs}

@@ -1,9 +1,9 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),t=require("./style-BAcV7F53.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./consts-goSZX3xP.cjs"),a=o.styled(t.SkeletonRowWrapper)`
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),t=require("./style-BAcV7F53.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./breakpoints-CcVm-gVm.cjs"),a=o.styled(t.SkeletonRowWrapper)`
   &.skeleton__tags {
     max-width: 50rem;
   }
 
-  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
+  @media ${h.down("S")} {
     &.skeleton__tags {
       overflow-x: hidden;
     }

package/dist/{index-D0JDnm9b.cjs → index-Dc0EEBRW.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),A=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),j=require("./utils-RnrgDDZP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),D=require("./Button.cjs"),V=P.styled.div`
+"use strict";const e=require("react/jsx-runtime"),A=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./breakpoints-CcVm-gVm.cjs"),j=require("./utils-CITgSxXe.cjs"),C=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),V=P.styled.div`
   display: flex;
   gap: 1.25rem;
   padding: 1.5rem;
@@ -41,7 +41,7 @@
     overflow: hidden;
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media ${w.down("S")} {
     gap: 1rem;
     flex-direction: column;
     padding: 1rem;
@@ -124,7 +124,7 @@
     opacity: 1;
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media ${w.down("S")} {
     gap: 1.25rem;
     flex-direction: row;
 
@@ -141,7 +141,7 @@
   display: flex;
   gap: 0.75rem;
   padding-top: 0.75rem;
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media ${w.down("S")} {
     padding-top: 0;
   }
 `,L=P.styled.div`

package/dist/{index-uwl7BjRF.cjs → index-DsINTjQk.cjs}

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),t=require("react"),u=require("./utils-RnrgDDZP.cjs"),l="data:image/svg+xml,%3csvg%20width='240'%20height='240'%20viewBox='0%200%20240%20240'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='240'%20height='240'%20rx='12'%20fill='%2314161A'%20fill-opacity='0.04'/%3e%3crect%20x='88'%20y='88'%20width='64'%20height='64'%20rx='32'%20fill='%2314161A'%20fill-opacity='0.08'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M110%20108H130C130.53%20108%20131.039%20108.211%20131.414%20108.586C131.789%20108.961%20132%20109.47%20132%20110V130C132%20130.53%20131.789%20131.039%20131.414%20131.414C131.039%20131.789%20130.53%20132%20130%20132H110C109.47%20132%20108.961%20131.789%20108.586%20131.414C108.211%20131.039%20108%20130.53%20108%20130V110C108%20109.47%20108.211%20108.961%20108.586%20108.586C108.961%20108.211%20109.47%20108%20110%20108ZM110%20124V130H130V128L125%20123L123.41%20124.59C123.035%20124.963%20122.528%20125.172%20122%20125.172C121.472%20125.172%20120.965%20124.963%20120.59%20124.59L115%20119L110%20124ZM126.41%20121.58L130%20125.17V110H110V121.17L113.59%20117.58C113.965%20117.207%20114.472%20116.998%20115%20116.998C115.528%20116.998%20116.035%20117.207%20116.41%20117.58L122%20123.17L123.59%20121.58C123.965%20121.207%20124.472%20120.998%20125%20120.998C125.528%20120.998%20126.035%20121.207%20126.41%20121.58ZM124.667%20117.494C124.173%20117.824%20123.593%20118%20123%20118C122.204%20118%20121.441%20117.684%20120.879%20117.121C120.316%20116.559%20120%20115.796%20120%20115C120%20114.407%20120.176%20113.827%20120.506%20113.333C120.835%20112.84%20121.304%20112.455%20121.852%20112.228C122.4%20112.001%20123.003%20111.942%20123.585%20112.058C124.167%20112.173%20124.702%20112.459%20125.121%20112.879C125.541%20113.298%20125.827%20113.833%20125.942%20114.415C126.058%20114.997%20125.999%20115.6%20125.772%20116.148C125.545%20116.696%20125.16%20117.165%20124.667%20117.494ZM123.556%20114.169C123.391%20114.059%20123.198%20114%20123%20114C122.735%20114%20122.48%20114.105%20122.293%20114.293C122.105%20114.48%20122%20114.735%20122%20115C122%20115.198%20122.059%20115.391%20122.169%20115.556C122.278%20115.72%20122.435%20115.848%20122.617%20115.924C122.8%20116%20123.001%20116.019%20123.195%20115.981C123.389%20115.942%20123.567%20115.847%20123.707%20115.707C123.847%20115.567%20123.942%20115.389%20123.981%20115.195C124.019%20115.001%20124%20114.8%20123.924%20114.617C123.848%20114.435%20123.72%20114.278%20123.556%20114.169Z'%20fill='%23868C98'/%3e%3c/svg%3e",a=t.forwardRef(({src:i,...c},s)=>{const e=t.useRef();return t.useEffect(()=>{var o;const n=r=>{r.target.src=l,r.onerror=null};return(o=e==null?void 0:e.current)==null||o.addEventListener("error",n),()=>{var r;(r=e==null?void 0:e.current)==null||r.removeEventListener("error",n)}},[]),C.jsx(t.Fragment,{ref:s,children:u.isDefinedNotEmptyString(i)?C.jsx("img",{ref:e,src:i,...c}):C.jsx("img",{src:l,...c})})});exports.ProductImageWrapper=a;
+"use strict";const C=require("react/jsx-runtime"),t=require("react"),u=require("./utils-CITgSxXe.cjs"),l="data:image/svg+xml,%3csvg%20width='240'%20height='240'%20viewBox='0%200%20240%20240'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='240'%20height='240'%20rx='12'%20fill='%2314161A'%20fill-opacity='0.04'/%3e%3crect%20x='88'%20y='88'%20width='64'%20height='64'%20rx='32'%20fill='%2314161A'%20fill-opacity='0.08'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M110%20108H130C130.53%20108%20131.039%20108.211%20131.414%20108.586C131.789%20108.961%20132%20109.47%20132%20110V130C132%20130.53%20131.789%20131.039%20131.414%20131.414C131.039%20131.789%20130.53%20132%20130%20132H110C109.47%20132%20108.961%20131.789%20108.586%20131.414C108.211%20131.039%20108%20130.53%20108%20130V110C108%20109.47%20108.211%20108.961%20108.586%20108.586C108.961%20108.211%20109.47%20108%20110%20108ZM110%20124V130H130V128L125%20123L123.41%20124.59C123.035%20124.963%20122.528%20125.172%20122%20125.172C121.472%20125.172%20120.965%20124.963%20120.59%20124.59L115%20119L110%20124ZM126.41%20121.58L130%20125.17V110H110V121.17L113.59%20117.58C113.965%20117.207%20114.472%20116.998%20115%20116.998C115.528%20116.998%20116.035%20117.207%20116.41%20117.58L122%20123.17L123.59%20121.58C123.965%20121.207%20124.472%20120.998%20125%20120.998C125.528%20120.998%20126.035%20121.207%20126.41%20121.58ZM124.667%20117.494C124.173%20117.824%20123.593%20118%20123%20118C122.204%20118%20121.441%20117.684%20120.879%20117.121C120.316%20116.559%20120%20115.796%20120%20115C120%20114.407%20120.176%20113.827%20120.506%20113.333C120.835%20112.84%20121.304%20112.455%20121.852%20112.228C122.4%20112.001%20123.003%20111.942%20123.585%20112.058C124.167%20112.173%20124.702%20112.459%20125.121%20112.879C125.541%20113.298%20125.827%20113.833%20125.942%20114.415C126.058%20114.997%20125.999%20115.6%20125.772%20116.148C125.545%20116.696%20125.16%20117.165%20124.667%20117.494ZM123.556%20114.169C123.391%20114.059%20123.198%20114%20123%20114C122.735%20114%20122.48%20114.105%20122.293%20114.293C122.105%20114.48%20122%20114.735%20122%20115C122%20115.198%20122.059%20115.391%20122.169%20115.556C122.278%20115.72%20122.435%20115.848%20122.617%20115.924C122.8%20116%20123.001%20116.019%20123.195%20115.981C123.389%20115.942%20123.567%20115.847%20123.707%20115.707C123.847%20115.567%20123.942%20115.389%20123.981%20115.195C124.019%20115.001%20124%20114.8%20123.924%20114.617C123.848%20114.435%20123.72%20114.278%20123.556%20114.169Z'%20fill='%23868C98'/%3e%3c/svg%3e",a=t.forwardRef(({src:i,...c},s)=>{const e=t.useRef();return t.useEffect(()=>{var o;const n=r=>{r.target.src=l,r.onerror=null};return(o=e==null?void 0:e.current)==null||o.addEventListener("error",n),()=>{var r;(r=e==null?void 0:e.current)==null||r.removeEventListener("error",n)}},[]),C.jsx(t.Fragment,{ref:s,children:u.isDefinedNotEmptyString(i)?C.jsx("img",{ref:e,src:i,...c}):C.jsx("img",{src:l,...c})})});exports.ProductImageWrapper=a;

package/dist/{index-Cm414y95.js → index-L_Va5-wK.js}

@@ -1,11 +1,11 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { forwardRef as w, useRef as b } from "react";
+import { forwardRef as b, useRef as w } from "react";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as l } from "./consts-BuFChS64.js";
-import { m as y } from "./utils-DtEfC-TX.js";
-import { u as v } from "./useDetectMobile-Bkvj0VMa.js";
+import { d as l } from "./breakpoints-ff0SIcV3.js";
+import { n as y } from "./utils-B2fsQ6PS.js";
+import { u as v } from "./useDetectMobile-CcVo3PNi.js";
 import c from "./Button.js";
-import { P as C } from "./index-B22BZVBG.js";
+import { P as C } from "./index-BvMY2TbK.js";
 const k = s.a`
   text-decoration: none;
   color: var(--gray-950);
@@ -35,7 +35,7 @@ const k = s.a`
     border-radius: 0.75rem 0 0 0.75rem;
   }
 
-  @media (max-width: ${l + "px"}) {
+  @media ${l("S")} {
     padding: 1rem;
     column-gap: 1.5rem;
     row-gap: 1rem;
@@ -84,20 +84,20 @@ const k = s.a`
     margin-top: auto;
   }
 
-  @media (max-width: ${l + "px"}) {
+  @media ${l("S")} {
     padding: 0;
   }
-`, P = w((p, $) => {
+`, L = b((p, $) => {
   const {
     title: g,
     imageUrl: h,
-    text: x,
+    text: u,
     onCardClick: t,
     buttonText: o,
     metadata: r,
     titleSlug: i,
     LinkComponent: a
-  } = p, u = a || "a", m = v(), n = b();
+  } = p, x = a || "a", m = v(), n = w();
   return /* @__PURE__ */ d(
     k,
     {
@@ -106,13 +106,13 @@ const k = s.a`
       "data-accessor": r == null ? void 0 : r.accessor,
       name: r == null ? void 0 : r.name,
       onClick: (f) => t(f, n),
-      as: u,
+      as: x,
       ...a ? { to: `/blog/${i}` } : { href: `/blog/${i}` },
       children: [
         /* @__PURE__ */ e(C, { src: h }),
         /* @__PURE__ */ d(T, { children: [
           /* @__PURE__ */ e("div", { className: "text-wr-title", children: g }),
-          /* @__PURE__ */ e("div", { className: "text-wr", children: x }),
+          /* @__PURE__ */ e("div", { className: "text-wr", children: u }),
           m !== !0 && /* @__PURE__ */ e(
             c,
             {
@@ -142,5 +142,5 @@ const k = s.a`
   );
 });
 export {
-  P as B
+  L as B
 };

package/dist/{index-CBMsUFkS.js → index-hC-E71GE.js}

@@ -1,10 +1,10 @@
-import { jsxs as s, jsx as e, Fragment as a } from "react/jsx-runtime";
-import { Suspense as m } from "react";
-import { S as d, a as o } from "./style-BwQ4djFC.js";
+import { jsxs as i, jsx as e, Fragment as a } from "react/jsx-runtime";
+import { Suspense as d } from "react";
+import { S as m, a as o } from "./style-BwQ4djFC.js";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as h } from "./consts-BuFChS64.js";
-const p = l(d)`
-  @media (max-width: ${h + "px"}) {
+import { d as c } from "./breakpoints-ff0SIcV3.js";
+const f = l(m)`
+  @media ${c("S")} {
     flex-direction: column;
 
     & > div {
@@ -18,7 +18,7 @@ const p = l(d)`
       box-shadow: none;
     }
   }
-`, c = ({ keyPrefix: r }) => /* @__PURE__ */ s(p, { children: [
+`, h = ({ keyPrefix: r }) => /* @__PURE__ */ i(f, { children: [
   /* @__PURE__ */ e(
     o,
     {
@@ -43,12 +43,12 @@ const p = l(d)`
     },
     `${r}-3`
   )
-] }), x = ({
+] }), R = ({
   keyPrefix: r,
   isLoading: t = !1,
   fallbackComponent: n = /* @__PURE__ */ e(a, {}),
-  children: i
-}) => /* @__PURE__ */ e(m, { fallbackComponent: n, children: t === !0 ? /* @__PURE__ */ e(c, { keyPrefix: r }) : i });
+  children: s
+}) => /* @__PURE__ */ e(d, { fallbackComponent: n, children: t === !0 ? /* @__PURE__ */ e(h, { keyPrefix: r }) : s });
 export {
-  x as S
+  R as S
 };