@lanaco/lnc-react-ui 4.0.226 → 4.0.228

package/dist/FieldOfInterestsWithAvatarsCardsSection.js

@@ -1,11 +1,11 @@
-import { jsx as i, jsxs as f, Fragment as y } from "react/jsx-runtime";
-import { forwardRef as F, Suspense as N } from "react";
-import { m as S } from "./utils-MoGhNMmj.js";
-import { s as b } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { d as _ } from "./breakpoints-BubDitvo.js";
-import { S as j } from "./index-jGcy-5M_.js";
-import { S as k, d as g, a as h } from "./style-DvkivBNg.js";
-const I = b.div`
+import { jsx as t, Fragment as C, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as $, Suspense as F } from "react";
+import { m as k } from "./utils-BUdHa0nB.js";
+import { s as v } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as g } from "./breakpoints-BubDitvo.js";
+import { S as N } from "./index-CNUuIL97.js";
+import { S, f as W, a as j } from "./style-BFPpppS9.js";
+const A = v.div`
   width: 100%;
   height: auto;
   border-radius: 999px;
@@ -26,60 +26,60 @@ const I = b.div`
     border: var(--yellow-600, #d97706);
   }
 
-  @media ${_("S")} {
+  @media ${g("S")} {
     & .wrapper__image {
       height: auto;
     }
   }
-`, O = F(
-  ({ isActive: t, image: s, imageComponent: r, onSelectCard: n = () => {
-  } }, l) => /* @__PURE__ */ i(
-    I,
+`, I = $(
+  ({ isActive: i, image: r, imageComponent: s, onSelectCard: n = () => {
+  } }, l) => /* @__PURE__ */ t(
+    A,
     {
       ref: l,
-      className: t ? "active" : "",
+      className: i ? "active" : "",
       onClick: n,
-      children: S(r) ? r : /* @__PURE__ */ i("img", { src: s, className: "wrapper__image" })
+      children: k(s) ? s : /* @__PURE__ */ t("img", { src: r, className: "wrapper__image" })
     }
   )
-), A = F(
+), O = $(
   ({
-    uuid: t,
-    title: s,
-    price: r,
+    uuid: i,
+    title: r,
+    price: s,
     currency: n,
     isNegotiable: l,
-    isFree: u,
-    image: d,
+    isFree: f,
+    image: h,
     sellerUuid: m,
     onSelectCard: o = () => {
     },
     imageComponent: a,
-    negotiableText: w = "Negotiable",
-    freeText: $ = "Free",
-    nameSlug: x,
-    LinkComponent: c
-  }, p) => /* @__PURE__ */ i(
-    j,
+    negotiableText: _ = "Negotiable",
+    freeText: u = "Free",
+    nameSlug: d,
+    LinkComponent: w
+  }, p) => /* @__PURE__ */ t(
+    N,
     {
       ref: p,
-      uuid: t,
-      title: s,
-      price: r,
+      uuid: i,
+      title: r,
+      price: s,
       currency: n,
       isNegotiable: l,
-      isFree: u,
-      image: d,
+      isFree: f,
+      image: h,
       imageComponent: a,
       sellerUuid: m,
       onSelectCard: o,
-      negotiableText: w,
-      freeText: $,
-      nameSlug: x,
-      LinkComponent: c
+      negotiableText: _,
+      freeText: u,
+      nameSlug: d,
+      LinkComponent: w
     }
   )
-), T = b.div`
+), T = v.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -113,7 +113,7 @@ const I = b.div`
 
   & .wrapper__avatars {
     display: grid;
-    grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitAvatars}, minmax(0, 1fr))`};
+    grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitAvatars}, minmax(0, 1fr))`};
     gap: 2rem;
     justify-items: center;
     align-items: center;
@@ -121,36 +121,36 @@ const I = b.div`
 
   & .wrapper__cards {
     display: grid;
-    grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitCards}, minmax(0, 1fr))`};
+    grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCards}, minmax(0, 1fr))`};
     gap: 1.25rem;
     justify-items: center;
     align-items: center;
     width: 100%;
   }
 
-  @media ${_("M")} {
+  @media ${g("M")} {
     & .wrapper__cards {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
 
-  @media ${_("S")} {
+  @media ${g("S")} {
     & .wrapper__avatars {
-      grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitAvatarsForMobile}, minmax(0, 1fr))`};
+      grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitAvatarsForMobile}, minmax(0, 1fr))`};
       gap: auto;
     }
 
     & .wrapper__cards {
-      grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitCardsForMobile}, minmax(0, 1fr))`};
+      grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCardsForMobile}, minmax(0, 1fr))`};
       gap: 1rem;
     }
   }
-`, W = b(k)`
+`, b = v(S)`
   &.skeleton__tags {
     max-width: 50rem;
   }
 
-  @media ${_("S")} {
+  @media ${g("S")} {
     &.skeleton__tags {
       overflow-x: hidden;
 
@@ -169,113 +169,82 @@ const I = b.div`
       }
     }
   }
-`, M = ({ keyPrefix: t }) => /* @__PURE__ */ f(W, { className: "skeleton__tags", justifyContent: "center", children: [
-  /* @__PURE__ */ i(
-    g,
-    {
-      width: "9.875rem",
-      height: "9.875rem"
-    },
-    `${t}-1`
-  ),
-  /* @__PURE__ */ i(
-    g,
-    {
-      width: "9.875rem",
-      height: "9.875rem"
-    },
-    `${t}-2`
-  ),
-  /* @__PURE__ */ i(
-    g,
-    {
-      width: "9.875rem",
-      height: "9.875rem"
-    },
-    `${t}-3`
-  ),
-  /* @__PURE__ */ i(
-    g,
-    {
-      width: "9.875rem",
-      height: "9.875rem"
-    },
-    `${t}-4`
-  )
-] }), L = ({
-  keyPrefix: t,
-  isLoading: s = !1,
-  fallbackComponent: r = /* @__PURE__ */ i(y, {}),
+`, M = ({ keyPrefix: i }) => /* @__PURE__ */ t(b, { className: "skeleton__tags", justifyContent: "center", children: [1, 2, 3, 4].map((r) => /* @__PURE__ */ t(W, { size: "9.875rem" }, `${i}-${r}`)) }), z = ({
+  keyPrefix: i,
+  isLoading: r = !1,
+  fallbackComponent: s = /* @__PURE__ */ t(C, {}),
   children: n
-}) => /* @__PURE__ */ i(N, { fallbackComponent: r, children: s === !0 ? /* @__PURE__ */ i(M, { keyPrefix: t }) : n }), z = ({ keyPrefix: t }) => /* @__PURE__ */ f(W, { className: "skeleton__cards", justifyContent: "center", children: [
-  /* @__PURE__ */ i(h, { height: "13.75rem" }, `${t}-1`),
-  /* @__PURE__ */ i(h, { height: "13.75rem" }, `${t}-2`),
-  /* @__PURE__ */ i(h, { height: "13.75rem" }, `${t}-3`),
-  /* @__PURE__ */ i(h, { height: "13.75rem" }, `${t}-3`)
-] }), R = ({
-  keyPrefix: t,
-  isLoading: s = !1,
-  fallbackComponent: r = /* @__PURE__ */ i(y, {}),
+}) => /* @__PURE__ */ t(F, { fallbackComponent: s, children: r === !0 ? /* @__PURE__ */ t(M, { keyPrefix: i }) : n }), P = ({ keyPrefix: i }) => /* @__PURE__ */ t(b, { className: "skeleton__cards", justifyContent: "center", children: [1, 2, 3, 4].map((r) => /* @__PURE__ */ t(
+  j,
+  {
+    width: "100%",
+    height: "13.75rem"
+  },
+  `${i}-${r}`
+)) }), L = ({
+  keyPrefix: i,
+  isLoading: r = !1,
+  fallbackComponent: s = /* @__PURE__ */ t(C, {}),
   children: n
-}) => /* @__PURE__ */ i(N, { fallbackComponent: r, children: s === !0 ? /* @__PURE__ */ i(z, { keyPrefix: t }) : n }), J = F(
+}) => /* @__PURE__ */ t(F, { fallbackComponent: s, children: r === !0 ? /* @__PURE__ */ t(P, { keyPrefix: i }) : n }), H = $(
   ({
-    title: t,
-    subtitle: s,
-    avatars: r = [],
+    title: i,
+    subtitle: r,
+    avatars: s = [],
     limitAvatars: n = 4,
     limit: l = 6,
-    limitAvatarsForMobile: u = 4,
-    limitForMobile: d = 2,
+    limitAvatarsForMobile: f = 4,
+    limitForMobile: h = 2,
     items: m = [],
     onSelectAvatar: o = () => {
     },
     onSelectCard: a = () => {
     },
-    isLoadingTags: w = !1,
-    isLoadingCards: $ = !1,
-    LinkComponent: x
-  }, c) => {
+    isLoadingTags: _ = !1,
+    isLoadingCards: u = !1,
+    LinkComponent: d
+  }, w) => {
     const p = (e) => {
       o == null || o(e);
-    }, v = (e) => {
+    }, x = (e) => {
       a == null || a(e);
     };
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ c(
       T,
       {
-        ref: c,
+        ref: w,
         limitAvatars: n,
-        limitAvatarsForMobile: u,
+        limitAvatarsForMobile: f,
         limitCards: l,
-        limitCardsForMobile: d,
+        limitCardsForMobile: h,
         children: [
-          /* @__PURE__ */ f("div", { className: "wrapper__heading", children: [
-            t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
-            s && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: s })
+          /* @__PURE__ */ c("div", { className: "wrapper__heading", children: [
+            i && /* @__PURE__ */ t("div", { className: "wrapper__title", children: i }),
+            r && /* @__PURE__ */ t("div", { className: "wrapper__subtitle", children: r })
           ] }),
-          /* @__PURE__ */ i(
-            L,
+          /* @__PURE__ */ t(
+            z,
             {
-              isLoading: w,
+              isLoading: _,
               keyPrefix: "field-of-interests-with-avatars-tag",
-              children: /* @__PURE__ */ i("div", { className: "wrapper__avatars", children: r == null ? void 0 : r.map((e, C) => /* @__PURE__ */ i(
-                O,
+              children: /* @__PURE__ */ t("div", { className: "wrapper__avatars", children: s == null ? void 0 : s.map((e, y) => /* @__PURE__ */ t(
+                I,
                 {
                   image: e == null ? void 0 : e.image,
                   imageComponent: e == null ? void 0 : e.imageComponent,
                   onSelectCard: () => p == null ? void 0 : p(e)
                 },
-                `field-of-interests-with-avatars-card-avatar__${C + 1}`
+                `field-of-interests-with-avatars-card-avatar__${y + 1}`
               )) })
             }
           ),
-          /* @__PURE__ */ i(
-            R,
+          /* @__PURE__ */ t(
+            L,
             {
-              isLoading: $,
+              isLoading: u,
               keyPrefix: "field-of-interests-with-avatars-card",
-              children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: m == null ? void 0 : m.map((e, C) => /* @__PURE__ */ i(
-                A,
+              children: /* @__PURE__ */ t("div", { className: "wrapper__cards", children: m == null ? void 0 : m.map((e, y) => /* @__PURE__ */ t(
+                O,
                 {
                   uuid: e == null ? void 0 : e.uuid,
                   title: e == null ? void 0 : e.title,
@@ -288,11 +257,11 @@ const I = b.div`
                   sellerUuid: e == null ? void 0 : e.sellerUuid,
                   negotiableText: e == null ? void 0 : e.negotiableText,
                   freeText: e == null ? void 0 : e.freeText,
-                  onSelectCard: () => v == null ? void 0 : v(e),
+                  onSelectCard: () => x == null ? void 0 : x(e),
                   nameSlug: e == null ? void 0 : e.nameSlug,
-                  LinkComponent: x
+                  LinkComponent: d
                 },
-                `field-of-interests-with-avatars-card__${C + 1}`
+                `field-of-interests-with-avatars-card__${y + 1}`
               )) })
             }
           )
@@ -302,5 +271,5 @@ const I = b.div`
   }
 );
 export {
-  J as default
+  H as default
 };

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),g=require("react"),p=require("./utils-CITgSxXe.cjs"),$=require("./Icon.cjs"),_=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),c=require("./breakpoints-CcVm-gVm.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=require("./index-Bj1KWOV4.cjs"),k=_.styled.a`
+"use strict";const r=require("react/jsx-runtime"),g=require("react"),p=require("./utils-BK6B_Y9X.cjs"),$=require("./Icon.cjs"),_=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),c=require("./breakpoints-CcVm-gVm.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=require("./index-CeQvy566.cjs"),k=_.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,11 +1,11 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import { forwardRef as x } from "react";
-import { n as y, l as _, m as k } from "./utils-MoGhNMmj.js";
+import { n as y, l as _, m as k } from "./utils-BUdHa0nB.js";
 import C from "./Icon.js";
 import { s as u } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { d } from "./breakpoints-BubDitvo.js";
 import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { S as W, a as j } from "./index-Cn4bq6ZX.js";
+import { S as W, a as j } from "./index-B7fBsitY.js";
 const F = u.a`
   text-decoration: none;
   color: var(--gray-950);

package/dist/FileInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),g=require("react"),b=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./utils-CITgSxXe.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=b.styled.label`
+"use strict";const c=require("react/jsx-runtime"),g=require("react"),b=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./utils-BK6B_Y9X.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=b.styled.label`
   display: inline-flex;
   box-sizing: border-box;
   width: 100%;

package/dist/FileInput.js

@@ -1,7 +1,7 @@
 import { jsxs as S, jsx as b } from "react/jsx-runtime";
 import { forwardRef as T, useState as g } from "react";
 import { s } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { e as x, c as t, f as V, d as $, i as y } from "./utils-MoGhNMmj.js";
+import { e as x, c as t, f as V, d as $, i as y } from "./utils-BUdHa0nB.js";
 import { u as D } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const L = s.label`
   display: inline-flex;

package/dist/FlexGridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const q=require("react/jsx-runtime"),r=require("react"),L=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),N=require("./utils-CITgSxXe.cjs"),R=L.styled.div`
+"use strict";const q=require("react/jsx-runtime"),r=require("react"),L=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),N=require("./utils-BK6B_Y9X.cjs"),R=L.styled.div`
   ${t=>t.width>0?"":"flex: 1;"}
   min-width: ${t=>100/t.columns}%;
   width: ${t=>t.width}%;

package/dist/FlexGridItem.js

@@ -1,7 +1,7 @@
 import { jsx as N } from "react/jsx-runtime";
 import { forwardRef as X, useState as u, useEffect as S } from "react";
 import { s as I } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { a as W } from "./utils-MoGhNMmj.js";
+import { a as W } from "./utils-BUdHa0nB.js";
 const j = I.div`
   ${(t) => t.width > 0 ? "" : "flex: 1;"}
   min-width: ${(t) => 100 / t.columns}%;

package/dist/FormField.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),n=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),l=require("./utils-CITgSxXe.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),y=n.styled.label`
+"use strict";const t=require("react/jsx-runtime"),n=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),l=require("./utils-BK6B_Y9X.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),y=n.styled.label`
   display: block;
   margin-bottom: 4px;
   ${e=>l.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}

package/dist/FormField.js

@@ -1,6 +1,6 @@
 import { jsxs as h, jsx as a } from "react/jsx-runtime";
 import { s as m } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { d as s, c as i } from "./utils-MoGhNMmj.js";
+import { d as s, c as i } from "./utils-BUdHa0nB.js";
 import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const y = m.label`
   display: block;

package/dist/FormView.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),E=require("react"),g=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),W=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),x=require("./Button.cjs"),f=require("./IconButton.cjs"),O=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),P=require("./TextAreaInput.cjs"),Q=require("./TimeInput.cjs"),X=require("./ColorInput.cjs"),Y=require("./FileInput.cjs"),Z=require("./RangeSlider.cjs"),b=require("./utils-CITgSxXe.cjs"),z=require("./FormField.cjs"),ee=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),te=g.styled.div`
+"use strict";const e=require("react/jsx-runtime"),E=require("react"),g=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),W=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),x=require("./Button.cjs"),f=require("./IconButton.cjs"),O=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),P=require("./TextAreaInput.cjs"),Q=require("./TimeInput.cjs"),X=require("./ColorInput.cjs"),Y=require("./FileInput.cjs"),Z=require("./RangeSlider.cjs"),b=require("./utils-BK6B_Y9X.cjs"),z=require("./FormField.cjs"),ee=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),te=g.styled.div`
   display: flex;
   justify-content: space-between;
 `,re=g.styled.form`

package/dist/FormView.js

@@ -16,7 +16,7 @@ import P from "./TimeInput.js";
 import Q from "./ColorInput.js";
 import X from "./FileInput.js";
 import Y from "./RangeSlider.js";
-import { g as Z, b as z, c as ee } from "./utils-MoGhNMmj.js";
+import { g as Z, b as z, c as ee } from "./utils-BUdHa0nB.js";
 import re from "./FormField.js";
 import { u as te } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const ae = x.div`

package/dist/GeneralWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),f=require("react"),v=require("./Icon.cjs"),w=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),x=require("./utils-CITgSxXe.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./index-Bj1KWOV4.cjs"),$=w.styled.a`
+"use strict";const r=require("react/jsx-runtime"),f=require("react"),v=require("./Icon.cjs"),w=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),x=require("./utils-BK6B_Y9X.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./index-CeQvy566.cjs"),$=w.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;

package/dist/GeneralWithTagsCardsSection.js

@@ -3,9 +3,9 @@ import { forwardRef as h } from "react";
 import b from "./Icon.js";
 import { s as w } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { d } from "./breakpoints-BubDitvo.js";
-import { n as v, l as $, m as C } from "./utils-MoGhNMmj.js";
+import { n as v, l as $, m as C } from "./utils-BUdHa0nB.js";
 import { u as N } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { a as k, S as W } from "./index-Cn4bq6ZX.js";
+import { a as k, S as W } from "./index-B7fBsitY.js";
 const j = w.a`
   text-decoration: none;
   color: var(--gray-950);

package/dist/GiftCardsSection.cjs

@@ -1,20 +1,20 @@
-"use strict";const r=require("react/jsx-runtime"),j=require("react"),C=require("./useDetectMobile-DYV6V1yw.cjs"),v=require("./style-Boz6dk5s.cjs"),u=require("./utils-CITgSxXe.cjs"),$=require("./Button.cjs"),f=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),g=require("./breakpoints-CcVm-gVm.cjs"),t=require("./style-Ito6YFqi.cjs"),R=f.styled.div`
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),v=require("./useDetectMobile-DYV6V1yw.cjs"),k=require("./style-cJUZrJoG.cjs"),m=require("./utils-BK6B_Y9X.cjs"),$=require("./Button.cjs"),h=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),f=require("./breakpoints-CcVm-gVm.cjs"),g=require("./style-CQdEALKR.cjs"),N=h.styled.div`
   display: grid;
-  grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media ${g.down("M")} {
+  @media ${f.down("M")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${g.down("S")} {
+  @media ${f.down("S")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${g.down("XS")} {
+  @media ${f.down("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`,G=f.styled.a`
+`,R=h.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -37,7 +37,7 @@
       transform: scale(1.1);
     }
   }
-`,L=f.styled.div`
+`,q=h.styled.div`
   width: 100%;
   min-height: 11rem;
   max-height: 11rem;
@@ -74,16 +74,12 @@
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
   }
-`,S=j.forwardRef((i,l)=>{const{image:o,text:d,price:s,currency:n,onSelectGiftCard:h=()=>{},selectAction:c,LinkComponent:m}=i,p=m||"a";return r.jsxs(G,{ref:l,className:"simple-gift-card",onClick:()=>h(s),as:p,...m?{to:`${c}`}:{href:`${c}`},children:[r.jsxs(L,{children:[r.jsx("div",{className:"price-tag",children:s&&n&&`${u.formatPrice(s)} ${u.GetCurrencySymbol(n)}`}),r.jsx("img",{src:o})]}),r.jsx("div",{className:"text-wrap",children:d})]})}),N=f.styled(t.SkeletonRowWrapper)`
-  @media ${g.down("S")} {
+`,b=j.forwardRef((r,n)=>{const{image:o,text:c,price:s,currency:i,onSelectGiftCard:u=()=>{},selectAction:l,LinkComponent:d}=r,p=d||"a";return t.jsxs(R,{ref:n,className:"simple-gift-card",onClick:()=>u(s),as:p,...d?{to:`${l}`}:{href:`${l}`},children:[t.jsxs(q,{children:[t.jsx("div",{className:"price-tag",children:s&&i&&`${m.formatPrice(s)} ${m.GetCurrencySymbol(i)}`}),t.jsx("img",{src:o})]}),t.jsx("div",{className:"text-wrap",children:c})]})}),G=h.styled(g.SkeletonAnimationContainer)`
+  @media ${f.down("S")} {
     flex-direction: column;
 
     & > div {
       flex-direction: column;
-
-      & > div {
-        ${t.skeletonGradientBackground}
-      }
     }
   }
-`,q=({keyPrefix:i})=>r.jsxs(N,{children:[r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-1`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-2`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-3`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-4`)]}),W=({keyPrefix:i,isLoading:l=!1,fallbackComponent:o=r.jsx(r.Fragment,{}),children:d})=>r.jsx(j.Suspense,{fallbackComponent:o,children:l===!0?r.jsx(q,{keyPrefix:i}):d}),P=j.forwardRef((i,l)=>{const{icon:o,title:d,buttonLink:s,items:n,isLoading:h=!1,buttonText:c,limit:m=4,onSelectCard:p=()=>{},onButtonAction:w=()=>{},LinkComponent:b}=i,k=C.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(o)&&r.jsx("i",{className:o}),r.jsx("span",{children:d})]}),u.isDefinedNotEmptyString(c)&&u.isDefinedNotEmptyString(s)&&!h&&r.jsx($,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),w(s)},borderRadius:"curved",className:"button-link",children:c})]}),r.jsx(W,{isLoading:h,keyPrefix:"gift-cards-skeleton",children:r.jsx(R,{limit:m,children:k===!0?n==null?void 0:n.map((e,a)=>r.jsx(S,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,selectAction:e==null?void 0:e.selectAction,onSelectGiftCard:y=>p(e),LinkComponent:b},a)):n==null?void 0:n.slice(0,m).map((e,a)=>r.jsx(S,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,selectAction:e==null?void 0:e.selectAction,onSelectGiftCard:y=>p(e),LinkComponent:b},a))})})]})});module.exports=P;
+`,A=({keyPrefix:r})=>t.jsx(G,{children:[1,2,3,4].map(n=>t.jsxs(g.SkeletonColumnContainer,{alignItems:"center",children:[t.jsx(g.SkeletonRect,{width:"100%",height:"11rem",borderRadius:"0.75rem"}),t.jsx(g.SkeletonRect,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${r}-${n}`))}),D=({keyPrefix:r,isLoading:n=!1,fallbackComponent:o=t.jsx(t.Fragment,{}),children:c})=>t.jsx(j.Suspense,{fallbackComponent:o,children:n===!0?t.jsx(A,{keyPrefix:r}):c}),T=j.forwardRef((r,n)=>{const{icon:o,title:c,buttonLink:s,items:i,isLoading:u=!1,buttonText:l,limit:d=4,onSelectCard:p=()=>{},onButtonAction:w=()=>{},LinkComponent:y}=r,S=v.useDetectMobile();return t.jsxs(k.RegulatTitleSectionWrapper,{ref:n,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[m.isDefinedNotEmptyString(o)&&t.jsx("i",{className:o}),t.jsx("span",{children:c})]}),m.isDefinedNotEmptyString(l)&&m.isDefinedNotEmptyString(s)&&!u&&t.jsx($,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),w(s)},borderRadius:"curved",className:"button-link",children:l})]}),t.jsx(D,{isLoading:u,keyPrefix:"gift-cards-skeleton",children:t.jsx(N,{limit:d,children:S===!0?i==null?void 0:i.map((e,a)=>t.jsx(b,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,selectAction:e==null?void 0:e.selectAction,onSelectGiftCard:C=>p(e),LinkComponent:y},a)):i==null?void 0:i.slice(0,d).map((e,a)=>t.jsx(b,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,selectAction:e==null?void 0:e.selectAction,onSelectGiftCard:C=>p(e),LinkComponent:y},a))})})]})});module.exports=T;