@logora/debate 0.4.65 → 0.4.67

package/dist/assets/components/skeleton/comments_skeleton/CommentsSkeleton.module-DxtFozVV.css

@@ -0,0 +1 @@
+._commentsSkeleton_2m189_3{display:flex;flex-direction:column;gap:var(--space-unit, 1em);width:100%}._commentsHeader_2m189_10{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._commentsTitle_2m189_16{width:60%;height:var(--font-size-large, 20px)}._commentsDescription_2m189_21{width:85%;height:var(--font-size-normal, 16px)}._commentList_2m189_26{display:flex;flex-direction:column;gap:var(--space-unit, 1em)}._commentItem_2m189_32{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._commentHeader_2m189_38{display:flex;flex-direction:row;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));align-items:center}._commentAvatar_2m189_45{width:60px;height:60px;flex-shrink:0}._commentAuthorLines_2m189_51{display:flex;flex-direction:column;gap:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25));flex:1;min-width:80px}._commentAuthorLine_2m189_51{width:160px;height:var(--font-size-small, 16px)}._commentAuthorSubline_2m189_64{width:100px;height:var(--font-size-extra-small, 14px)}._commentBody_2m189_69{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._commentLine_2m189_75{width:100%;height:var(--font-size-normal, 16px)}._commentLineShort_2m189_80{width:65%;height:var(--font-size-normal, 16px)}

package/dist/assets/components/skeleton/consultation_skeleton/ConsultationSkeleton.module-DZ19OJWm.css

@@ -0,0 +1 @@
+._consultationSkeleton_1xisi_3{display:flex;flex-direction:column;gap:var(--space-unit, 1em);width:100%}._consultationHeader_1xisi_10{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._consultationTitle_1xisi_16{width:55%;height:var(--font-size-extra-large, 22px)}._consultationDescription_1xisi_21{width:80%;height:var(--font-size-normal, 16px)}._tabsRow_1xisi_26{display:flex;flex-direction:row;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._tab_1xisi_26{width:120px;height:32px;border-radius:var(--box-border-radius, 6px)}._proposalList_1xisi_38{display:flex;flex-direction:column;gap:var(--space-unit, 1em)}._proposalItem_1xisi_44{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));border-radius:var(--box-border-radius, 6px);box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));padding:var(--space-unit, 1em)}._proposalAuthor_1xisi_54{width:180px;height:40px}._proposalLine_1xisi_59{width:100%;height:var(--font-size-normal, 16px)}._proposalLineShort_1xisi_64{width:55%;height:var(--font-size-normal, 16px)}

package/dist/assets/components/skeleton/debate_skeleton/DebateSkeleton.module-DXz8__D7.css

@@ -0,0 +1 @@
+._debateSkeleton_43wmf_3{display:flex;flex-direction:column;gap:var(--space-unit, 1em);width:100%}._debateImageBox_43wmf_10{width:100%;border-top-left-radius:var(--box-border-radius, 6px);border-top-right-radius:var(--box-border-radius, 6px)}._debateImage_43wmf_10{width:100%;height:210px;border-top-left-radius:var(--box-border-radius, 6px);border-top-right-radius:var(--box-border-radius, 6px)}._debateHeader_43wmf_23{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._debateTitle_43wmf_29{width:70%;height:var(--font-size-extra-large, 22px)}._debateSubtitle_43wmf_34{width:40%;height:var(--font-size-normal, 16px)}._debateContent_43wmf_39{display:flex;flex-direction:row;gap:var(--space-unit, 1em)}@container (max-width: 767.98px){._debateContent_43wmf_39{flex-direction:column}}._debateMainColumn_43wmf_50{display:flex;flex-direction:column;gap:var(--space-unit, 1em);flex:1;min-width:0}._argumentBlock_43wmf_58{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._argumentLine_43wmf_64{width:100%;height:var(--font-size-normal, 16px)}._argumentLineShort_43wmf_69{width:60%;height:var(--font-size-normal, 16px)}._debateSideColumn_43wmf_74{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));width:260px;flex-shrink:0}@container (max-width: 767.98px){._debateSideColumn_43wmf_74{width:100%}}._sideBox_43wmf_87{width:100%;height:180px;border-radius:var(--box-border-radius, 6px)}

package/dist/assets/components/skeleton/suggestion_skeleton/SuggestionSkeleton.module-99fNFsmU.css

@@ -0,0 +1 @@
+._suggestionSkeleton_z8ty1_3{display:flex;flex-direction:column;gap:var(--space-unit, 1em);width:100%}._suggestionHeader_z8ty1_10{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._suggestionTitle_z8ty1_16{width:50%;height:var(--font-size-extra-large, 22px)}._suggestionDescription_z8ty1_21{width:85%;height:var(--font-size-normal, 16px)}._inputBox_z8ty1_26{width:100%}._input_z8ty1_26{width:100%;height:80px;border-radius:var(--box-border-radius, 6px)}._tabsRow_z8ty1_36{display:flex;flex-direction:row;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._tab_z8ty1_36{width:120px;height:32px;border-radius:var(--box-border-radius, 6px)}._suggestionList_z8ty1_48{display:flex;flex-direction:column;gap:var(--space-unit, 1em)}._suggestionItem_z8ty1_54{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));border-radius:var(--box-border-radius, 6px);box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));padding:var(--space-unit, 1em)}._suggestionAuthor_z8ty1_64{width:180px;height:40px}._suggestionLine_z8ty1_69{width:100%;height:var(--font-size-normal, 16px)}._suggestionLineShort_z8ty1_74{width:55%;height:var(--font-size-normal, 16px)}

package/dist/assets/components/skeleton/user_page_skeleton/UserPageSkeleton.module-mlNfXOfB.css

@@ -0,0 +1 @@
+._userPageSkeleton_1327l_3{display:flex;flex-direction:column;gap:var(--space-unit, 1em);width:100%}._userHeader_1327l_10{display:flex;flex-direction:row;gap:var(--space-unit, 1em);align-items:center}._userAvatar_1327l_17{width:80px;height:80px;flex-shrink:0}._userHeaderLines_1327l_23{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));flex:1;min-width:120px}._userName_1327l_31{width:220px;height:var(--font-size-large, 20px)}._userDescription_1327l_36{width:320px;height:var(--font-size-normal, 16px)}._tabsRow_1327l_41{display:flex;flex-direction:row;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._tab_1327l_41{width:110px;height:32px;border-radius:var(--box-border-radius, 6px)}._contentList_1327l_53{display:flex;flex-direction:column;gap:var(--space-unit, 1em)}._contentItem_1327l_59{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));border-radius:var(--box-border-radius, 6px);box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));padding:var(--space-unit, 1em)}._contentLine_1327l_69{width:100%;height:var(--font-size-normal, 16px)}._contentLineShort_1327l_74{width:50%;height:var(--font-size-normal, 16px)}

package/dist/components/skeleton/comments_skeleton/CommentsSkeleton.js

@@ -0,0 +1,74 @@
+import { jsx as m, jsxs as t } from "react/jsx-runtime";
+import "react";
+import c from "react-loading-skeleton";
+import "react-loading-skeleton/dist/skeleton.css";
+import e from "./CommentsSkeleton.module.scss.js";
+const v = ({
+  enableAnimation: s = !0,
+  numberOfComments: r = 3,
+  className: o
+}) => /* @__PURE__ */ m("div", { "data-testid": "comments-skeleton", className: o, children: /* @__PURE__ */ t("div", { className: e.commentsSkeleton, children: [
+  /* @__PURE__ */ t("div", { className: e.commentsHeader, children: [
+    /* @__PURE__ */ m(
+      c,
+      {
+        enableAnimation: s,
+        className: e.commentsTitle
+      }
+    ),
+    /* @__PURE__ */ m(
+      c,
+      {
+        enableAnimation: s,
+        className: e.commentsDescription
+      }
+    )
+  ] }),
+  /* @__PURE__ */ m("div", { className: e.commentList, children: Array.from({ length: r }).map((a, l) => /* @__PURE__ */ t("div", { className: e.commentItem, children: [
+    /* @__PURE__ */ t("div", { className: e.commentHeader, children: [
+      /* @__PURE__ */ m(
+        c,
+        {
+          enableAnimation: s,
+          circle: !0,
+          className: e.commentAvatar
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: e.commentAuthorLines, children: [
+        /* @__PURE__ */ m(
+          c,
+          {
+            enableAnimation: s,
+            className: e.commentAuthorLine
+          }
+        ),
+        /* @__PURE__ */ m(
+          c,
+          {
+            enableAnimation: s,
+            className: e.commentAuthorSubline
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: e.commentBody, children: [
+      /* @__PURE__ */ m(
+        c,
+        {
+          enableAnimation: s,
+          className: e.commentLine
+        }
+      ),
+      /* @__PURE__ */ m(
+        c,
+        {
+          enableAnimation: s,
+          className: e.commentLineShort
+        }
+      )
+    ] })
+  ] }, l)) })
+] }) });
+export {
+  v as CommentsSkeleton
+};

package/dist/components/skeleton/comments_skeleton/CommentsSkeleton.module.scss.js

@@ -0,0 +1,33 @@
+import '../../../assets/components/skeleton/comments_skeleton/CommentsSkeleton.module-DxtFozVV.css';const m = "_commentsSkeleton_2m189_3", t = "_commentsHeader_2m189_10", e = "_commentsTitle_2m189_16", o = "_commentsDescription_2m189_21", n = "_commentList_2m189_26", c = "_commentItem_2m189_32", _ = "_commentHeader_2m189_38", s = "_commentAvatar_2m189_45", i = "_commentAuthorLines_2m189_51", r = "_commentAuthorLine_2m189_51", L = "_commentAuthorSubline_2m189_64", a = "_commentBody_2m189_69", u = "_commentLine_2m189_75", h = "_commentLineShort_2m189_80", A = {
+  commentsSkeleton: m,
+  commentsHeader: t,
+  commentsTitle: e,
+  commentsDescription: o,
+  commentList: n,
+  commentItem: c,
+  commentHeader: _,
+  commentAvatar: s,
+  commentAuthorLines: i,
+  commentAuthorLine: r,
+  commentAuthorSubline: L,
+  commentBody: a,
+  commentLine: u,
+  commentLineShort: h
+};
+export {
+  r as commentAuthorLine,
+  i as commentAuthorLines,
+  L as commentAuthorSubline,
+  s as commentAvatar,
+  a as commentBody,
+  _ as commentHeader,
+  c as commentItem,
+  u as commentLine,
+  h as commentLineShort,
+  n as commentList,
+  o as commentsDescription,
+  t as commentsHeader,
+  m as commentsSkeleton,
+  e as commentsTitle,
+  A as default
+};

package/dist/components/skeleton/consultation_skeleton/ConsultationSkeleton.js

@@ -0,0 +1,76 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import "react";
+import a from "react-loading-skeleton";
+import "react-loading-skeleton/dist/skeleton.css";
+import s from "./ConsultationSkeleton.module.scss.js";
+const u = ({
+  enableAnimation: t = !0,
+  numberOfProposals: r = 4,
+  className: c
+}) => /* @__PURE__ */ o("div", { "data-testid": "consultation-skeleton", className: c, children: /* @__PURE__ */ l("div", { className: s.consultationSkeleton, children: [
+  /* @__PURE__ */ l("div", { className: s.consultationHeader, children: [
+    /* @__PURE__ */ o(
+      a,
+      {
+        enableAnimation: t,
+        className: s.consultationTitle
+      }
+    ),
+    /* @__PURE__ */ o(
+      a,
+      {
+        enableAnimation: t,
+        className: s.consultationDescription
+      }
+    )
+  ] }),
+  /* @__PURE__ */ l("div", { className: s.tabsRow, children: [
+    /* @__PURE__ */ o(
+      a,
+      {
+        enableAnimation: t,
+        className: s.tab
+      }
+    ),
+    /* @__PURE__ */ o(
+      a,
+      {
+        enableAnimation: t,
+        className: s.tab
+      }
+    ),
+    /* @__PURE__ */ o(
+      a,
+      {
+        enableAnimation: t,
+        className: s.tab
+      }
+    )
+  ] }),
+  /* @__PURE__ */ o("div", { className: s.proposalList, children: Array.from({ length: r }).map((p, e) => /* @__PURE__ */ l("div", { className: s.proposalItem, children: [
+    /* @__PURE__ */ o(
+      a,
+      {
+        enableAnimation: t,
+        className: s.proposalAuthor
+      }
+    ),
+    /* @__PURE__ */ o(
+      a,
+      {
+        enableAnimation: t,
+        className: s.proposalLine
+      }
+    ),
+    /* @__PURE__ */ o(
+      a,
+      {
+        enableAnimation: t,
+        className: s.proposalLineShort
+      }
+    )
+  ] }, e)) })
+] }) });
+export {
+  u as ConsultationSkeleton
+};

package/dist/components/skeleton/consultation_skeleton/ConsultationSkeleton.module.scss.js

@@ -0,0 +1,27 @@
+import '../../../assets/components/skeleton/consultation_skeleton/ConsultationSkeleton.module-DZ19OJWm.css';const o = "_consultationSkeleton_1xisi_3", t = "_consultationHeader_1xisi_10", s = "_consultationTitle_1xisi_16", i = "_consultationDescription_1xisi_21", n = "_tabsRow_1xisi_26", a = "_tab_1xisi_26", l = "_proposalList_1xisi_38", p = "_proposalItem_1xisi_44", _ = "_proposalAuthor_1xisi_54", e = "_proposalLine_1xisi_59", r = "_proposalLineShort_1xisi_64", c = {
+  consultationSkeleton: o,
+  consultationHeader: t,
+  consultationTitle: s,
+  consultationDescription: i,
+  tabsRow: n,
+  tab: a,
+  proposalList: l,
+  proposalItem: p,
+  proposalAuthor: _,
+  proposalLine: e,
+  proposalLineShort: r
+};
+export {
+  i as consultationDescription,
+  t as consultationHeader,
+  o as consultationSkeleton,
+  s as consultationTitle,
+  c as default,
+  _ as proposalAuthor,
+  p as proposalItem,
+  e as proposalLine,
+  r as proposalLineShort,
+  l as proposalList,
+  a as tab,
+  n as tabsRow
+};

package/dist/components/skeleton/debate_skeleton/DebateSkeleton.js

@@ -0,0 +1,90 @@
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import "react";
+import t from "react-loading-skeleton";
+import "react-loading-skeleton/dist/skeleton.css";
+import e from "./DebateSkeleton.module.scss.js";
+const o = ({ enableAnimation: a = !0, className: r }) => /* @__PURE__ */ s("div", { "data-testid": "debate-skeleton", className: r, children: /* @__PURE__ */ d("div", { className: e.debateSkeleton, children: [
+  /* @__PURE__ */ s("div", { className: e.debateImageBox, children: /* @__PURE__ */ s(
+    t,
+    {
+      enableAnimation: a,
+      className: e.debateImage
+    }
+  ) }),
+  /* @__PURE__ */ d("div", { className: e.debateHeader, children: [
+    /* @__PURE__ */ s(
+      t,
+      {
+        enableAnimation: a,
+        className: e.debateTitle
+      }
+    ),
+    /* @__PURE__ */ s(
+      t,
+      {
+        enableAnimation: a,
+        className: e.debateSubtitle
+      }
+    )
+  ] }),
+  /* @__PURE__ */ d("div", { className: e.debateContent, children: [
+    /* @__PURE__ */ d("div", { className: e.debateMainColumn, children: [
+      /* @__PURE__ */ d("div", { className: e.argumentBlock, children: [
+        /* @__PURE__ */ s(
+          t,
+          {
+            enableAnimation: a,
+            className: e.argumentLine
+          }
+        ),
+        /* @__PURE__ */ s(
+          t,
+          {
+            enableAnimation: a,
+            className: e.argumentLine
+          }
+        ),
+        /* @__PURE__ */ s(
+          t,
+          {
+            enableAnimation: a,
+            className: e.argumentLineShort
+          }
+        )
+      ] }),
+      /* @__PURE__ */ d("div", { className: e.argumentBlock, children: [
+        /* @__PURE__ */ s(
+          t,
+          {
+            enableAnimation: a,
+            className: e.argumentLine
+          }
+        ),
+        /* @__PURE__ */ s(
+          t,
+          {
+            enableAnimation: a,
+            className: e.argumentLine
+          }
+        ),
+        /* @__PURE__ */ s(
+          t,
+          {
+            enableAnimation: a,
+            className: e.argumentLineShort
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: e.debateSideColumn, children: /* @__PURE__ */ s(
+      t,
+      {
+        enableAnimation: a,
+        className: e.sideBox
+      }
+    ) })
+  ] })
+] }) });
+export {
+  o as DebateSkeleton
+};

package/dist/components/skeleton/debate_skeleton/DebateSkeleton.module.scss.js

@@ -0,0 +1,31 @@
+import '../../../assets/components/skeleton/debate_skeleton/DebateSkeleton.module-DXz8__D7.css';const e = "_debateSkeleton_43wmf_3", t = "_debateImageBox_43wmf_10", a = "_debateImage_43wmf_10", n = "_debateHeader_43wmf_23", o = "_debateTitle_43wmf_29", _ = "_debateSubtitle_43wmf_34", d = "_debateContent_43wmf_39", m = "_debateMainColumn_43wmf_50", b = "_argumentBlock_43wmf_58", i = "_argumentLine_43wmf_64", l = "_argumentLineShort_43wmf_69", s = "_debateSideColumn_43wmf_74", u = "_sideBox_43wmf_87", c = {
+  debateSkeleton: e,
+  debateImageBox: t,
+  debateImage: a,
+  debateHeader: n,
+  debateTitle: o,
+  debateSubtitle: _,
+  debateContent: d,
+  debateMainColumn: m,
+  argumentBlock: b,
+  argumentLine: i,
+  argumentLineShort: l,
+  debateSideColumn: s,
+  sideBox: u
+};
+export {
+  b as argumentBlock,
+  i as argumentLine,
+  l as argumentLineShort,
+  d as debateContent,
+  n as debateHeader,
+  a as debateImage,
+  t as debateImageBox,
+  m as debateMainColumn,
+  s as debateSideColumn,
+  e as debateSkeleton,
+  _ as debateSubtitle,
+  o as debateTitle,
+  c as default,
+  u as sideBox
+};

package/dist/components/skeleton/suggestion_skeleton/SuggestionSkeleton.js

@@ -0,0 +1,64 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import "react";
+import r from "react-loading-skeleton";
+import "react-loading-skeleton/dist/skeleton.css";
+import s from "./SuggestionSkeleton.module.scss.js";
+const h = ({
+  enableAnimation: t = !0,
+  numberOfSuggestions: o = 4,
+  className: c
+}) => /* @__PURE__ */ e("div", { "data-testid": "suggestion-skeleton", className: c, children: /* @__PURE__ */ i("div", { className: s.suggestionSkeleton, children: [
+  /* @__PURE__ */ i("div", { className: s.suggestionHeader, children: [
+    /* @__PURE__ */ e(
+      r,
+      {
+        enableAnimation: t,
+        className: s.suggestionTitle
+      }
+    ),
+    /* @__PURE__ */ e(
+      r,
+      {
+        enableAnimation: t,
+        className: s.suggestionDescription
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e("div", { className: s.inputBox, children: /* @__PURE__ */ e(
+    r,
+    {
+      enableAnimation: t,
+      className: s.input
+    }
+  ) }),
+  /* @__PURE__ */ i("div", { className: s.tabsRow, children: [
+    /* @__PURE__ */ e(r, { enableAnimation: t, className: s.tab }),
+    /* @__PURE__ */ e(r, { enableAnimation: t, className: s.tab })
+  ] }),
+  /* @__PURE__ */ e("div", { className: s.suggestionList, children: Array.from({ length: o }).map((a, g) => /* @__PURE__ */ i("div", { className: s.suggestionItem, children: [
+    /* @__PURE__ */ e(
+      r,
+      {
+        enableAnimation: t,
+        className: s.suggestionAuthor
+      }
+    ),
+    /* @__PURE__ */ e(
+      r,
+      {
+        enableAnimation: t,
+        className: s.suggestionLine
+      }
+    ),
+    /* @__PURE__ */ e(
+      r,
+      {
+        enableAnimation: t,
+        className: s.suggestionLineShort
+      }
+    )
+  ] }, g)) })
+] }) });
+export {
+  h as SuggestionSkeleton
+};

package/dist/components/skeleton/suggestion_skeleton/SuggestionSkeleton.module.scss.js

@@ -0,0 +1,31 @@
+import '../../../assets/components/skeleton/suggestion_skeleton/SuggestionSkeleton.module-99fNFsmU.css';const t = "_suggestionSkeleton_z8ty1_3", s = "_suggestionHeader_z8ty1_10", o = "_suggestionTitle_z8ty1_16", n = "_suggestionDescription_z8ty1_21", e = "_inputBox_z8ty1_26", g = "_input_z8ty1_26", i = "_tabsRow_z8ty1_36", _ = "_tab_z8ty1_36", u = "_suggestionList_z8ty1_48", c = "_suggestionItem_z8ty1_54", y = "_suggestionAuthor_z8ty1_64", r = "_suggestionLine_z8ty1_69", z = "_suggestionLineShort_z8ty1_74", a = {
+  suggestionSkeleton: t,
+  suggestionHeader: s,
+  suggestionTitle: o,
+  suggestionDescription: n,
+  inputBox: e,
+  input: g,
+  tabsRow: i,
+  tab: _,
+  suggestionList: u,
+  suggestionItem: c,
+  suggestionAuthor: y,
+  suggestionLine: r,
+  suggestionLineShort: z
+};
+export {
+  a as default,
+  g as input,
+  e as inputBox,
+  y as suggestionAuthor,
+  n as suggestionDescription,
+  s as suggestionHeader,
+  c as suggestionItem,
+  r as suggestionLine,
+  z as suggestionLineShort,
+  u as suggestionList,
+  t as suggestionSkeleton,
+  o as suggestionTitle,
+  _ as tab,
+  i as tabsRow
+};

package/dist/components/skeleton/user_content_skeleton/UserContentSkeleton.js

@@ -1,50 +1,43 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import "react";
-import s, { SkeletonTheme as h } from "react-loading-skeleton";
+import r from "react-loading-skeleton";
 import "react-loading-skeleton/dist/skeleton.css";
 import i from "classnames";
-import r from "./UserContentSkeleton.module.scss.js";
-const x = ({
-  enableAnimation: t = !0,
-  numberLines: a = 4,
+import t from "./UserContentSkeleton.module.scss.js";
+const f = ({
+  enableAnimation: s = !0,
+  numberLines: d = 4,
   border: c = !1,
-  tag: d,
+  tag: l,
   tagClassName: n,
-  children: l
-}) => /* @__PURE__ */ e(
-  h,
+  children: a
+}) => /* @__PURE__ */ o(
+  "div",
   {
-    baseColor: "var(--background-color-secondary)",
-    highlightColor: "var(--darkest-text-tertiary)",
-    children: /* @__PURE__ */ o(
-      "div",
-      {
-        "data-testid": "user-content-skeleton",
-        className: i(r.skeletonContainer, { [r.border]: c }),
-        children: [
-          /* @__PURE__ */ o("div", { className: r.skeletonHeader, children: [
-            /* @__PURE__ */ e(
-              s,
-              {
-                enableAnimation: t,
-                circle: !0,
-                height: 60,
-                width: 60
-              }
-            ),
-            /* @__PURE__ */ o("div", { className: r.skeletonHeaderLines, children: [
-              /* @__PURE__ */ e(s, { enableAnimation: t }),
-              /* @__PURE__ */ e(s, { enableAnimation: t })
-            ] }),
-            d && /* @__PURE__ */ e("div", { className: r.tagContainer, children: /* @__PURE__ */ e("div", { className: i(r.tagBox, n), children: /* @__PURE__ */ e("div", { className: r.tag, children: d }) }) })
-          ] }),
-          a > 0 && /* @__PURE__ */ e("div", { "data-testid": "skeleton-body", className: r.skeletonBody, children: /* @__PURE__ */ e(s, { enableAnimation: t, count: a }) }),
-          l && /* @__PURE__ */ e("div", { className: r.childrenLayer, children: l })
-        ]
-      }
-    )
+    "data-testid": "user-content-skeleton",
+    className: i(t.skeletonContainer, { [t.border]: c }),
+    children: [
+      /* @__PURE__ */ o("div", { className: t.skeletonHeader, children: [
+        /* @__PURE__ */ e(
+          r,
+          {
+            enableAnimation: s,
+            circle: !0,
+            height: 60,
+            width: 60
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: t.skeletonHeaderLines, children: [
+          /* @__PURE__ */ e(r, { enableAnimation: s }),
+          /* @__PURE__ */ e(r, { enableAnimation: s })
+        ] }),
+        l && /* @__PURE__ */ e("div", { className: t.tagContainer, children: /* @__PURE__ */ e("div", { className: i(t.tagBox, n), children: /* @__PURE__ */ e("div", { className: t.tag, children: l }) }) })
+      ] }),
+      d > 0 && /* @__PURE__ */ e("div", { "data-testid": "skeleton-body", className: t.skeletonBody, children: /* @__PURE__ */ e(r, { enableAnimation: s, count: d }) }),
+      a && /* @__PURE__ */ e("div", { className: t.childrenLayer, children: a })
+    ]
   }
 );
 export {
-  x as UserContentSkeleton
+  f as UserContentSkeleton
 };

package/dist/components/skeleton/user_page_skeleton/UserPageSkeleton.js

@@ -0,0 +1,79 @@
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import "react";
+import a from "react-loading-skeleton";
+import "react-loading-skeleton/dist/skeleton.css";
+import e from "./UserPageSkeleton.module.scss.js";
+const p = ({
+  enableAnimation: r = !0,
+  numberOfContentItems: t = 3,
+  className: l
+}) => /* @__PURE__ */ s("div", { "data-testid": "user-page-skeleton", className: l, children: /* @__PURE__ */ c("div", { className: e.userPageSkeleton, children: [
+  /* @__PURE__ */ c("div", { className: e.userHeader, children: [
+    /* @__PURE__ */ s(
+      a,
+      {
+        enableAnimation: r,
+        circle: !0,
+        className: e.userAvatar
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: e.userHeaderLines, children: [
+      /* @__PURE__ */ s(
+        a,
+        {
+          enableAnimation: r,
+          className: e.userName
+        }
+      ),
+      /* @__PURE__ */ s(
+        a,
+        {
+          enableAnimation: r,
+          className: e.userDescription
+        }
+      )
+    ] })
+  ] }),
+  /* @__PURE__ */ c("div", { className: e.tabsRow, children: [
+    /* @__PURE__ */ s(
+      a,
+      {
+        enableAnimation: r,
+        className: e.tab
+      }
+    ),
+    /* @__PURE__ */ s(
+      a,
+      {
+        enableAnimation: r,
+        className: e.tab
+      }
+    ),
+    /* @__PURE__ */ s(
+      a,
+      {
+        enableAnimation: r,
+        className: e.tab
+      }
+    )
+  ] }),
+  /* @__PURE__ */ s("div", { className: e.contentList, children: Array.from({ length: t }).map((d, m) => /* @__PURE__ */ c("div", { className: e.contentItem, children: [
+    /* @__PURE__ */ s(
+      a,
+      {
+        enableAnimation: r,
+        className: e.contentLine
+      }
+    ),
+    /* @__PURE__ */ s(
+      a,
+      {
+        enableAnimation: r,
+        className: e.contentLineShort
+      }
+    )
+  ] }, m)) })
+] }) });
+export {
+  p as UserPageSkeleton
+};

package/dist/components/skeleton/user_page_skeleton/UserPageSkeleton.module.scss.js

@@ -0,0 +1,29 @@
+import '../../../assets/components/skeleton/user_page_skeleton/UserPageSkeleton.module-mlNfXOfB.css';const e = "_userPageSkeleton_1327l_3", t = "_userHeader_1327l_10", n = "_userAvatar_1327l_17", s = "_userHeaderLines_1327l_23", o = "_userName_1327l_31", _ = "_userDescription_1327l_36", r = "_tabsRow_1327l_41", c = "_tab_1327l_41", a = "_contentList_1327l_53", u = "_contentItem_1327l_59", i = "_contentLine_1327l_69", l = "_contentLineShort_1327l_74", L = {
+  userPageSkeleton: e,
+  userHeader: t,
+  userAvatar: n,
+  userHeaderLines: s,
+  userName: o,
+  userDescription: _,
+  tabsRow: r,
+  tab: c,
+  contentList: a,
+  contentItem: u,
+  contentLine: i,
+  contentLineShort: l
+};
+export {
+  u as contentItem,
+  i as contentLine,
+  l as contentLineShort,
+  a as contentList,
+  L as default,
+  c as tab,
+  r as tabsRow,
+  n as userAvatar,
+  _ as userDescription,
+  t as userHeader,
+  s as userHeaderLines,
+  o as userName,
+  e as userPageSkeleton
+};