@lanaco/lnc-react-ui 4.0.32 → 4.0.33

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,11 +1,11 @@
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { n as p } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { t as v, m as y, l as b } from "./utils-DtEdJZWa.js";
-import $ from "./Icon.js";
-import { u as k } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { forwardRef as p } from "react";
+import { n as m } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { t as v, m as y, l as b } from "./utils-xpQsPsCa.js";
+import k from "./Icon.js";
+import { u as $ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import { M as N } from "./consts-DNVz1x1I.js";
-const W = p.div`
+const C = m.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -15,6 +15,10 @@ const W = p.div`
   border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
   background: var(--Lanaco-Gray-white, #fff);
 
+  &:hover {
+    cursor: pointer;
+  }
+
   /* drop-shadow-sm */
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
 
@@ -35,7 +39,7 @@ const W = p.div`
     align-self: stretch;
 
     & .wrapper__title {
-      color: var(--gray-950);
+      color: var(--gray-950, #14161a);
       font-size: 1rem;
       font-style: normal;
       font-weight: 500;
@@ -44,7 +48,7 @@ const W = p.div`
     }
 
     & .wrapper__description {
-      color: var(--gray-600);
+      color: var(--gray-600, #676e79);
       font-size: 0.75rem;
       font-style: normal;
       font-weight: 400;
@@ -53,22 +57,26 @@ const W = p.div`
       ${v(2)}
     }
   }
-`, I = p.div`
+`, I = m.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${y("-90deg")};
-`, C = p.div`
+`, W = m.div`
   display: flex;
-  padding: 0 0.75rem 0 0;
+  padding: 0 0.5rem 0 0;
   align-items: center;
+  justify-content: center;
   background: var(--neutral-9504, rgba(20, 22, 26, 0.04));
   border-radius: 999px;
 
+  &:hover {
+    cursor: pointer;
+  }
+
   & .wrapper__icon {
     font-size: 1.75rem;
     color: var(--gray-950, #14161a);
-    background: var(--gray-200);
     border-radius: 999px;
     width: 2.75rem;
     height: 2.75rem;
@@ -98,22 +106,22 @@ const W = p.div`
       color: var(--white, #fff);
     }
   }
-`, T = p.div`
+`, F = m.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${y("-90deg")};
-`, j = m(({}, r) => /* @__PURE__ */ i(T, {})), z = m(
+`, j = p(({}, r) => /* @__PURE__ */ i(F, {})), z = p(
   ({ text: r, isActive: n, icon: t, onSelectCard: s = () => {
-  } }, f) => /* @__PURE__ */ l(C, { className: n ? "active" : "", onClick: s, children: [
-    /* @__PURE__ */ i($, { icon: t, className: "wrapper__icon" }),
+  } }, d) => /* @__PURE__ */ l(W, { className: n ? "active" : "", onClick: s, children: [
+    /* @__PURE__ */ i(k, { icon: t, className: "wrapper__icon" }),
     /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
   ] })
-), F = m(
-  ({ image: r, imageComponent: n, title: t, description: s, onSelectCard: f = () => {
-  } }, w) => {
-    const { theme: d } = k();
-    return /* @__PURE__ */ l(W, { theme: d, onClick: f, children: [
+), O = p(
+  ({ image: r, imageComponent: n, title: t, description: s, onSelectCard: d = () => {
+  } }, g) => {
+    const { theme: f } = $();
+    return /* @__PURE__ */ l(C, { theme: f, onClick: d, children: [
       b(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
       /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
         t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
@@ -121,7 +129,7 @@ const W = p.div`
       ] })
     ] });
   }
-), O = m(({}, r) => /* @__PURE__ */ i(I, {})), A = p.div`
+), T = p(({}, r) => /* @__PURE__ */ i(I, {})), M = m.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -154,9 +162,8 @@ const W = p.div`
   }
 
   & .wrapper__tags {
-    display: grid;
-    grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitTags}, minmax(0, 1fr))`};
-    justify-content: center;
+    display: flex;
+    justify-items: center;
     align-items: center;
     gap: 0.75rem;
   }
@@ -172,10 +179,23 @@ const W = p.div`
 
   @media (max-width: ${N + "px"}) {
     & .wrapper__tags {
-      display: flex;
       overflow-x: scroll;
       justify-content: flex-start;
       width: 100%;
+
+      -webkit-overflow-scrolling: touch;
+      ::-webkit-scrollbar {
+        -webkit-appearance: none;
+      }
+      -ms-overflow-style: none;
+      /* Internet Explorer 10+ */
+      scrollbar-width: none;
+      /* Firefox */
+
+      &::-webkit-scrollbar {
+        display: none;
+        /* Safari and Chrome */
+      }
     }
 
     & .wrapper__cards {
@@ -183,34 +203,34 @@ const W = p.div`
       gap: 1rem;
     }
   }
-`, X = m(
+`, X = p(
   ({
     title: r,
     subtitle: n,
     tags: t = [],
     limitTags: s = 7,
-    limitTagsForMobile: f = 7,
-    limitCards: w = 3,
-    limitCardsForMobile: d = 2,
-    cards: a = [],
-    onSelectTag: h = () => {
+    limitTagsForMobile: d = 7,
+    limit: g = 3,
+    limitForMobile: f = 2,
+    items: a = [],
+    onSelectTag: c = () => {
     },
-    onSelectCard: _ = () => {
+    onSelectCard: h = () => {
     }
-  }, M) => {
-    var x, u;
-    const c = (e) => {
+  }, A) => {
+    var u, x;
+    const _ = (e) => {
+      c == null || c(e == null ? void 0 : e.uuid);
+    }, w = (e) => {
       h == null || h(e == null ? void 0 : e.uuid);
-    }, g = (e) => {
-      _ == null || _(e == null ? void 0 : e.uuid);
     };
     return /* @__PURE__ */ l(
-      A,
+      M,
       {
         limitTags: s,
-        limitTagsForMobile: f,
-        limitCards: w,
-        limitCardsForMobile: d,
+        limitTagsForMobile: d,
+        limitCards: g,
+        limitCardsForMobile: f,
         children: [
           /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
             r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
@@ -221,26 +241,26 @@ const W = p.div`
             {
               icon: e == null ? void 0 : e.icon,
               text: e == null ? void 0 : e.text,
-              onSelectCard: () => c == null ? void 0 : c(e)
+              onSelectCard: () => _ == null ? void 0 : _(e)
             },
             `field-of-interests-with-tags-card-tag__${o + 1}`
-          )) : (x = Array.from("123")) == null ? void 0 : x.map((e, o) => /* @__PURE__ */ i(
+          )) : (u = Array.from("123")) == null ? void 0 : u.map((e, o) => /* @__PURE__ */ i(
             j,
             {},
             `field-of-interests-with-tags-card-tag-skeleton__${o + 1}`
           )) }),
           /* @__PURE__ */ i("div", { className: "wrapper__cards", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, o) => /* @__PURE__ */ i(
-            F,
+            O,
             {
               image: e == null ? void 0 : e.image,
               imageComponent: e == null ? void 0 : e.imageComponent,
               title: e == null ? void 0 : e.title,
               description: e == null ? void 0 : e.description,
-              onSelectCard: () => g == null ? void 0 : g(e == null ? void 0 : e.uuid)
+              onSelectCard: () => w == null ? void 0 : w(e == null ? void 0 : e.uuid)
             },
             `field-of-interests-with-tags-card__${o + 1}`
-          )) : (u = Array.from("123")) == null ? void 0 : u.map((e, o) => /* @__PURE__ */ i(
-            O,
+          )) : (x = Array.from("123")) == null ? void 0 : x.map((e, o) => /* @__PURE__ */ i(
+            T,
             {},
             `field-of-interests-with-tags-card-skeleton__${o + 1}`
           )) })

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-Cbp_XsK4.cjs"),t=require("./index-BPVoEhTF.cjs"),r=require("./utils-CE6bljYe.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),k=b.newStyled.label`
+"use strict";const c=require("react/jsx-runtime"),g=require("react"),b=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./index-BPVoEhTF.cjs"),r=require("./utils-UJt-R-G3.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),k=b.newStyled.label`
   display: inline-flex;
   box-sizing: border-box;
   width: 100%;

package/dist/FileInput.js

@@ -2,7 +2,7 @@ import { jsxs as S, jsx as m } from "react/jsx-runtime";
 import { forwardRef as R, useState as g } from "react";
 import { n as c } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { d as y, a as r, e as V, g as x, h as p } from "./utils-DtEdJZWa.js";
+import { d as y, a as r, e as V, g as x, h as p } from "./utils-xpQsPsCa.js";
 import { u as B } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const D = c.label`
   display: inline-flex;

package/dist/FlexGridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),q=require("./utils-CE6bljYe.cjs"),$=g.newStyled.div`
+"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),q=require("./utils-UJt-R-G3.cjs"),$=g.newStyled.div`
   ${s=>s.width>0?"":"flex: 1;"}
   min-width: ${s=>100/s.columns}%;
   width: ${s=>s.width}%;

package/dist/FlexGridItem.js

@@ -2,7 +2,7 @@ import { jsx as y } from "react/jsx-runtime";
 import { forwardRef as N, useState as S, useEffect as b } from "react";
 import { P as i } from "./index-S5Cd7WrG.js";
 import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { u as M } from "./utils-DtEdJZWa.js";
+import { u as M } from "./utils-xpQsPsCa.js";
 const W = 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 s=require("react/jsx-runtime"),r=require("./index-BPVoEhTF.cjs"),a=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-CE6bljYe.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),g=a.newStyled.label`
+"use strict";const s=require("react/jsx-runtime"),r=require("./index-BPVoEhTF.cjs"),a=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-UJt-R-G3.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),g=a.newStyled.label`
   display: block;
   margin-bottom: 4px;
   ${e=>o.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}

package/dist/FormField.js

@@ -1,7 +1,7 @@
 import { jsxs as b, jsx as s } from "react/jsx-runtime";
 import { P as l } from "./index-S5Cd7WrG.js";
 import { n as m } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { g as i, a as n } from "./utils-DtEdJZWa.js";
+import { g as i, a as n } from "./utils-xpQsPsCa.js";
 import { u as g } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const f = m.label`
   display: block;

package/dist/FormView.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-CE6bljYe.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),oe=g.newStyled.div`
+"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-UJt-R-G3.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),oe=g.newStyled.div`
   display: flex;
   justify-content: space-between;
 `,se=g.newStyled.form`

package/dist/FormView.js

@@ -17,7 +17,7 @@ import X from "./TimeInput.js";
 import Z from "./ColorInput.js";
 import z from "./FileInput.js";
 import ee from "./RangeSlider.js";
-import { c as re, b as te, a as oe } from "./utils-DtEdJZWa.js";
+import { c as re, b as te, a as oe } from "./utils-xpQsPsCa.js";
 import ae from "./FormField.js";
 import { u as ne } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const ie = y.div`

package/dist/GeneralWithTagsCardsSection.cjs

@@ -0,0 +1,198 @@
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),l=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),d=require("./consts-dNz9tpt4.cjs"),m=require("./utils-UJt-R-G3.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),j=l.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex-shrink: 0;
+  align-self: stretch;
+  border-radius: 0.75rem;
+  border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
+  background: var(--Lanaco-Gray-white, #fff);
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  /* drop-shadow-sm */
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+
+  & .wrapper__image {
+    width: 100%;
+    object-fit: cover;
+    height: auto;
+    max-height: 19.5rem;
+    border-radius: 0.75rem 0.75rem 0 0;
+  }
+
+  & .wrapper__content {
+    display: flex;
+    padding: 1rem;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1.25rem;
+    align-self: stretch;
+
+    & .wrapper__title {
+      color: var(--gray-950, #14161a);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+      ${m.truncateTextInRows(2)}
+    }
+  }
+  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+    background: transparent;
+    border: none;
+    box-shadow: none;
+    gap: 0.75rem;
+
+    & .wrapper__image {
+      border-radius: 999px;
+      aspect-ratio: 1 / 1;
+    }
+
+    & .wrapper__content {
+      align-items: center;
+      padding: 0;
+      text-align: center;
+
+      & .wrapper__title {
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+      }
+    }
+  }
+`,k=l.newStyled.div`
+  width: 100%;
+  height: 11.625rem;
+  border-radius: 0.75rem;
+  background: ${m.linearGradientAnimation("-90deg")};
+
+  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+    width: 5rem;
+    height: 5rem;
+    border-radius: 999px;
+  }
+`,$=l.newStyled.div`
+  display: flex;
+  padding: 0 0.5rem 0 0;
+  align-items: center;
+  justify-content: center;
+  background: var(--white, #fff);
+  border: 1px solid var(--neutral-95012, rgba(20, 22, 26, 0.12));
+  border-radius: 999px;
+  height: 2.5rem;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  & .wrapper__icon {
+    font-size: 1.5rem;
+    color: var(--gray-950, #14161a);
+    border-radius: 999px;
+    width: 2.5rem;
+    height: 2.5rem;
+
+    & i {
+      width: auto;
+    }
+  }
+
+  & .wrapper__text {
+    color: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.09px;
+  }
+
+  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+    & .wrapper__text {
+      white-space: nowrap;
+    }
+  }
+`,I=l.newStyled.div`
+  width: 7rem;
+  height: 3rem;
+  border-radius: 999px;
+  background: ${m.linearGradientAnimation("-90deg")};
+`,C=s.forwardRef(({},i)=>r.jsx(I,{})),E=s.forwardRef(({text:i,icon:n,onSelectCard:t=()=>{}},p)=>r.jsxs($,{onClick:t,children:[r.jsx(y,{icon:` ${n}`,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),N=s.forwardRef(({image:i,imageComponent:n,title:t,onSelectCard:p=()=>{}},f)=>{const{theme:c}=v.useTheme();return r.jsxs(j,{theme:c,onClick:p,children:[m.isDefined(n)?n:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:t})})]})}),W=s.forwardRef(({},i)=>r.jsx(k,{})),G=l.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5rem;
+
+  & .wrapper__heading {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    text-align: center;
+
+    & .wrapper__title {
+      color: var(--gray-950, #14161a);
+      text-align: center;
+      font-size: 1.5rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 2rem;
+      letter-spacing: -0.47px;
+    }
+
+    & .wrapper__subtitle {
+      color: var(---gray-600, #676e79);
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: 0.25px;
+    }
+  }
+
+  & .wrapper__tags {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    gap: 0.75rem;
+  }
+
+  & .wrapper__cards {
+    display: grid;
+    grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitCards}, minmax(0, 1fr))`};
+    justify-content: center;
+    align-items: center;
+    gap: 1.5rem;
+    width: 100%;
+  }
+
+  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+    & .wrapper__tags {
+      display: flex;
+      flex-wrap: nowrap;
+      overflow-x: scroll;
+      justify-content: flex-start;
+      width: 100%;
+
+      -webkit-overflow-scrolling: touch;
+      ::-webkit-scrollbar {
+        -webkit-appearance: none;
+      }
+      -ms-overflow-style: none;
+      /* Internet Explorer 10+ */
+      scrollbar-width: none;
+      /* Firefox */
+
+      &::-webkit-scrollbar {
+        display: none;
+        /* Safari and Chrome */
+      }
+    }
+
+    & .wrapper__cards {
+      grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitCardsForMobile}, minmax(0, 1fr))`};
+      gap: 1rem;
+    }
+  }
+`,R=s.forwardRef(({title:i,subtitle:n,tags:t=[],limitTags:p=7,limitTagsForMobile:f=2,limit:c=3,limitForMobile:b=3,items:a=[],onSelectTag:h=()=>{},onSelectCard:w=()=>{}},S)=>{var g,u;const x=e=>{h==null||h(e==null?void 0:e.uuid)},_=e=>{w==null||w(e==null?void 0:e.uuid)};return r.jsxs(G,{limitTags:p,limitTagsForMobile:f,limitCards:c,limitCardsForMobile:b,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__cards",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,o)=>r.jsx(N,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>_==null?void 0:_(e==null?void 0:e.uuid)},`general-with-tags-card__${o+1}`)):(g=Array.from("123"))==null?void 0:g.map((e,o)=>r.jsx(W,{},`general-with-tags-card-skeleton__${o+1}`))}),r.jsx("div",{className:"wrapper__tags",children:t&&(t==null?void 0:t.length)>0?t==null?void 0:t.map((e,o)=>r.jsx(E,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.text,onSelectCard:()=>x==null?void 0:x(e)},`general-with-tags-card-tag__${o+1}`)):(u=Array.from("123"))==null?void 0:u.map((e,o)=>r.jsx(C,{},`general-with-tags-card-tag-skeleton__${o+1}`))})]})});module.exports=R;