bonkers-ui 2.0.4 → 2.0.6

package/components/UiSkeleton/UiSkeleton.js

@@ -1,181 +1,386 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import "react";
 import s from "classnames";
 import { ESkeletonKind as o } from "./_types.js";
-const b = ({
-  kind: c,
-  className: n
-}) => /* @__PURE__ */ e("div", { className: n, children: c === o.RESULT_CARD && /* @__PURE__ */ t(
-  "div",
-  {
-    className: s(
-      "ui-skeleton-card",
-      "animate-pulse",
-      "border-2",
-      "border-secondary-alt-300",
-      "grid-cols-5",
-      "grid",
-      "rounded-2xl"
-    ),
-    children: [
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: s(
-            "ui-skeleton-card__content",
-            "bg-secondary-alt-300",
-            "gap-xs",
-            "items-center",
-            "justify-center",
-            "p-md",
-            "rounded-bl-xl",
-            "rounded-tl-xl"
-          ),
-          children: /* @__PURE__ */ t("div", { className: s("grid", "grow", "gap-xxs", "justify-items-center"), children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: s(
-                  "ui-skeleton-card__content",
-                  "bg-secondary-alt-400",
-                  "h-xl",
-                  "mb-sm",
-                  "rounded-sm",
-                  "w-2/3"
-                )
-              }
-            ),
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: s(
-                  "ui-skeleton-card__content",
-                  "bg-secondary-alt-400",
-                  "h-xxxxl",
-                  "rounded-full",
-                  "w-3/5"
-                )
-              }
-            )
-          ] })
-        }
+const u = ({
+  kind: t,
+  className: m
+}) => /* @__PURE__ */ c("div", { className: m, children: [
+  t === o.RESULT_CARD && /* @__PURE__ */ c(
+    "div",
+    {
+      className: s(
+        "ui-skeleton-card",
+        "animate-pulse",
+        "border-2",
+        "border-secondary-alt-300",
+        "grid grid-cols-[120px_1fr_180px]",
+        "rounded-2xl"
       ),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: s(
-            "ui-skeleton-main__content",
-            "bg-white",
-            "col-span-3"
-          ),
-          children: [
-            /* @__PURE__ */ t("div", { className: s(
-              "grid",
-              "p-sm"
-            ), children: [
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "ui-skeleton-card__content",
+              "bg-secondary-alt-300",
+              "gap-xs",
+              "items-center",
+              "justify-center",
+              "p-md",
+              "rounded-bl-xl",
+              "rounded-tl-xl"
+            ),
+            children: /* @__PURE__ */ c("div", { className: s("grid", "grow", "gap-xxs", "justify-items-center"), children: [
               /* @__PURE__ */ e(
                 "div",
                 {
                   className: s(
+                    "ui-skeleton-card__content",
                     "bg-secondary-alt-400",
-                    "h-md",
-                    "mb-xxs",
+                    "h-xl",
+                    "mb-sm",
                     "rounded-sm",
-                    "w-3/5"
+                    "w-xxxxl"
                   )
                 }
               ),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: s(
+                    "ui-skeleton-card__content",
+                    "bg-secondary-alt-400",
+                    "h-xxxxl",
+                    "rounded-full",
+                    "w-xxxxl"
+                  )
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: s(
+              "ui-skeleton-main__content",
+              "bg-white"
+            ),
+            children: [
+              /* @__PURE__ */ c("div", { className: s(
+                "grid",
+                "p-sm"
+              ), children: [
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: s(
+                      "bg-secondary-alt-400",
+                      "h-md",
+                      "mb-xxs",
+                      "rounded-sm",
+                      "w-3/5"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e("div", { className: s(
+                  "flex",
+                  "gap-sm",
+                  "mb-xxs"
+                ), children: ["w-2/5", "w-1/4"].map((l, a) => /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: s(l, "h-md", "bg-secondary-alt-300", "rounded-sm")
+                  },
+                  a
+                )) }),
+                /* @__PURE__ */ e("div", { className: s(
+                  "flex",
+                  "justify-between"
+                ), children: ["w-1/3", "w-1/4"].map((l, a) => /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: s(l, "h-[20px]", a === 0 ? "bg-secondary-alt-400" : "bg-secondary-alt-300", "rounded-sm", "mb-xxs")
+                  },
+                  a
+                )) })
+              ] }),
               /* @__PURE__ */ e("div", { className: s(
-                "flex",
-                "gap-sm",
-                "mb-xxs"
-              ), children: ["w-2/5", "w-1/4"].map((l, a) => /* @__PURE__ */ e(
+                "grid",
+                "grid-cols-4"
+              ), children: Array.from({
+                length: 4
+              }).map((l, a) => /* @__PURE__ */ e("div", { className: s(
+                "border",
+                "border-secondary-alt-300",
+                "px-xs",
+                "py-md"
+              ), children: /* @__PURE__ */ e("div", { className: s(
+                "place-items-center"
+              ), children: ["w-2/3", "w-2/4"].map((d, r) => /* @__PURE__ */ e(
                 "div",
                 {
-                  className: s(l, "h-md", "bg-secondary-alt-300", "rounded-sm")
+                  className: s(
+                    "bg-secondary-alt-300",
+                    "mb-xxxs",
+                    "rounded-sm",
+                    d,
+                    r === 1 ? "h-md" : "h-[20px]"
+                  )
                 },
-                a
-              )) }),
-              /* @__PURE__ */ e("div", { className: s(
-                "flex",
-                "justify-between"
-              ), children: ["w-1/3", "w-1/4"].map((l, a) => /* @__PURE__ */ e(
+                r
+              )) }) }, a)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "ui-skeleton-cta-cell",
+              "bg-secondary-alt-200",
+              "flex-col",
+              "flex",
+              "items-center",
+              "px-sm",
+              "py-md",
+              "rounded-br-xl",
+              "rounded-tr-xl"
+            ),
+            children: ["w-3/4", "w-1/2", "w-3/4", "w-4/5"].map((l, a) => {
+              const d = a === 1 ? "h-lg" : "h-[20px]";
+              return /* @__PURE__ */ e(
                 "div",
                 {
-                  className: s(l, "h-[20px]", a === 0 ? "bg-secondary-alt-400" : "bg-secondary-alt-300", "rounded-sm", "mb-xxs")
+                  className: s(
+                    "ui-skeleton-cta-cell__content",
+                    "bg-secondary-alt-400",
+                    "flex-col",
+                    "flex",
+                    "h-[20px]",
+                    "mb-xxxs",
+                    "rounded-sm",
+                    l,
+                    d,
+                    a === 3 ? "h-xxl bg-secondary-alt-500 mt-md" : d
+                  )
                 },
                 a
-              )) })
-            ] }),
-            /* @__PURE__ */ e("div", { className: s(
-              "grid",
-              "grid-cols-4"
-            ), children: Array.from({
-              length: 4
-            }).map((l, a) => /* @__PURE__ */ e("div", { className: s(
-              "border",
-              "border-secondary-alt-300",
-              "px-xs",
-              "py-md"
-            ), children: /* @__PURE__ */ e("div", { className: s(
-              "place-items-center"
-            ), children: ["w-2/3", "w-2/4"].map((d, r) => /* @__PURE__ */ e(
-              "div",
-              {
-                className: s(
-                  "bg-secondary-alt-300",
-                  "mb-xxxs",
-                  "rounded-sm",
-                  d,
-                  r === 1 ? "h-[23px]" : "h-[20px]"
-                )
-              },
-              r
-            )) }) }, a)) })
-          ]
-        }
+              );
+            })
+          }
+        )
+      ]
+    }
+  ),
+  t === o.RESULT_CARD_MOBILE && /* @__PURE__ */ c(
+    "div",
+    {
+      className: s(
+        "ui-skeleton-card-mobile",
+        "animate-pulse",
+        "border-2",
+        "border-secondary-alt-300",
+        "rounded-2xl",
+        "grid",
+        "p-sm"
       ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: s(
-            "ui-skeleton-cta-cell",
-            "bg-secondary-alt-200",
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "ui-skeleton-card__content"
+            ),
+            children: /* @__PURE__ */ c("div", { className: "flex grow gap-sm", children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: s(
+                    "ui-skeleton-card__content",
+                    "bg-secondary-alt-400",
+                    "h-xxxl",
+                    "rounded-sm",
+                    "w-xxxl"
+                  )
+                }
+              ),
+              /* @__PURE__ */ c("div", { className: s("flex", "flex-col", "grow"), children: [
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: s(
+                      "ui-skeleton-card__content",
+                      "bg-secondary-alt-400",
+                      "h-md",
+                      "mb-sm",
+                      "rounded-sm",
+                      "w-4/5"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: s(
+                      "ui-skeleton-card__content",
+                      "bg-secondary-alt-400",
+                      "h-md",
+                      "mb-sm",
+                      "rounded-sm",
+                      "w-2/3"
+                    )
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: s(
+          "flex",
+          "grow",
+          "gap-xxs",
+          "justify-center",
+          "border-t",
+          "p-sm",
+          "border-secondary-alt-300"
+        ), children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "ui-skeleton-card__content",
+              "bg-secondary-alt-500",
+              "h-xxxxl",
+              "rounded-full",
+              "w-xxxxl"
+            )
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: s(
+          "grid",
+          "grid-cols-3"
+        ), children: Array.from({
+          length: 3
+        }).map((l, a) => /* @__PURE__ */ e("div", { className: s(
+          "border",
+          "border-l-0",
+          "border-secondary-alt-300",
+          "py-xxs",
+          "place-items-center",
+          a === 2 ? "border-r-0" : ""
+        ), children: ["w-2/3", "w-2/4"].map((d, r) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "bg-secondary-alt-300",
+              "mb-xxxs",
+              "rounded-sm",
+              "h-md",
+              r === 0 ? "bg-secondary-alt-300" : "bg-secondary-alt-400",
+              d
+            )
+          },
+          r
+        )) }, a)) }),
+        /* @__PURE__ */ e("div", { className: s(
+          "flex",
+          "gap-sm",
+          "my-xxs"
+        ), children: ["w-2/6", "w-2/6"].map((l, a) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(l, "h-md", "bg-secondary-alt-300", "rounded-sm")
+          },
+          a
+        )) }),
+        /* @__PURE__ */ c("div", { className: s(
+          "flex",
+          "justify-between"
+        ), children: [
+          /* @__PURE__ */ e("div", { className: s(
+            "flex",
             "flex-col",
+            "gap-xxxs",
+            "w-full"
+          ), children: ["w-3/5", "w-2/5", "w-3/6", "w-3/5"].map((l, a) => /* @__PURE__ */ e(
+            "div",
+            {
+              className: s(
+                "rounded-sm",
+                l,
+                a === 2 ? "h-md" : a === 3 ? "h-sm" : "h-[20px]",
+                a === 3 ? "bg-secondary-alt-400" : "bg-secondary-alt-300"
+              )
+            },
+            a
+          )) }),
+          /* @__PURE__ */ e("div", { className: s(
             "flex",
-            "items-center",
-            "px-sm",
-            "py-md",
-            "rounded-br-xl",
-            "rounded-tr-xl"
-          ),
-          children: ["w-3/4", "w-1/2", "w-3/4", "w-4/5"].map((l, a) => {
-            const d = a === 1 ? "h-lg" : "h-[20px]";
-            return /* @__PURE__ */ e(
-              "div",
-              {
-                className: s(
-                  "ui-skeleton-cta-cell__content",
-                  "bg-secondary-alt-400",
-                  "flex-col",
-                  "flex",
-                  "h-[20px]",
-                  "mb-xxxs",
-                  "rounded-sm",
-                  l,
-                  d,
-                  a === 3 ? "h-xxl bg-secondary-alt-500 mt-md" : d
-                )
-              },
-              a
-            );
-          })
-        }
-      )
-    ]
-  }
-) });
+            "flex-col",
+            "gap-xxxs",
+            "w-full",
+            "items-end"
+          ), children: ["w-3/6", "w-2/5", "w-3/5"].map((l, a) => /* @__PURE__ */ e(
+            "div",
+            {
+              className: s(
+                a === 2 ? "rounded-full" : "rounded-sm",
+                l,
+                a === 1 ? "h-[20px]" : "h-md",
+                a === 1 ? "bg-secondary-alt-300" : "bg-secondary-alt-400",
+                a === 0 || a === 2 ? "mt-xxs" : "mt-0"
+              )
+            },
+            a
+          )) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: s(
+          "flex",
+          "h-md",
+          "w-full",
+          "rounded-sm",
+          "bg-secondary-alt-400",
+          "mt-sm"
+        ) }),
+        /* @__PURE__ */ e("div", { className: s(
+          "flex",
+          "h-xxl",
+          "w-full",
+          "rounded-lg",
+          "bg-secondary-alt-500",
+          "mt-xxs"
+        ) }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "flex",
+              "border-b",
+              "border-secondary-alt-400",
+              "mt-sm",
+              "-mx-sm"
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "flex",
+              "h-sm",
+              "justify-center",
+              "bg-secondary-alt-300",
+              "rounded-sm",
+              "mt-sm"
+            )
+          }
+        )
+      ]
+    }
+  )
+] });
 export {
-  b as UiSkeleton
+  u as UiSkeleton
 };
 //# sourceMappingURL=UiSkeleton.js.map

package/components/UiSkeleton/UiSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiSkeleton.js","sources":["../../../src/components/UiSkeleton/UiSkeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { ESkeletonKind } from \"./_types\";\n\ntype UiSkeletonProps ={\n\tkind: ESkeletonKind\n\tclassName?: string\n}\n\nexport const UiSkeleton: React.FC<UiSkeletonProps> = ({\n\tkind,\n\tclassName\n}) => {\n\n\treturn (\n\t\t<div className={ className }>\n\t\t\t{ kind === ESkeletonKind.RESULT_CARD && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card\",\n\t\t\t\t\t\t\"animate-pulse\",\n\t\t\t\t\t\t\"border-2\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"grid-cols-5\",\n\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\"gap-xs\",\n\t\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\t\"p-md\",\n\t\t\t\t\t\t\t\"rounded-bl-xl\",\n\t\t\t\t\t\t\t\"rounded-tl-xl\"\n\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"grid\", \"grow\", \"gap-xxs\", \"justify-items-center\") }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xl\",\n\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-2/3\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxxl\",\n\t\t\t\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\t\t\t\"w-3/5\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-main__content\",\n\t\t\t\t\t\t\t\"bg-white\",\n\t\t\t\t\t\t\t\"col-span-3\"\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\t\"p-sm\"\n\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\"mb-xxs\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-3/5\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\"gap-sm\",\n\t\t\t\t\t\t\t\t\"mb-xxs\"\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t{ [\"w-2/5\", \"w-1/4\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\t\tconst bgClass = index === 0 ? \"bg-secondary-alt-300\" : \"bg-secondary-alt-300\";\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(widthClass, \"h-md\", bgClass, \"rounded-sm\") }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\"justify-between\",\n\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t{ [\"w-1/3\", \"w-1/4\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\t\tconst heightClass = \"h-[20px]\";\n\t\t\t\t\t\t\t\t\tconst bgClass = index === 0 ? \"bg-secondary-alt-400\" : \"bg-secondary-alt-300\";\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(widthClass, heightClass, bgClass, \"rounded-sm\", \"mb-xxs\") }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\t\"grid-cols-4\",\n\n\t\t\t\t\t\t) } >\n\t\t\t\t\t\t\t{ Array.from({\n\t\t\t\t\t\t\t\tlength: 4\n\t\t\t\t\t\t\t}).map((_, index)=> (\n\t\t\t\t\t\t\t\t<div key={ index } className={ cx(\n\t\t\t\t\t\t\t\t\t\"border\",\n\t\t\t\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\"px-xs\",\n\t\t\t\t\t\t\t\t\t\"py-md\"\n\n\t\t\t\t\t\t\t\t) } >\n\t\t\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\t\t\"place-items-center\"\n\n\t\t\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t\t\t{ [\"w-2/3\", \"w-2/4\"].map((widthClass, index) => {\n\n\t\t\t\t\t\t\t\t\t\t\tconst heightClass = index === 1 ? \"h-[23px]\" : \"h-[20px]\";\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"mb-xxxs\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theightClass\n\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)) }\n\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-cta-cell\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\t\"px-sm\",\n\t\t\t\t\t\t\t\"py-md\",\n\t\t\t\t\t\t\t\"rounded-br-xl\",\n\t\t\t\t\t\t\t\"rounded-tr-xl\"\n\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t{ [\"w-3/4\", \"w-1/2\", \"w-3/4\", \"w-4/5\"].map((widthClass, index) => {\n\n\t\t\t\t\t\t\tconst heightClass = index === 1 ? \"h-lg\" : \"h-[20px]\";\n\t\t\t\t\t\t\tconst lastDivClass = index === 3 ? \"h-xxl bg-secondary-alt-500 mt-md\" : heightClass;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-cta-cell__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\t\t\"h-[20px]\",\n\t\t\t\t\t\t\t\t\t\t\"mb-xxxs\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\theightClass,\n\t\t\t\t\t\t\t\t\t\tlastDivClass\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}) }\n\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\n\t\t\t) }\n\n\t\t</div>\n\t);\n};\n"],"names":["UiSkeleton","kind","className","jsx","ESkeletonKind","jsxs","cx","widthClass","index","_","heightClass"],"mappings":"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"}
+{"version":3,"file":"UiSkeleton.js","sources":["../../../src/components/UiSkeleton/UiSkeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { ESkeletonKind } from \"./_types\";\n\ntype UiSkeletonProps = {\n\tkind: ESkeletonKind\n\tclassName?: string\n}\n\nexport const UiSkeleton: React.FC<UiSkeletonProps> = ({\n\tkind,\n\tclassName\n}) => {\n\n\treturn (\n\t\t<div className={ className }>\n\n\t\t\t{ kind === ESkeletonKind.RESULT_CARD && (\n\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card\",\n\t\t\t\t\t\t\"animate-pulse\",\n\t\t\t\t\t\t\"border-2\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"grid grid-cols-[120px_1fr_180px]\",\n\t\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\"gap-xs\",\n\t\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\t\"p-md\",\n\t\t\t\t\t\t\t\"rounded-bl-xl\",\n\t\t\t\t\t\t\t\"rounded-tl-xl\"\n\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"grid\", \"grow\", \"gap-xxs\", \"justify-items-center\") }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xl\",\n\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-xxxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxxl\",\n\t\t\t\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\t\t\t\"w-xxxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-main__content\",\n\t\t\t\t\t\t\t\"bg-white\",\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\t\"p-sm\"\n\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\"mb-xxs\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-3/5\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\"gap-sm\",\n\t\t\t\t\t\t\t\t\"mb-xxs\"\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t{ [\"w-2/5\", \"w-1/4\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\t\tconst bgClass = index === 0\n\t\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-300\";\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(widthClass, \"h-md\", bgClass, \"rounded-sm\") }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\"justify-between\",\n\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t{ [\"w-1/3\", \"w-1/4\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\t\tconst heightClass = \"h-[20px]\";\n\t\t\t\t\t\t\t\t\tconst bgClass = index === 0\n\t\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-400\"\n\t\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-300\";\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(widthClass, heightClass, bgClass, \"rounded-sm\", \"mb-xxs\") }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\t\"grid-cols-4\",\n\n\t\t\t\t\t\t) } >\n\t\t\t\t\t\t\t{ Array.from({\n\t\t\t\t\t\t\t\tlength: 4\n\t\t\t\t\t\t\t}).map((_, index)=> (\n\t\t\t\t\t\t\t\t<div key={ index } className={ cx(\n\t\t\t\t\t\t\t\t\t\"border\",\n\t\t\t\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\"px-xs\",\n\t\t\t\t\t\t\t\t\t\"py-md\"\n\n\t\t\t\t\t\t\t\t) } >\n\t\t\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\t\t\"place-items-center\"\n\n\t\t\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t\t\t{ [\"w-2/3\", \"w-2/4\"].map((widthClass, index) => {\n\n\t\t\t\t\t\t\t\t\t\t\tconst heightClass = index === 1\n\t\t\t\t\t\t\t\t\t\t\t\t? \"h-md\"\n\t\t\t\t\t\t\t\t\t\t\t\t: \"h-[20px]\";\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"mb-xxxs\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theightClass\n\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)) }\n\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-cta-cell\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\t\"px-sm\",\n\t\t\t\t\t\t\t\"py-md\",\n\t\t\t\t\t\t\t\"rounded-br-xl\",\n\t\t\t\t\t\t\t\"rounded-tr-xl\"\n\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t{ [\"w-3/4\", \"w-1/2\", \"w-3/4\", \"w-4/5\"].map((widthClass, index) => {\n\n\t\t\t\t\t\t\tconst heightClass = index === 1\n\t\t\t\t\t\t\t\t? \"h-lg\"\n\t\t\t\t\t\t\t\t: \"h-[20px]\";\n\t\t\t\t\t\t\tconst lastDivClass = index === 3\n\t\t\t\t\t\t\t\t? \"h-xxl bg-secondary-alt-500 mt-md\"\n\t\t\t\t\t\t\t\t: heightClass;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-cta-cell__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\t\t\"h-[20px]\",\n\t\t\t\t\t\t\t\t\t\t\"mb-xxxs\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\theightClass,\n\t\t\t\t\t\t\t\t\t\tlastDivClass\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}) }\n\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\n\t\t\t) }\n\n\t\t\t{ kind === ESkeletonKind.RESULT_CARD_MOBILE && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card-mobile\",\n\t\t\t\t\t\t\"animate-pulse\",\n\t\t\t\t\t\t\"border-2\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\"p-sm\"\n\t\t\t\t\t) }>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__content\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex grow gap-sm\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxl\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-xxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className={ cx(\"flex\",\"flex-col\", \"grow\") }>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\"w-4/5\"\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\"w-2/3\"\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"grow\",\n\t\t\t\t\t\t\"gap-xxs\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"border-t\",\n\t\t\t\t\t\t\"p-sm\",\n\t\t\t\t\t\t\"border-secondary-alt-300\") }>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-500\",\n\t\t\t\t\t\t\t\t\"h-xxxxl\",\n\t\t\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\t\t\"w-xxxxl\"\n\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\"grid-cols-3\",\n\n\t\t\t\t\t) } >\n\t\t\t\t\t\t{ Array.from({\n\t\t\t\t\t\t\tlength: 3\n\t\t\t\t\t\t}).map((_, index)=> (\n\t\t\t\t\t\t\t<div key={ index } className={ cx(\n\t\t\t\t\t\t\t\t\"border\",\n\t\t\t\t\t\t\t\t\"border-l-0\",\n\t\t\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\"py-xxs\",\n\t\t\t\t\t\t\t\t\"place-items-center\",\n\t\t\t\t\t\t\t\tindex === 2\n\t\t\t\t\t\t\t\t\t? \"border-r-0\"\n\t\t\t\t\t\t\t\t\t: \"\"\n\n\t\t\t\t\t\t\t) } >\n\n\t\t\t\t\t\t\t\t{ [\"w-2/3\", \"w-2/4\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\t\tconst bgClass = index === 0\n\t\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-400\";\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"mb-xxxs\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\t\tbgClass,\n\t\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t)) }\n\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"gap-sm\",\n\t\t\t\t\t\t\"my-xxs\"\n\t\t\t\t\t) }>\n\t\t\t\t\t\t{ [\"w-2/6\", \"w-2/6\"].map((widthClass, index) => {\n\t\t\t\t\t\t\tconst bgClass = index === 0\n\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t: \"bg-secondary-alt-300\";\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\tclassName={ cx(widthClass, \"h-md\", bgClass, \"rounded-sm\") }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}) }\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"justify-between\"\n\t\t\t\t\t) }>\n\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\"gap-xxxs\",\n\t\t\t\t\t\t\t\"w-full\"\n\n\t\t\t\t\t\t) }>\n\n\t\t\t\t\t\t\t{ [\"w-3/5\", \"w-2/5\", \"w-3/6\",\"w-3/5\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\tconst bgClass = index === 3\n\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-400\"\n\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-300\";\n\t\t\t\t\t\t\t\tconst heightClass = index === 2\n\t\t\t\t\t\t\t\t\t? \"h-md\"\n\t\t\t\t\t\t\t\t\t: index === 3\n\t\t\t\t\t\t\t\t\t\t? \"h-sm\"\n\t\t\t\t\t\t\t\t\t\t: \"h-[20px]\";\n\t\t\t\t\t\t\t\treturn (\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\t\theightClass,\n\t\t\t\t\t\t\t\t\t\t\tbgClass\n\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\"gap-xxxs\",\n\t\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\t\"items-end\"\n\t\t\t\t\t\t) }>\n\n\t\t\t\t\t\t\t{ [\"w-3/6\", \"w-2/5\", \"w-3/5\"].map((widthClass, index)=> {\n\t\t\t\t\t\t\t\tconst bgClass = index === 1\n\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-400\";\n\t\t\t\t\t\t\t\tconst roundClass = index === 2\n\t\t\t\t\t\t\t\t\t? \"rounded-full\"\n\t\t\t\t\t\t\t\t\t: \"rounded-sm\";\n\t\t\t\t\t\t\t\tconst heightClass = index === 1\n\t\t\t\t\t\t\t\t\t? \"h-[20px]\"\n\t\t\t\t\t\t\t\t\t: \"h-md\";\n\t\t\t\t\t\t\t\tconst marginsClass = index === 0\n\t\t\t\t\t\t\t\t\t? \"mt-xxs\"\n\t\t\t\t\t\t\t\t\t: index === 2\n\t\t\t\t\t\t\t\t\t\t? \"mt-xxs\"\n\t\t\t\t\t\t\t\t\t\t: \"mt-0\";\n\t\t\t\t\t\t\t\treturn (\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\troundClass,\n\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\t\theightClass,\n\t\t\t\t\t\t\t\t\t\t\tbgClass,\n\t\t\t\t\t\t\t\t\t\t\tmarginsClass,\n\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\"mt-sm\"\n\t\t\t\t\t) } />\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-xxl\",\n\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\"rounded-lg\",\n\t\t\t\t\t\t\"bg-secondary-alt-500\",\n\t\t\t\t\t\t\"mt-xxs\"\n\t\t\t\t\t) } />\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"border-b\",\n\t\t\t\t\t\t\"border-secondary-alt-400\",\n\t\t\t\t\t\t\"mt-sm\",\n\t\t\t\t\t\t\"-mx-sm\"\n\n\t\t\t\t\t) }\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-sm\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\"mt-sm\"\n\t\t\t\t\t) }\n\t\t\t\t\t/>\n\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t</div>\n\t);\n};\n"],"names":["UiSkeleton","kind","className","jsxs","ESkeletonKind","cx","jsx","widthClass","index","_","heightClass"],"mappings":"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"}

package/components/UiSkeleton/_types.d.ts

@@ -1,3 +1,4 @@
 export declare enum ESkeletonKind {
-    RESULT_CARD = "RESULT_CARD"
+    RESULT_CARD = "RESULT_CARD",
+    RESULT_CARD_MOBILE = "RESULT_CARD_MOBILE"
 }

package/components/UiSkeleton/_types.js

@@ -1,5 +1,5 @@
-var R = /* @__PURE__ */ ((r) => (r.RESULT_CARD = "RESULT_CARD", r))(R || {});
+var L = /* @__PURE__ */ ((R) => (R.RESULT_CARD = "RESULT_CARD", R.RESULT_CARD_MOBILE = "RESULT_CARD_MOBILE", R))(L || {});
 export {
-  R as ESkeletonKind
+  L as ESkeletonKind
 };
 //# sourceMappingURL=_types.js.map

package/components/UiSkeleton/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiSkeleton/_types.ts"],"sourcesContent":["export enum ESkeletonKind {\n\tRESULT_CARD = \"RESULT_CARD\"\n}\n"],"names":["ESkeletonKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,cAAc,eADHA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiSkeleton/_types.ts"],"sourcesContent":["export enum ESkeletonKind {\n\tRESULT_CARD = \"RESULT_CARD\",\n\tRESULT_CARD_MOBILE = \"RESULT_CARD_MOBILE\"\n}\n"],"names":["ESkeletonKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,cAAc,eACdA,EAAA,qBAAqB,sBAFVA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiSnackbar/UiSnackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiSnackbar.js","sources":["../../../src/components/UiSnackbar/UiSnackbar.tsx"],"sourcesContent":["import React  from \"react\";\nimport cx from \"classnames\";\nimport { ESnackbarTypes } from \"./_types\";\n\ntype UiSnackbarProps ={\n\tkind?: ESnackbarTypes;\n\ttitle: React.ReactNode;\n\tchildren: React.ReactNode;\n\tclassName?: string\n}\n\nconst kindClasses = {\n\t[ESnackbarTypes.DEFAULT]: `\n\t\tbg-white\n\t\ttext-secondary-700\n\n\t`,\n\t[ESnackbarTypes.PRIMARY]: `\n\t\tbg-primary-600\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.WARNING]: `\n\t\tbg-warning\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.ERROR]: `\n\t\tbg-error\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.SECONDARY]: `\n\t\tbg-secondary\n\t\ttext-white\n\t`,\n\n};\n\nexport const UiSnackbar: React.FC<UiSnackbarProps> = ({\n\n\tkind= ESnackbarTypes.SECONDARY,\n\ttitle,\n\tchildren,\n\tclassName\n}) => {\n\n\treturn (\n\n\t\t<div\n\t\t\tclassName={ cx(\n\t\t\t\t\"ui-snackbar\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"w-full\",\n\t\t\t\t\"rounded-lg\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-between\",\n\t\t\t\t\"shadow-md\",\n\t\t\t\t\"p-sm\",\n\t\t\t\t\"flex-row-reverse\",\n\t\t\t\t\"text-sm\",\n\t\t\t\tkindClasses[kind],\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={ {\n\t\t\t\t\tcolor: kind === ESnackbarTypes.DEFAULT ? \"black\" : \"white\",\n\t\t\t\t\tfontWeight: \"normal\",\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\n\t\t\t{ title }\n\t\t</div>\n\n\t);\n};\n"],"names":["kindClasses","ESnackbarTypes","UiSnackbar","kind","title","children","className","jsxs","cx","jsx"],"mappings":";;;;AAWA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAe,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,CAACA,EAAe,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA,EAI1B,CAACA,EAAe,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA,EAI1B,CAACA,EAAe,KAAK,GAAG;AAAA;AAAA;AAAA;AAAA,EAIxB,CAACA,EAAe,SAAS,GAAG;AAAA;AAAA;AAAA;AAK7B,GAEaC,IAAwC,CAAC;AAAA,EAErD,MAAAC,IAAMF,EAAe;AAAA,EACrB,OAAAG;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACD,MAIE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAR,EAAYG,CAAI;AAAA,MAChBG;AAAA,IACD;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,OAAQ;AAAA,YACP,OAAON,MAASF,EAAe,UAAU,UAAU;AAAA,YACnD,YAAY;AAAA,UACb;AAAA,UAEE,UAAAI;AAAA,QAAA;AAAA,MACH;AAAA,MAEED;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"UiSnackbar.js","sources":["../../../src/components/UiSnackbar/UiSnackbar.tsx"],"sourcesContent":["import React  from \"react\";\nimport cx from \"classnames\";\nimport { ESnackbarTypes } from \"./_types\";\n\ntype UiSnackbarProps = {\n\tkind?: ESnackbarTypes;\n\ttitle: React.ReactNode;\n\tchildren: React.ReactNode;\n\tclassName?: string\n}\n\nconst kindClasses = {\n\t[ESnackbarTypes.DEFAULT]: `\n\t\tbg-white\n\t\ttext-secondary-700\n\n\t`,\n\t[ESnackbarTypes.PRIMARY]: `\n\t\tbg-primary-600\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.WARNING]: `\n\t\tbg-warning\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.ERROR]: `\n\t\tbg-error\n\t\ttext-white\n\t`,\n\t[ESnackbarTypes.SECONDARY]: `\n\t\tbg-secondary\n\t\ttext-white\n\t`,\n\n};\n\nexport const UiSnackbar: React.FC<UiSnackbarProps> = ({\n\n\tkind = ESnackbarTypes.SECONDARY,\n\ttitle,\n\tchildren,\n\tclassName\n}) => {\n\n\treturn (\n\n\t\t<div\n\t\t\tclassName={ cx(\n\t\t\t\t\"ui-snackbar\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"w-full\",\n\t\t\t\t\"rounded-lg\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-between\",\n\t\t\t\t\"shadow-md\",\n\t\t\t\t\"p-sm\",\n\t\t\t\t\"flex-row-reverse\",\n\t\t\t\t\"text-sm\",\n\t\t\t\tkindClasses[kind],\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={ {\n\t\t\t\t\tcolor: kind === ESnackbarTypes.DEFAULT\n\t\t\t\t\t\t? \"black\"\n\t\t\t\t\t\t: \"white\",\n\t\t\t\t\tfontWeight: \"normal\",\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\n\t\t\t{ title }\n\t\t</div>\n\n\t);\n};\n"],"names":["kindClasses","ESnackbarTypes","UiSnackbar","kind","title","children","className","jsxs","cx","jsx"],"mappings":";;;;AAWA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAe,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,CAACA,EAAe,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA,EAI1B,CAACA,EAAe,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA,EAI1B,CAACA,EAAe,KAAK,GAAG;AAAA;AAAA;AAAA;AAAA,EAIxB,CAACA,EAAe,SAAS,GAAG;AAAA;AAAA;AAAA;AAK7B,GAEaC,IAAwC,CAAC;AAAA,EAErD,MAAAC,IAAOF,EAAe;AAAA,EACtB,OAAAG;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACD,MAIE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAYC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAR,EAAYG,CAAI;AAAA,MAChBG;AAAA,IACD;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,OAAQ;AAAA,YACP,OAAON,MAASF,EAAe,UAC5B,UACA;AAAA,YACH,YAAY;AAAA,UACb;AAAA,UAEE,UAAAI;AAAA,QAAA;AAAA,MACH;AAAA,MAEED;AAAA,IAAA;AAAA,EAAA;AACH;"}