bonkers-ui 2.0.0 → 2.0.2

package/components/UiSkeleton/UiSkeleton.js

@@ -1,214 +1,180 @@
-import { jsxs as s, Fragment as o, jsx as d } from "react/jsx-runtime";
+import { jsx as s, Fragment as n, jsxs as t } from "react/jsx-runtime";
 import "react";
 import e from "classnames";
-import { ESkeletonKind as t } from "./_types.js";
-const x = ({
-  kind: a
-}) => {
-  const r = ["w-1/2", "w-1/3", "w-2/3", "w-3/4"];
-  return /* @__PURE__ */ s(o, { children: [
-    a === t.RESULT_CARD && /* @__PURE__ */ s(
-      "div",
-      {
-        className: e(
-          "ui-skeleton-card",
-          "animate-pulse",
-          "rounded-2xl",
-          "border-2",
-          "border-secondary-alt-300",
-          "p-xxs"
-        ),
-        children: [
-          /* @__PURE__ */ s(
-            "div",
-            {
-              className: e(
-                "ui-skeleton-card__header",
-                "flex",
-                "items-center",
-                "gap-xs",
-                "rounded-xl",
-                "bg-secondary-alt-200",
-                "p-xxs"
-              ),
-              children: [
-                /* @__PURE__ */ s("div", { className: e("grid", "grow", "gap-xxs"), children: [
-                  /* @__PURE__ */ d(
-                    "div",
-                    {
-                      className: e(
-                        "ui-skeleton-card__content__text",
-                        "h-md",
-                        "rounded-md",
-                        "bg-secondary-alt-300"
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ d(
-                    "div",
-                    {
-                      className: e(
-                        "ui-skeleton-card__content__text",
-                        "h-md",
-                        "w-5/6",
-                        "rounded-md",
-                        "bg-secondary-alt-300"
-                      )
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ d(
-                  "div",
-                  {
-                    className: e(
-                      "ui-skeleton-card__header__image",
-                      "size-xxxl",
-                      "rounded-lg",
-                      "bg-secondary-alt-300"
-                    )
-                  }
+import { ESkeletonKind as o } from "./_types.js";
+const b = ({
+  kind: c
+}) => /* @__PURE__ */ s(n, { children: c === o.RESULT_CARD && /* @__PURE__ */ t(
+  "div",
+  {
+    className: e(
+      "ui-skeleton-card",
+      "animate-pulse",
+      "border-2",
+      "border-secondary-alt-300",
+      "grid-cols-5",
+      "grid",
+      "rounded-2xl"
+    ),
+    children: [
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: e(
+            "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: e("grid", "grow", "gap-xxs", "justify-items-center"), children: [
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: e(
+                  "ui-skeleton-card__content",
+                  "bg-secondary-alt-400",
+                  "h-xl",
+                  "mb-sm",
+                  "rounded",
+                  "w-2/3"
+                )
+              }
+            ),
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: e(
+                  "ui-skeleton-card__content",
+                  "bg-secondary-alt-400",
+                  "h-xxxxl",
+                  "rounded-full",
+                  "w-3/5"
                 )
-              ]
-            }
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: e(
+            "ui-skeleton-main__content",
+            "bg-white",
+            "col-span-3"
           ),
-          /* @__PURE__ */ d(
-            "div",
-            {
-              className: e(
-                "ui-skeleton-card__content",
-                "flex",
-                "flex-col",
-                "items-start",
-                "justify-start",
-                "rounded-xl",
-                "pt-sm"
-              ),
-              children: r.map((l, n) => /* @__PURE__ */ d(
+          children: [
+            /* @__PURE__ */ t("div", { className: e(
+              "grid",
+              "p-sm"
+            ), children: [
+              /* @__PURE__ */ s(
                 "div",
                 {
                   className: e(
-                    "ui-skeleton-card__content__text",
-                    "mb-xxs",
+                    "bg-secondary-alt-400",
                     "h-md",
-                    "rounded-md",
-                    "bg-secondary-alt-300",
-                    l
+                    "mb-xxs",
+                    "rounded",
+                    "w-3/5"
                   )
+                }
+              ),
+              /* @__PURE__ */ s("div", { className: e(
+                "flex",
+                "gap-sm",
+                "mb-xxs"
+              ), children: ["w-2/5", "w-1/4"].map((l, a) => /* @__PURE__ */ s(
+                "div",
+                {
+                  className: e(l, "h-md", "bg-secondary-alt-300", "rounded")
                 },
-                n
-              ))
-            }
-          ),
-          /* @__PURE__ */ s(
-            "div",
-            {
-              className: e(
-                "ui-skeleton-card__footer",
+                a
+              )) }),
+              /* @__PURE__ */ s("div", { className: e(
                 "flex",
-                "flex-row",
                 "justify-between"
-              ),
-              children: [
-                /* @__PURE__ */ d(
-                  "div",
-                  {
-                    className: e(
-                      "ui-skeleton-card__footer__text",
-                      "h-md",
-                      "w-1/4",
-                      "self-end",
-                      "rounded-xl",
-                      "bg-secondary-alt-300"
-                    )
-                  }
-                ),
-                /* @__PURE__ */ d(
-                  "div",
-                  {
-                    className: e(
-                      "ui-skeleton-card__footer__text",
-                      "h-xl",
-                      "w-1/4",
-                      "rounded-xl",
-                      "bg-secondary-alt-300"
-                    )
-                  }
+              ), children: ["w-1/3", "w-1/4"].map((l, a) => /* @__PURE__ */ s(
+                "div",
+                {
+                  className: e(l, "h-[20px]", a === 0 ? "bg-secondary-alt-400" : "bg-secondary-alt-300", "rounded", "mb-xxs")
+                },
+                a
+              )) })
+            ] }),
+            /* @__PURE__ */ s("div", { className: e(
+              "grid",
+              "grid-cols-4"
+            ), children: Array.from({
+              length: 4
+            }).map((l, a) => /* @__PURE__ */ s("div", { className: e(
+              "border",
+              "border-secondary-alt-300",
+              "px-xs",
+              "py-md"
+            ), children: /* @__PURE__ */ s("div", { className: e(
+              "place-items-center"
+            ), children: ["w-2/3", "w-2/4"].map((r, d) => /* @__PURE__ */ s(
+              "div",
+              {
+                className: e(
+                  "bg-secondary-alt-300",
+                  "mb-xxxs",
+                  "rounded",
+                  r,
+                  d === 1 ? "h-[23px]" : "h-[20px]"
                 )
-              ]
-            }
-          ),
-          /* @__PURE__ */ d(
-            "div",
-            {
-              className: e(
-                "ui-skeleton-card__button",
-                "mt-xxs",
-                "flex",
-                "h-md",
-                "w-full",
-                "items-center",
-                "justify-center",
-                "rounded-xl",
-                "bg-secondary-alt-300",
-                "py-md"
-              )
-            }
-          )
-        ]
-      }
-    ),
-    a === t.FILTER_MENU && /* @__PURE__ */ s(
-      "div",
-      {
-        className: e(
-          "ui-skeleton-card__header",
-          "flex",
-          "items-center",
-          "gap-xs",
-          "rounded-xl",
-          "p-xxs"
-        ),
-        children: [
-          /* @__PURE__ */ d("div", { className: "grow", children: /* @__PURE__ */ d(
-            "div",
-            {
-              className: e(
-                "ui-skeleton-card__content__text",
-                "h-md",
-                "w-3/6",
-                "rounded-md",
-                "bg-secondary-alt-300"
-              )
-            }
-          ) }),
-          /* @__PURE__ */ d(
-            "div",
-            {
-              className: e(
-                "ui-skeleton-card__header__image",
-                "size-xxl",
-                "rounded-lg",
-                "bg-secondary-alt-300"
-              )
-            }
+              },
+              d
+            )) }) }, a)) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: e(
+            "ui-skeleton-cta-cell",
+            "bg-secondary-alt-200",
+            "flex-col",
+            "flex",
+            "items-center",
+            "px-sm",
+            "py-md",
+            "rounded-br-xl",
+            "rounded-tr-xl"
           ),
-          /* @__PURE__ */ d(
-            "div",
-            {
-              className: e(
-                "ui-skeleton-card__header__image",
-                "size-xxl",
-                "rounded-lg",
-                "bg-secondary-alt-300"
-              )
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
+          children: ["w-3/4", "w-1/2", "w-3/4", "w-4/5"].map((l, a) => {
+            const r = a === 1 ? "h-lg" : "h-[20px]";
+            return /* @__PURE__ */ s(
+              "div",
+              {
+                className: e(
+                  "ui-skeleton-cta-cell__content",
+                  "bg-secondary-alt-400",
+                  "flex-col",
+                  "flex",
+                  "h-[20px]",
+                  "mb-xxxs",
+                  "rounded",
+                  l,
+                  r,
+                  a === 3 ? "h-xxl bg-secondary-alt-500 mt-md" : r
+                )
+              },
+              a
+            );
+          })
+        }
+      )
+    ]
+  }
+) });
 export {
-  x as UiSkeleton
+  b 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\n}\n\nexport const UiSkeleton: React.FC<UiSkeletonProps> = ({\n\tkind\n}) => {\n\n\tconst widthClasses = [\"w-1/2\", \"w-1/3\", \"w-2/3\", \"w-3/4\"];\n\n\treturn (\n\t\t<>\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\"rounded-2xl\",\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\"p-xxs\"\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__header\",\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\"gap-xs\",\n\t\t\t\t\t\t\t\"rounded-xl\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\t\t\t\t\"p-xxs\"\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\") }>\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__text\",\n\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\"rounded-md\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\"\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__text\",\n\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\"w-5/6\",\n\t\t\t\t\t\t\t\t\t\"rounded-md\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\"\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\t<div\n\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\"ui-skeleton-card__header__image\",\n\t\t\t\t\t\t\t\t\"size-xxxl\",\n\t\t\t\t\t\t\t\t\"rounded-lg\",\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\"\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\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\"flex\",\n\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\"items-start\",\n\t\t\t\t\t\t\t\"justify-start\",\n\t\t\t\t\t\t\t\"rounded-xl\",\n\t\t\t\t\t\t\t\"pt-sm\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ widthClasses.map((widthClass, index) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content__text\",\n\t\t\t\t\t\t\t\t\t\"mb-xxs\",\n\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\"rounded-md\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\twidthClass\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\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__footer\",\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"flex-row\",\n\t\t\t\t\t\t\t\"justify-between\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\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__footer__text\",\n\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\"w-1/4\",\n\t\t\t\t\t\t\t\t\"self-end\",\n\t\t\t\t\t\t\t\t\"rounded-xl\",\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\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__footer__text\",\n\t\t\t\t\t\t\t\t\"h-xl\",\n\t\t\t\t\t\t\t\t\"w-1/4\",\n\t\t\t\t\t\t\t\t\"rounded-xl\",\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\"\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\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__button\",\n\t\t\t\t\t\t\t\"mt-xxs\",\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\"w-full\",\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\"rounded-xl\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\"py-md\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t{ kind === ESkeletonKind.FILTER_MENU && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card__header\",\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\"gap-xs\",\n\t\t\t\t\t\t\"rounded-xl\",\n\t\t\t\t\t\t\"p-xxs\"\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"grow\">\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__text\",\n\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\"w-3/6\",\n\t\t\t\t\t\t\t\t\"rounded-md\",\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\"\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\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__header__image\",\n\t\t\t\t\t\t\t\"size-xxl\",\n\t\t\t\t\t\t\t\"rounded-lg\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-300\"\n\t\t\t\t\t\t) }\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__header__image\",\n\t\t\t\t\t\t\t\"size-xxl\",\n\t\t\t\t\t\t\t\"rounded-lg\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-300\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</>\n\t);\n};\n"],"names":["UiSkeleton","kind","widthClasses","jsxs","Fragment","ESkeletonKind","cx","jsx","widthClass","index"],"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\n}\n\nexport const UiSkeleton: React.FC<UiSkeletonProps> = ({\n\tkind\n}) => {\n\n\treturn (\n\t\t<>\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\",\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\",\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\") }\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\", \"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\",\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\",\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</>\n\t);\n};\n"],"names":["UiSkeleton","kind","jsx","Fragment","ESkeletonKind","jsxs","cx","widthClass","index","_","heightClass"],"mappings":"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"}

package/components/UiSkeleton/_types.d.ts

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

package/components/UiSkeleton/_types.js

@@ -1,5 +1,5 @@
-var E = /* @__PURE__ */ ((R) => (R.RESULT_CARD = "RESULT_CARD", R.FILTER_MENU = "FILTER_MENU", R))(E || {});
+var R = /* @__PURE__ */ ((r) => (r.RESULT_CARD = "RESULT_CARD", r))(R || {});
 export {
-  E as ESkeletonKind
+  R 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\tFILTER_MENU = \"FILTER_MENU\"\n}\n"],"names":["ESkeletonKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,cAAc,eACdA,EAAA,cAAc,eAFHA,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}\n"],"names":["ESkeletonKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,cAAc,eADHA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiTypography/UiTypography.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { ETextAlign, ETextTransform, ETextWeight, ETypographySizes } from './_types.ts';
 import { EColors } from '../../_types/colors.ts';
-interface ITypographyProps {
-    tag?: keyof React.JSX.IntrinsicElements;
+type TUiTypographyProps<T extends keyof React.JSX.IntrinsicElements> = {
+    tag?: T;
     children?: React.ReactNode;
     underline?: boolean;
     lineHeight?: boolean;
@@ -11,7 +11,6 @@ interface ITypographyProps {
     align?: ETextAlign;
     weight?: ETextWeight;
     color?: EColors;
-    className?: string;
-}
-export declare const UiTypography: React.FC<ITypographyProps>;
+} & Omit<React.JSX.IntrinsicElements[T], "children" | "ref">;
+export declare const UiTypography: <T extends keyof React.JSX.IntrinsicElements>({ children, tag, underline, lineHeight, size, textTransform, align, weight, color, className, ...rest }: TUiTypographyProps<T>) => React.JSX.Element;
 export {};

package/components/UiTypography/UiTypography.js

@@ -1,9 +1,8 @@
-import { jsx as i } from "react/jsx-runtime";
-import "react";
+import i from "react";
 import { ETypographySizes as e, ETextTransform as r, ETextAlign as x, ETextWeight as a } from "./_types.js";
 import { EColors as t } from "../../_types/colors.js";
-import s from "classnames";
-const y = {
+import y from "classnames";
+const m = {
   [e.MD]: "text-md",
   [e.XXS]: "text-xxs",
   [e.XS]: "text-xs",
@@ -14,21 +13,21 @@ const y = {
   [e.XXXL]: "text-3xl",
   [e.XXXXL]: "text-4xl",
   [e.XXXXXL]: "text-5xl"
-}, m = {
+}, p = {
   [r.UPPERCASE]: "uppercase",
   [r.LOWERCASE]: "lowercase",
   [r.NONE]: "normal-case",
   [r.CAPITALIZE]: "capitalize"
-}, p = {
+}, L = {
   [x.LEFT]: "text-left",
   [x.RIGHT]: "text-right",
   [x.CENTER]: "text-center"
-}, L = {
+}, Y = {
   [a.LIGHT]: "font-light",
   [a.REGULAR]: "font-medium",
   [a.SEMI_BOLD]: "font-bold",
   [a.BOLD]: "font-black"
-}, Y = {
+}, I = {
   [t.WHITE]: "text-white",
   [t.BLACK]: "text-black",
   [t.TRANSPARENT]: "text-transparent",
@@ -87,31 +86,35 @@ const y = {
   [t.ACCENT_ALT_600]: "text-accent-alt-600",
   [t.ACCENT_ALT_700]: "text-accent-alt-700"
 }, d = ({
-  children: o,
-  tag: E = "p",
-  underline: l = !1,
-  lineHeight: C = !1,
+  children: s,
+  tag: o,
+  underline: E = !1,
+  lineHeight: l = !1,
   size: R,
   textTransform: A,
   align: _,
   weight: n,
   color: c,
-  className: T
+  className: C,
+  ...T
 }) => {
-  const N = s(
+  const N = y(
     "ui-typography",
     {
-      underline: l
+      underline: E
     },
-    C ? "leading-normal" : "leading-none",
-    R && y[R],
-    A && m[A],
-    _ && p[_],
-    n && L[n],
-    c && Y[c],
-    T
+    l ? "leading-normal" : "leading-none",
+    R && m[R],
+    A && p[A],
+    _ && L[_],
+    n && Y[n],
+    c && I[c],
+    C
   );
-  return /* @__PURE__ */ i(E, { className: s(N), children: o });
+  return i.createElement(o || "p", {
+    className: N,
+    ...T
+  }, s);
 };
 export {
   d as UiTypography

package/components/UiTypography/UiTypography.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiTypography.js","sources":["../../../src/components/UiTypography/UiTypography.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETextAlign, ETextTransform, ETextWeight, ETypographySizes } from \"./_types.ts\";\nimport { EColors } from \"../../_types/colors.ts\";\nimport cx from \"classnames\";\n\ninterface ITypographyProps {\n\ttag?: keyof React.JSX.IntrinsicElements;\n\tchildren?: React.ReactNode;\n\tunderline?: boolean;\n\tlineHeight?: boolean;\n\tsize?: ETypographySizes;\n\ttextTransform?: ETextTransform;\n\talign?: ETextAlign;\n\tweight?: ETextWeight;\n\tcolor?: EColors;\n\tclassName?: string;\n}\n\nconst sizeClasses = {\n\t[ETypographySizes.MD]: \"text-md\",\n\t[ETypographySizes.XXS]: \"text-xxs\",\n\t[ETypographySizes.XS]: \"text-xs\",\n\t[ETypographySizes.SM]: \"text-sm\",\n\t[ETypographySizes.LG]: \"text-lg\",\n\t[ETypographySizes.XL]: \"text-xl\",\n\t[ETypographySizes.XXL]: \"text-2xl\",\n\t[ETypographySizes.XXXL]: \"text-3xl\",\n\t[ETypographySizes.XXXXL]: \"text-4xl\",\n\t[ETypographySizes.XXXXXL]: \"text-5xl\",\n};\n\nconst textTransformClasses = {\n\t[ETextTransform.UPPERCASE]: \"uppercase\",\n\t[ETextTransform.LOWERCASE]: \"lowercase\",\n\t[ETextTransform.NONE]: \"normal-case\",\n\t[ETextTransform.CAPITALIZE]: \"capitalize\",\n};\n\nconst alignClasses = {\n\t[ETextAlign.LEFT]: \"text-left\",\n\t[ETextAlign.RIGHT]: \"text-right\",\n\t[ETextAlign.CENTER]: \"text-center\",\n};\n\nconst weightClasses = {\n\t[ETextWeight.LIGHT]: \"font-light\",\n\t[ETextWeight.REGULAR]: \"font-medium\",\n\t[ETextWeight.SEMI_BOLD]: \"font-bold\",\n\t[ETextWeight.BOLD]: \"font-black\",\n};\n\nconst colorClasses = {\n\t[EColors.WHITE]: \"text-white\",\n\t[EColors.BLACK]: \"text-black\",\n\t[EColors.TRANSPARENT]: \"text-transparent\",\n\t[EColors.CURRENT]: \"text-current\",\n\n\t[EColors.PRIMARY]: \"text-primary\",\n\t[EColors.PRIMARY_50]: \"text-primary-50\",\n\t[EColors.PRIMARY_100]: \"text-primary-100\",\n\t[EColors.PRIMARY_200]: \"text-primary-200\",\n\t[EColors.PRIMARY_300]: \"text-primary-300\",\n\t[EColors.PRIMARY_400]: \"text-primary-400\",\n\t[EColors.PRIMARY_500]: \"text-primary-500\",\n\t[EColors.PRIMARY_600]: \"text-primary-600\",\n\t[EColors.PRIMARY_700]: \"text-primary-700\",\n\t[EColors.PRIMARY_800]: \"text-primary-800\",\n\t[EColors.PRIMARY_900]: \"text-primary-900\",\n\n\t[EColors.PRIMARY_ALT]: \"text-primary-alt\",\n\t[EColors.PRIMARY_ALT_300]: \"text-primary-alt-300\",\n\t[EColors.PRIMARY_ALT_400]: \"text-primary-alt-400\",\n\t[EColors.PRIMARY_ALT_500]: \"text-primary-alt-500\",\n\t[EColors.PRIMARY_ALT_600]: \"text-primary-alt-600\",\n\t[EColors.PRIMARY_ALT_700]: \"text-primary-alt-700\",\n\n\t[EColors.WARNING]: \"text-warning\",\n\t[EColors.WARNING_300]: \"text-warning-300\",\n\t[EColors.WARNING_400]: \"text-warning-400\",\n\t[EColors.WARNING_500]: \"text-warning-500\",\n\t[EColors.WARNING_600]: \"text-warning-600\",\n\t[EColors.WARNING_700]: \"text-warning-700\",\n\n\t[EColors.SECONDARY]: \"text-secondary\",\n\t[EColors.SECONDARY_300]: \"text-secondary-300\",\n\t[EColors.SECONDARY_400]: \"text-secondary-400\",\n\t[EColors.SECONDARY_500]: \"text-secondary-500\",\n\t[EColors.SECONDARY_600]: \"text-secondary-600\",\n\t[EColors.SECONDARY_700]: \"text-secondary-700\",\n\n\t[EColors.SECONDARY_ALT]: \"text-secondary-alt\",\n\t[EColors.SECONDARY_ALT_200]: \"text-secondary-alt-200\",\n\t[EColors.SECONDARY_ALT_300]: \"text-secondary-alt-300\",\n\t[EColors.SECONDARY_ALT_400]: \"text-secondary-alt-400\",\n\t[EColors.SECONDARY_ALT_500]: \"text-secondary-alt-500\",\n\t[EColors.SECONDARY_ALT_600]: \"text-secondary-alt-600\",\n\t[EColors.SECONDARY_ALT_700]: \"text-secondary-alt-700\",\n\n\t[EColors.ERROR]: \"text-error\",\n\t[EColors.ERROR_300]: \"text-error-300\",\n\t[EColors.ERROR_400]: \"text-error-400\",\n\t[EColors.ERROR_500]: \"text-error-500\",\n\t[EColors.ERROR_600]: \"text-error-600\",\n\t[EColors.ERROR_700]: \"text-error-700\",\n\n\t[EColors.ACCENT]: \"text-accent\",\n\t[EColors.ACCENT_300]: \"text-accent-300\",\n\t[EColors.ACCENT_500]: \"text-accent-500\",\n\t[EColors.ACCENT_600]: \"text-accent-600\",\n\t[EColors.ACCENT_700]: \"text-accent-700\",\n\n\t[EColors.ACCENT_ALT]: \"text-accent-alt\",\n\t[EColors.ACCENT_ALT_300]: \"text-accent-alt-300\",\n\t[EColors.ACCENT_ALT_400]: \"text-accent-alt-400\",\n\t[EColors.ACCENT_ALT_500]: \"text-accent-alt-500\",\n\t[EColors.ACCENT_ALT_600]: \"text-accent-alt-600\",\n\t[EColors.ACCENT_ALT_700]: \"text-accent-alt-700\",\n};\n\nexport const UiTypography: React.FC<ITypographyProps> = (\n\t{\n\t\tchildren,\n\t\ttag: Tag = \"p\",\n\t\tunderline = false,\n\t\tlineHeight = false,\n\t\tsize,\n\t\ttextTransform,\n\t\talign,\n\t\tweight,\n\t\tcolor,\n\t\tclassName\n\t}) => {\n\n\tconst classes = cx(\n\t\t\"ui-typography\",\n\t\t{\n\t\t\tunderline\n\t\t},\n\t\tlineHeight ? \"leading-normal\" : \"leading-none\",\n\t\tsize && sizeClasses[size],\n\t\ttextTransform && textTransformClasses[textTransform],\n\t\talign && alignClasses[align],\n\t\tweight && weightClasses[weight],\n\t\tcolor && colorClasses[color],\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<Tag className={ cx(classes) }>\n\t\t\t{ children }\n\t\t</Tag>\n\t);\n};\n"],"names":["sizeClasses","ETypographySizes","textTransformClasses","ETextTransform","alignClasses","ETextAlign","weightClasses","ETextWeight","colorClasses","EColors","UiTypography","children","Tag","underline","lineHeight","size","textTransform","align","weight","color","className","classes","cx"],"mappings":"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"}
+{"version":3,"file":"UiTypography.js","sources":["../../../src/components/UiTypography/UiTypography.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETextAlign, ETextTransform, ETextWeight, ETypographySizes } from \"./_types.ts\";\nimport { EColors } from \"../../_types/colors.ts\";\nimport cx from \"classnames\";\n\ntype TUiTypographyProps<T extends keyof React.JSX.IntrinsicElements> = {\n\ttag?: T;\n\tchildren?: React.ReactNode;\n\tunderline?: boolean;\n\tlineHeight?: boolean;\n\tsize?: ETypographySizes;\n\ttextTransform?: ETextTransform;\n\talign?: ETextAlign;\n\tweight?: ETextWeight;\n\tcolor?: EColors;\n} & Omit<React.JSX.IntrinsicElements[T], \"children\" | \"ref\">;\n\nconst sizeClasses = {\n\t[ETypographySizes.MD]: \"text-md\",\n\t[ETypographySizes.XXS]: \"text-xxs\",\n\t[ETypographySizes.XS]: \"text-xs\",\n\t[ETypographySizes.SM]: \"text-sm\",\n\t[ETypographySizes.LG]: \"text-lg\",\n\t[ETypographySizes.XL]: \"text-xl\",\n\t[ETypographySizes.XXL]: \"text-2xl\",\n\t[ETypographySizes.XXXL]: \"text-3xl\",\n\t[ETypographySizes.XXXXL]: \"text-4xl\",\n\t[ETypographySizes.XXXXXL]: \"text-5xl\",\n};\n\nconst textTransformClasses = {\n\t[ETextTransform.UPPERCASE]: \"uppercase\",\n\t[ETextTransform.LOWERCASE]: \"lowercase\",\n\t[ETextTransform.NONE]: \"normal-case\",\n\t[ETextTransform.CAPITALIZE]: \"capitalize\",\n};\n\nconst alignClasses = {\n\t[ETextAlign.LEFT]: \"text-left\",\n\t[ETextAlign.RIGHT]: \"text-right\",\n\t[ETextAlign.CENTER]: \"text-center\",\n};\n\nconst weightClasses = {\n\t[ETextWeight.LIGHT]: \"font-light\",\n\t[ETextWeight.REGULAR]: \"font-medium\",\n\t[ETextWeight.SEMI_BOLD]: \"font-bold\",\n\t[ETextWeight.BOLD]: \"font-black\",\n};\n\nconst colorClasses = {\n\t[EColors.WHITE]: \"text-white\",\n\t[EColors.BLACK]: \"text-black\",\n\t[EColors.TRANSPARENT]: \"text-transparent\",\n\t[EColors.CURRENT]: \"text-current\",\n\n\t[EColors.PRIMARY]: \"text-primary\",\n\t[EColors.PRIMARY_50]: \"text-primary-50\",\n\t[EColors.PRIMARY_100]: \"text-primary-100\",\n\t[EColors.PRIMARY_200]: \"text-primary-200\",\n\t[EColors.PRIMARY_300]: \"text-primary-300\",\n\t[EColors.PRIMARY_400]: \"text-primary-400\",\n\t[EColors.PRIMARY_500]: \"text-primary-500\",\n\t[EColors.PRIMARY_600]: \"text-primary-600\",\n\t[EColors.PRIMARY_700]: \"text-primary-700\",\n\t[EColors.PRIMARY_800]: \"text-primary-800\",\n\t[EColors.PRIMARY_900]: \"text-primary-900\",\n\n\t[EColors.PRIMARY_ALT]: \"text-primary-alt\",\n\t[EColors.PRIMARY_ALT_300]: \"text-primary-alt-300\",\n\t[EColors.PRIMARY_ALT_400]: \"text-primary-alt-400\",\n\t[EColors.PRIMARY_ALT_500]: \"text-primary-alt-500\",\n\t[EColors.PRIMARY_ALT_600]: \"text-primary-alt-600\",\n\t[EColors.PRIMARY_ALT_700]: \"text-primary-alt-700\",\n\n\t[EColors.WARNING]: \"text-warning\",\n\t[EColors.WARNING_300]: \"text-warning-300\",\n\t[EColors.WARNING_400]: \"text-warning-400\",\n\t[EColors.WARNING_500]: \"text-warning-500\",\n\t[EColors.WARNING_600]: \"text-warning-600\",\n\t[EColors.WARNING_700]: \"text-warning-700\",\n\n\t[EColors.SECONDARY]: \"text-secondary\",\n\t[EColors.SECONDARY_300]: \"text-secondary-300\",\n\t[EColors.SECONDARY_400]: \"text-secondary-400\",\n\t[EColors.SECONDARY_500]: \"text-secondary-500\",\n\t[EColors.SECONDARY_600]: \"text-secondary-600\",\n\t[EColors.SECONDARY_700]: \"text-secondary-700\",\n\n\t[EColors.SECONDARY_ALT]: \"text-secondary-alt\",\n\t[EColors.SECONDARY_ALT_200]: \"text-secondary-alt-200\",\n\t[EColors.SECONDARY_ALT_300]: \"text-secondary-alt-300\",\n\t[EColors.SECONDARY_ALT_400]: \"text-secondary-alt-400\",\n\t[EColors.SECONDARY_ALT_500]: \"text-secondary-alt-500\",\n\t[EColors.SECONDARY_ALT_600]: \"text-secondary-alt-600\",\n\t[EColors.SECONDARY_ALT_700]: \"text-secondary-alt-700\",\n\n\t[EColors.ERROR]: \"text-error\",\n\t[EColors.ERROR_300]: \"text-error-300\",\n\t[EColors.ERROR_400]: \"text-error-400\",\n\t[EColors.ERROR_500]: \"text-error-500\",\n\t[EColors.ERROR_600]: \"text-error-600\",\n\t[EColors.ERROR_700]: \"text-error-700\",\n\n\t[EColors.ACCENT]: \"text-accent\",\n\t[EColors.ACCENT_300]: \"text-accent-300\",\n\t[EColors.ACCENT_500]: \"text-accent-500\",\n\t[EColors.ACCENT_600]: \"text-accent-600\",\n\t[EColors.ACCENT_700]: \"text-accent-700\",\n\n\t[EColors.ACCENT_ALT]: \"text-accent-alt\",\n\t[EColors.ACCENT_ALT_300]: \"text-accent-alt-300\",\n\t[EColors.ACCENT_ALT_400]: \"text-accent-alt-400\",\n\t[EColors.ACCENT_ALT_500]: \"text-accent-alt-500\",\n\t[EColors.ACCENT_ALT_600]: \"text-accent-alt-600\",\n\t[EColors.ACCENT_ALT_700]: \"text-accent-alt-700\",\n};\n\nexport const UiTypography = <T extends keyof React.JSX.IntrinsicElements> (\n\t{\n\t\tchildren,\n\t\ttag,\n\t\tunderline = false,\n\t\tlineHeight = false,\n\t\tsize,\n\t\ttextTransform,\n\t\talign,\n\t\tweight,\n\t\tcolor,\n\t\tclassName,\n\t\t...rest\n\t}: TUiTypographyProps<T> ): React.JSX.Element => {\n\n\tconst classes = cx(\n\t\t\"ui-typography\",\n\t\t{\n\t\t\tunderline\n\t\t},\n\t\tlineHeight ? \"leading-normal\" : \"leading-none\",\n\t\tsize && sizeClasses[size],\n\t\ttextTransform && textTransformClasses[textTransform],\n\t\talign && alignClasses[align],\n\t\tweight && weightClasses[weight],\n\t\tcolor && colorClasses[color],\n\t\tclassName\n\t);\n\n\treturn React.createElement(tag || \"p\", {\n\t\tclassName: classes,\n\t\t...rest\n\t}, children);\n};\n"],"names":["sizeClasses","ETypographySizes","textTransformClasses","ETextTransform","alignClasses","ETextAlign","weightClasses","ETextWeight","colorClasses","EColors","UiTypography","children","tag","underline","lineHeight","size","textTransform","align","weight","color","className","rest","classes","cx","React"],"mappings":"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"}

package/index.d.ts

@@ -3,8 +3,10 @@ export * as UiBerRank from './components/UiBerRank';
 export * as UiButton from './components/UiButton';
 export * as UiCheckbox from './components/UiCheckbox';
 export * as UiIcon from './components/UiIcon';
+export * as UiInput from './components/UiInput';
 export * as UiInputRange from './components/UiInputRange';
 export * as UiList from './components/UiList';
+export * as UiNotificationBadge from './components/UiNotificationBadge';
 export * as UiRadio from './components/UiRadio';
 export * as UiPlainRadio from './components/UiPlainRadio';
 export * as UiPills from './components/UiPills';