bonkers-ui 2.0.2 → 2.0.4

package/components/UiAlert/UiAlert.js

@@ -1,20 +1,21 @@
-import { jsxs as i, jsx as m } from "react/jsx-runtime";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import "react";
 import { EAlertTypes as r } from "./_types.js";
-import s from "classnames";
-import { UiIcon as n } from "../UiIcon/UiIcon.js";
-import { ESize as a } from "../../_types/sizing.js";
+import n from "classnames";
+import { UiIcon as a } from "../UiIcon/UiIcon.js";
+import { ESize as d } from "../../_types/sizing.js";
 import "@fortawesome/fontawesome-svg-core";
-const d = {
+const p = {
   [r.PRIMARY]: "border-primary text-primary ",
   [r.SECONDARY]: "'border-secondary text-secondary",
   [r.ERROR]: "border-error text-error",
   [r.WARNING]: "border-warning text-warning"
-}, A = ({
+}, g = ({
   children: o,
   kind: t = r.PRIMARY,
+  className: i,
   icon: e
-}) => /* @__PURE__ */ i("div", { className: s(
+}) => /* @__PURE__ */ m("div", { className: n(
   "ui-alert",
   "flex",
   "gap-sm",
@@ -24,12 +25,13 @@ const d = {
   "p-sm",
   "leading-normal",
   "text-xs",
-  d[t]
+  p[t],
+  i
 ), children: [
-  e ? /* @__PURE__ */ m(n, { name: e, size: a.SM }) : null,
+  e ? /* @__PURE__ */ s(a, { name: e, size: d.SM }) : null,
   o
 ] });
 export {
-  A as UiAlert
+  g as UiAlert
 };
 //# sourceMappingURL=UiAlert.js.map

package/components/UiAlert/UiAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiAlert.js","sources":["../../../src/components/UiAlert/UiAlert.tsx"],"sourcesContent":["\nimport React from \"react\";\nimport { EAlertTypes } from \"./_types\";\nimport cx from \"classnames\";\nimport { UiIcon } from \"../UiIcon\";\nimport { ESize } from \"../../_types/sizing\";\nimport { type IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IUiAlert {\n\tchildren: React.ReactNode,\n\tkind?: EAlertTypes,\n\ticon?: IconProp\n}\n\nconst kindClasses = {\n\t[EAlertTypes.PRIMARY]: \"border-primary text-primary \",\n\t[EAlertTypes.SECONDARY]: \"'border-secondary text-secondary\",\n\t[EAlertTypes.ERROR]: \"border-error text-error\",\n\t[EAlertTypes.WARNING]: \"border-warning text-warning\"\n\n};\n\nexport const UiAlert: React.FC<IUiAlert> = ({\n\tchildren,\n\tkind = EAlertTypes.PRIMARY,\n\ticon\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-alert\",\n\t\t\t\"flex\",\n\t\t\t\"gap-sm\",\n\t\t\t\"rounded-xl\",\n\t\t\t\"border\",\n\t\t\t\"bg-white\",\n\t\t\t\"p-sm\",\n\t\t\t\"leading-normal\",\n\t\t\t\"text-xs\",\n\t\t\tkindClasses[kind],\n\t\t) }>\n\n\t\t\t{ icon ? <UiIcon name={ icon } size={ ESize.SM } /> : null }\n\t\t\t{ children }\n\t\t</div>\n\t);\n};\n"],"names":["kindClasses","EAlertTypes","UiAlert","children","kind","icon","jsxs","cx","UiIcon","ESize"],"mappings":";;;;;;;AAcA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAY,OAAO,GAAG;AAAA,EACvB,CAACA,EAAY,SAAS,GAAG;AAAA,EACzB,CAACA,EAAY,KAAK,GAAG;AAAA,EACrB,CAACA,EAAY,OAAO,GAAG;AAExB,GAEaC,IAA8B,CAAC;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAOH,EAAY;AAAA,EACnB,MAAAI;AACD,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAP,EAAYI,CAAI;AAGd,GAAA,UAAA;AAAA,EAAAC,sBAAQG,GAAO,EAAA,MAAOH,GAAO,MAAOI,EAAM,GAAK,CAAA,IAAK;AAAA,EACpDN;AAAA,GACH;"}
+{"version":3,"file":"UiAlert.js","sources":["../../../src/components/UiAlert/UiAlert.tsx"],"sourcesContent":["\nimport React from \"react\";\nimport { EAlertTypes } from \"./_types\";\nimport cx from \"classnames\";\nimport { UiIcon } from \"../UiIcon\";\nimport { ESize } from \"../../_types/sizing\";\nimport { type IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IUiAlert {\n\tchildren: React.ReactNode,\n\tclassName?: string\n\tkind?: EAlertTypes,\n\ticon?: IconProp\n}\n\nconst kindClasses = {\n\t[EAlertTypes.PRIMARY]: \"border-primary text-primary \",\n\t[EAlertTypes.SECONDARY]: \"'border-secondary text-secondary\",\n\t[EAlertTypes.ERROR]: \"border-error text-error\",\n\t[EAlertTypes.WARNING]: \"border-warning text-warning\"\n\n};\n\nexport const UiAlert: React.FC<IUiAlert> = ({\n\tchildren,\n\tkind = EAlertTypes.PRIMARY,\n\tclassName,\n\ticon\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-alert\",\n\t\t\t\"flex\",\n\t\t\t\"gap-sm\",\n\t\t\t\"rounded-xl\",\n\t\t\t\"border\",\n\t\t\t\"bg-white\",\n\t\t\t\"p-sm\",\n\t\t\t\"leading-normal\",\n\t\t\t\"text-xs\",\n\t\t\tkindClasses[kind],\n\t\t\tclassName\n\t\t) }>\n\n\t\t\t{ icon ? <UiIcon name={ icon } size={ ESize.SM } /> : null }\n\t\t\t{ children }\n\t\t</div>\n\t);\n};\n"],"names":["kindClasses","EAlertTypes","UiAlert","children","kind","className","icon","jsxs","cx","UiIcon","ESize"],"mappings":";;;;;;;AAeA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAY,OAAO,GAAG;AAAA,EACvB,CAACA,EAAY,SAAS,GAAG;AAAA,EACzB,CAACA,EAAY,KAAK,GAAG;AAAA,EACrB,CAACA,EAAY,OAAO,GAAG;AAExB,GAEaC,IAA8B,CAAC;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAOH,EAAY;AAAA,EACnB,WAAAI;AAAA,EACA,MAAAC;AACD,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAR,EAAYI,CAAI;AAAA,EAChBC;AAGE,GAAA,UAAA;AAAA,EAAAC,sBAAQG,GAAO,EAAA,MAAOH,GAAO,MAAOI,EAAM,GAAK,CAAA,IAAK;AAAA,EACpDP;AAAA,GACH;"}

package/components/UiBerRank/UiBerRank.d.ts

@@ -3,6 +3,7 @@ import { TBerPropNumber, TBerPropString, EBerSize } from './_types';
 interface IUiBerRankProps {
     rank: TBerPropNumber | TBerPropString | number;
     size?: EBerSize;
+    className?: string;
 }
 export declare const UiBerRank: React.FC<IUiBerRankProps>;
 export {};

package/components/UiBerRank/UiBerRank.js

@@ -1,31 +1,35 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import "react";
-import n from "classnames";
-import m from "./UiBerRank.module.css.js";
-import { EColors as a } from "../../_types/colors.js";
-import { EBerSize as r, berRankDictionary as l } from "./_types.js";
-import { UiTypography as i } from "../UiTypography/UiTypography.js";
-import { ETypographySizes as f, ETextWeight as d, ETextTransform as p } from "../UiTypography/_types.js";
-const x = {
-  [r.SMALL]: m.icon_small,
-  [r.MEDIUM]: m.icon_medium
+import m from "classnames";
+import { EColors as C } from "../../_types/colors.js";
+import { EBerSize as l, berRankDictionary as i } from "./_types.js";
+import { UiTypography as t } from "../UiTypography/UiTypography.js";
+import { ETypographySizes as a, ETextTransform as f, ETextWeight as d } from "../UiTypography/_types.js";
+import '../../assets/UiBerRank.css';const _ = "_icon_medium_18il7_1", v = "_icon_small_18il7_5", x = {
+  icon_medium: _,
+  icon_small: v
+}, p = {
+  [l.SMALL]: x.icon_small,
+  [l.MEDIUM]: x.icon_medium
 }, h = {
-  [r.SMALL]: f.SM,
-  [r.MEDIUM]: f.XXXL
-}, T = ({
+  [l.SMALL]: a.SM,
+  [l.MEDIUM]: a.XXXL
+}, y = ({
   rank: s,
-  size: o = r.SMALL
+  className: u,
+  size: o = l.SMALL
 }) => {
-  var C, c;
-  return /* @__PURE__ */ t("div", { className: n(
+  var c, n;
+  return /* @__PURE__ */ r("div", { className: m(
     "ui-ber-rank",
-    "flex"
+    "flex",
+    u
   ), children: [
-    /* @__PURE__ */ t("div", { className: "relative", children: [
+    /* @__PURE__ */ r("div", { className: "relative", children: [
       /* @__PURE__ */ e(
         "svg",
         {
-          className: n("text-secondary", x[o]),
+          className: m("text-secondary", p[o]),
           viewBox: "0 0 160 60",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
@@ -40,26 +44,26 @@ const x = {
         }
       ),
       /* @__PURE__ */ e(
-        i,
+        t,
         {
           className: "absolute left-0 top-0 flex size-full items-center justify-center",
-          color: a.WHITE,
+          color: C.WHITE,
           size: h[o],
           weight: d.BOLD,
-          textTransform: p.UPPERCASE,
+          textTransform: f.UPPERCASE,
           children: "ber"
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { className: "relative", children: [
+    /* @__PURE__ */ r("div", { className: "relative", children: [
       /* @__PURE__ */ e(
-        i,
+        t,
         {
-          color: ((C = l[+s]) == null ? void 0 : C.color) || l[0].color,
+          color: ((c = i[+s]) == null ? void 0 : c.color) || i[0].color,
           children: /* @__PURE__ */ e(
             "svg",
             {
-              className: x[o],
+              className: p[o],
               viewBox: "0 0 106 60",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
@@ -76,20 +80,20 @@ const x = {
         }
       ),
       /* @__PURE__ */ e(
-        i,
+        t,
         {
           className: "absolute left-0 top-0 flex size-full items-center justify-center",
-          color: a.WHITE,
+          color: C.WHITE,
           size: h[o],
           weight: d.BOLD,
-          textTransform: p.UPPERCASE,
-          children: ((c = l[+s]) == null ? void 0 : c.text) || l[0].text
+          textTransform: f.UPPERCASE,
+          children: ((n = i[+s]) == null ? void 0 : n.text) || i[0].text
         }
       )
     ] })
   ] });
 };
 export {
-  T as UiBerRank
+  y as UiBerRank
 };
 //# sourceMappingURL=UiBerRank.js.map

package/components/UiBerRank/UiBerRank.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiBerRank.js","sources":["../../../src/components/UiBerRank/UiBerRank.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport css from \"./UiBerRank.module.css\";\nimport { EColors } from \"../../_types/colors.ts\";\nimport { berRankDictionary, type TBerPropNumber, type TBerPropString, EBerSize } from \"./_types\";\nimport { UiTypography, ETextWeight, ETypographySizes, ETextTransform } from \"../UiTypography\";\n\ninterface IUiBerRankProps {\n\trank: TBerPropNumber | TBerPropString | number;\n\tsize?: EBerSize\n}\n\nconst sizeClasses = {\n\t[EBerSize.SMALL]: css.icon_small,\n\t[EBerSize.MEDIUM]: css.icon_medium\n};\n\nconst textSize = {\n\t[EBerSize.SMALL]: ETypographySizes.SM,\n\t[EBerSize.MEDIUM]: ETypographySizes.XXXL\n};\n\nexport const UiBerRank: React.FC<IUiBerRankProps> = ({\n\trank,\n\tsize = EBerSize.SMALL\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-ber-rank\",\n\t\t\t\"flex\"\n\t\t) }>\n\t\t\t<div className=\"relative\">\n\t\t\t\t<svg className={ cx(\"text-secondary\", sizeClasses[size]) }\n\t\t\t\t\tviewBox=\"0 0 160 60\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\td=\"M0.279251 15.36C0.279251 9.9835 0.279251 7.29524 1.32559 5.24169C2.24597 3.43534 3.71459 1.96672 5.52094 1.04634C7.5745 0 10.2627 0 15.6393 0H139.208C143.189 0 145.18 0 146.874 0.666121C148.369 1.25435 149.693 2.20864 150.724 3.44151C151.892 4.83764 152.521 6.72601 153.78 10.5027L158.93 25.9523C159.431 27.4541 159.681 28.205 159.78 28.9732C159.869 29.6549 159.869 30.3451 159.78 31.0268C159.681 31.795 159.431 32.5459 158.93 34.0477L153.78 49.4973C152.521 53.274 151.892 55.1624 150.724 56.5585C149.693 57.7914 148.369 58.7457 146.874 59.3339C145.18 60 143.189 60 139.208 60H15.6393C10.2627 60 7.5745 60 5.52094 58.9537C3.71459 58.0333 2.24597 56.5647 1.32559 54.7583C0.279251 52.7048 0.279251 50.0165 0.279251 44.64V15.36Z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"absolute left-0 top-0 flex size-full items-center justify-center\"\n\t\t\t\t\tcolor={ EColors.WHITE }\n\t\t\t\t\tsize={ textSize[size] }\n\t\t\t\t\tweight={ ETextWeight.BOLD }\n\t\t\t\t\ttextTransform={ ETextTransform.UPPERCASE }\n\t\t\t\t>\n\t\t\t\t\tber\n\t\t\t\t</UiTypography>\n\t\t\t</div>\n\t\t\t<div className=\"relative\">\n\t\t\t\t<UiTypography\n\t\t\t\t\tcolor={ berRankDictionary[+rank]?.color || berRankDictionary[0].color }\n\t\t\t\t>\n\t\t\t\t\t<svg className={ sizeClasses[size] }\n\t\t\t\t\t\tviewBox=\"0 0 106 60\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\t\td=\"M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</UiTypography>\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"absolute left-0 top-0 flex size-full items-center justify-center\"\n\t\t\t\t\tcolor={ EColors.WHITE }\n\t\t\t\t\tsize={ textSize[size] }\n\t\t\t\t\tweight={ ETextWeight.BOLD }\n\t\t\t\t\ttextTransform={ ETextTransform.UPPERCASE }\n\t\t\t\t>\n\t\t\t\t\t{ berRankDictionary[+rank]?.text || berRankDictionary[0].text }\n\t\t\t\t</UiTypography>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["sizeClasses","EBerSize","css","textSize","ETypographySizes","UiBerRank","rank","size","jsxs","cx","jsx","UiTypography","EColors","ETextWeight","ETextTransform","_a","berRankDictionary"],"mappings":";;;;;;;;AAYA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAS,KAAK,GAAGC,EAAI;AAAA,EACtB,CAACD,EAAS,MAAM,GAAGC,EAAI;AACxB,GAEMC,IAAW;AAAA,EAChB,CAACF,EAAS,KAAK,GAAGG,EAAiB;AAAA,EACnC,CAACH,EAAS,MAAM,GAAGG,EAAiB;AACrC,GAEaC,IAAuC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,MAAAC,IAAON,EAAS;AACjB,MAAM;;AAEJ,SAAA,gBAAAO,EAAC,SAAI,WAAYC;AAAA,IAChB;AAAA,IACA;AAAA,EAEA,GAAA,UAAA;AAAA,IAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,YACd,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UAAI,WAAYD,EAAG,kBAAkBT,EAAYO,CAAI,CAAC;AAAA,UACtD,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,UAAA,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,UAAS;AAAA,cACT,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MACD;AAAA,MACA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAQC,EAAQ;AAAA,UAChB,MAAOT,EAASI,CAAI;AAAA,UACpB,QAASM,EAAY;AAAA,UACrB,eAAgBC,EAAe;AAAA,UAC/B,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,GACD;AAAA,IACA,gBAAAN,EAAC,OAAI,EAAA,WAAU,YACd,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,SAAQI,IAAAC,EAAkB,CAACV,CAAI,MAAvB,gBAAAS,EAA0B,UAASC,EAAkB,CAAC,EAAE;AAAA,UAEhE,UAAA,gBAAAN;AAAA,YAAC;AAAA,YAAA;AAAA,cAAI,WAAYV,EAAYO,CAAI;AAAA,cAChC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cAEN,UAAA,gBAAAG;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACA,UAAS;AAAA,kBACT,GAAE;AAAA,kBACF,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAAA;AAAA,QACD;AAAA,MACD;AAAA,MACA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAQC,EAAQ;AAAA,UAChB,MAAOT,EAASI,CAAI;AAAA,UACpB,QAASM,EAAY;AAAA,UACrB,eAAgBC,EAAe;AAAA,UAE7B,kBAAkB,CAACR,CAAI,wBAAG,SAAQU,EAAkB,CAAC,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1D,EACD,CAAA;AAAA,EAAA,GACD;AAEF;"}
+{"version":3,"file":"UiBerRank.js","sources":["../../../src/components/UiBerRank/UiBerRank.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport css from \"./UiBerRank.module.css\";\nimport { EColors } from \"../../_types/colors.ts\";\nimport { berRankDictionary, type TBerPropNumber, type TBerPropString, EBerSize } from \"./_types\";\nimport { UiTypography, ETextWeight, ETypographySizes, ETextTransform } from \"../UiTypography\";\n\ninterface IUiBerRankProps {\n\trank: TBerPropNumber | TBerPropString | number;\n\tsize?: EBerSize;\n\tclassName?: string;\n}\n\nconst sizeClasses = {\n\t[EBerSize.SMALL]: css.icon_small,\n\t[EBerSize.MEDIUM]: css.icon_medium\n};\n\nconst textSize = {\n\t[EBerSize.SMALL]: ETypographySizes.SM,\n\t[EBerSize.MEDIUM]: ETypographySizes.XXXL\n};\n\nexport const UiBerRank: React.FC<IUiBerRankProps> = ({\n\trank,\n\tclassName,\n\tsize = EBerSize.SMALL\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-ber-rank\",\n\t\t\t\"flex\",\n\t\t\tclassName\n\t\t) }>\n\t\t\t<div className=\"relative\">\n\t\t\t\t<svg className={ cx(\"text-secondary\", sizeClasses[size]) }\n\t\t\t\t\tviewBox=\"0 0 160 60\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\td=\"M0.279251 15.36C0.279251 9.9835 0.279251 7.29524 1.32559 5.24169C2.24597 3.43534 3.71459 1.96672 5.52094 1.04634C7.5745 0 10.2627 0 15.6393 0H139.208C143.189 0 145.18 0 146.874 0.666121C148.369 1.25435 149.693 2.20864 150.724 3.44151C151.892 4.83764 152.521 6.72601 153.78 10.5027L158.93 25.9523C159.431 27.4541 159.681 28.205 159.78 28.9732C159.869 29.6549 159.869 30.3451 159.78 31.0268C159.681 31.795 159.431 32.5459 158.93 34.0477L153.78 49.4973C152.521 53.274 151.892 55.1624 150.724 56.5585C149.693 57.7914 148.369 58.7457 146.874 59.3339C145.18 60 143.189 60 139.208 60H15.6393C10.2627 60 7.5745 60 5.52094 58.9537C3.71459 58.0333 2.24597 56.5647 1.32559 54.7583C0.279251 52.7048 0.279251 50.0165 0.279251 44.64V15.36Z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"absolute left-0 top-0 flex size-full items-center justify-center\"\n\t\t\t\t\tcolor={ EColors.WHITE }\n\t\t\t\t\tsize={ textSize[size] }\n\t\t\t\t\tweight={ ETextWeight.BOLD }\n\t\t\t\t\ttextTransform={ ETextTransform.UPPERCASE }\n\t\t\t\t>\n\t\t\t\t\tber\n\t\t\t\t</UiTypography>\n\t\t\t</div>\n\t\t\t<div className=\"relative\">\n\t\t\t\t<UiTypography\n\t\t\t\t\tcolor={ berRankDictionary[+rank]?.color || berRankDictionary[0].color }\n\t\t\t\t>\n\t\t\t\t\t<svg className={ sizeClasses[size] }\n\t\t\t\t\t\tviewBox=\"0 0 106 60\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\t\td=\"M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</UiTypography>\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"absolute left-0 top-0 flex size-full items-center justify-center\"\n\t\t\t\t\tcolor={ EColors.WHITE }\n\t\t\t\t\tsize={ textSize[size] }\n\t\t\t\t\tweight={ ETextWeight.BOLD }\n\t\t\t\t\ttextTransform={ ETextTransform.UPPERCASE }\n\t\t\t\t>\n\t\t\t\t\t{ berRankDictionary[+rank]?.text || berRankDictionary[0].text }\n\t\t\t\t</UiTypography>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["sizeClasses","EBerSize","css","textSize","ETypographySizes","UiBerRank","rank","className","size","jsxs","cx","jsx","UiTypography","EColors","ETextWeight","ETextTransform","_a","berRankDictionary"],"mappings":";;;;;;;;;;GAaMA,IAAc;AAAA,EACnB,CAACC,EAAS,KAAK,GAAGC,EAAI;AAAA,EACtB,CAACD,EAAS,MAAM,GAAGC,EAAI;AACxB,GAEMC,IAAW;AAAA,EAChB,CAACF,EAAS,KAAK,GAAGG,EAAiB;AAAA,EACnC,CAACH,EAAS,MAAM,GAAGG,EAAiB;AACrC,GAEaC,IAAuC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAOP,EAAS;AACjB,MAAM;;AAEJ,SAAA,gBAAAQ,EAAC,SAAI,WAAYC;AAAA,IAChB;AAAA,IACA;AAAA,IACAH;AAAA,EAEA,GAAA,UAAA;AAAA,IAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,YACd,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UAAI,WAAYD,EAAG,kBAAkBV,EAAYQ,CAAI,CAAC;AAAA,UACtD,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,UAAA,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,UAAS;AAAA,cACT,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MACD;AAAA,MACA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAQC,EAAQ;AAAA,UAChB,MAAOV,EAASK,CAAI;AAAA,UACpB,QAASM,EAAY;AAAA,UACrB,eAAgBC,EAAe;AAAA,UAC/B,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,GACD;AAAA,IACA,gBAAAN,EAAC,OAAI,EAAA,WAAU,YACd,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,SAAQI,IAAAC,EAAkB,CAACX,CAAI,MAAvB,gBAAAU,EAA0B,UAASC,EAAkB,CAAC,EAAE;AAAA,UAEhE,UAAA,gBAAAN;AAAA,YAAC;AAAA,YAAA;AAAA,cAAI,WAAYX,EAAYQ,CAAI;AAAA,cAChC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cAEN,UAAA,gBAAAG;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACA,UAAS;AAAA,kBACT,GAAE;AAAA,kBACF,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAAA;AAAA,QACD;AAAA,MACD;AAAA,MACA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAQC,EAAQ;AAAA,UAChB,MAAOV,EAASK,CAAI;AAAA,UACpB,QAASM,EAAY;AAAA,UACrB,eAAgBC,EAAe;AAAA,UAE7B,kBAAkB,CAACT,CAAI,wBAAG,SAAQW,EAAkB,CAAC,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1D,EACD,CAAA;AAAA,EAAA,GACD;AAEF;"}

package/components/UiBerRank/_types.js

@@ -1,5 +1,5 @@
 import { EColors as o } from "../../_types/colors.js";
-const r = [
+const A = [
   {
     text: "N/A",
     color: o.SECONDARY_ALT
@@ -64,10 +64,11 @@ const r = [
     text: "A1",
     color: o.PRIMARY_ALT_700
   }
-];
-var A = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t))(A || {});
+], _ = A.map(({ text: t }) => t);
+var R = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t))(R || {});
 export {
-  A as EBerSize,
-  r as berRankDictionary
+  R as EBerSize,
+  A as berRankDictionary,
+  _ as berRanksList
 };
 //# sourceMappingURL=_types.js.map

package/components/UiBerRank/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiBerRank/_types.ts"],"sourcesContent":["import { EColors } from \"../../_types/colors.ts\";\n\ntype Ran<T extends number> = number extends T ? number : _Range<T, []>;\ntype _Range<T extends number, R extends unknown[]> = R[\"length\"] extends T ? R[number] : _Range<T, [R[\"length\"], ...R]>;\n\nexport type TBerPropNumber = Ran<typeof berRankDictionary.length>\nexport type TBerPropString = `${TBerPropNumber}`;\nexport type TBerRank = typeof berRankDictionary[TBerPropNumber][\"text\"];\n\nexport const berRankDictionary = [\n\t{\n\t\ttext: \"N/A\",\n\t\tcolor: EColors.SECONDARY_ALT,\n\t},\n\t{\n\t\ttext: \"G\",\n\t\tcolor: EColors.ERROR,\n\t},\n\t{\n\t\ttext: \"F\",\n\t\tcolor: EColors.WARNING_700,\n\t},\n\t{\n\t\ttext: \"E2\",\n\t\tcolor: EColors.WARNING_600,\n\t},\n\t{\n\t\ttext: \"E1\",\n\t\tcolor: EColors.WARNING_600,\n\t},\n\t{\n\t\ttext: \"D2\",\n\t\tcolor: EColors.WARNING_400,\n\t},\n\t{\n\t\ttext: \"D1\",\n\t\tcolor: EColors.WARNING_400,\n\t},\n\t{\n\t\ttext: \"C3\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"C2\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"C1\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"B3\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"B2\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"B1\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"A3\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\n\t},\n\t{\n\t\ttext: \"A2\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\n\t},\n\t{\n\t\ttext: \"A1\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\n\t},\n] as const;\n\nexport const berRanksList = berRankDictionary.map(({ text }) => text);\n\nexport enum EBerSize {\n\tSMALL = \"small\",\n\tMEDIUM = \"medium\",\n}\n"],"names":["berRankDictionary","EColors","EBerSize"],"mappings":";AASO,MAAMA,IAAoB;AAAA,EAChC;AAAA,IACC,MAAM;AAAA,IACN,OAAOC,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAEjB;AAIY,IAAAC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,SAAS,UAFEA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiBerRank/_types.ts"],"sourcesContent":["import { EColors } from \"../../_types/colors.ts\";\n\ntype Ran<T extends number> = number extends T ? number : _Range<T, []>;\ntype _Range<T extends number, R extends unknown[]> = R[\"length\"] extends T ? R[number] : _Range<T, [R[\"length\"], ...R]>;\n\nexport type TBerPropNumber = Ran<typeof berRankDictionary.length>\nexport type TBerPropString = `${TBerPropNumber}`;\nexport type TBerRank = typeof berRankDictionary[TBerPropNumber][\"text\"];\n\nexport const berRankDictionary = [\n\t{\n\t\ttext: \"N/A\",\n\t\tcolor: EColors.SECONDARY_ALT,\n\t},\n\t{\n\t\ttext: \"G\",\n\t\tcolor: EColors.ERROR,\n\t},\n\t{\n\t\ttext: \"F\",\n\t\tcolor: EColors.WARNING_700,\n\t},\n\t{\n\t\ttext: \"E2\",\n\t\tcolor: EColors.WARNING_600,\n\t},\n\t{\n\t\ttext: \"E1\",\n\t\tcolor: EColors.WARNING_600,\n\t},\n\t{\n\t\ttext: \"D2\",\n\t\tcolor: EColors.WARNING_400,\n\t},\n\t{\n\t\ttext: \"D1\",\n\t\tcolor: EColors.WARNING_400,\n\t},\n\t{\n\t\ttext: \"C3\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"C2\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"C1\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"B3\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"B2\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"B1\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"A3\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\n\t},\n\t{\n\t\ttext: \"A2\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\n\t},\n\t{\n\t\ttext: \"A1\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\n\t},\n] as const;\n\nexport const berRanksList = berRankDictionary.map(({ text }) => text);\n\nexport enum EBerSize {\n\tSMALL = \"small\",\n\tMEDIUM = \"medium\",\n}\n"],"names":["berRankDictionary","EColors","berRanksList","text","EBerSize"],"mappings":";AASO,MAAMA,IAAoB;AAAA,EAChC;AAAA,IACC,MAAM;AAAA,IACN,OAAOC,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAChB;AAAA,EACA;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAEjB,GAEaC,IAAeF,EAAkB,IAAI,CAAC,EAAE,MAAAG,QAAWA,CAAI;AAExD,IAAAC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,SAAS,UAFEA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiButton/UiButton.d.ts

@@ -5,6 +5,7 @@ type TButtonProps = {
     size?: EButtonSizes;
     fullWidth?: boolean;
     weight?: EButtonWeight;
+    className?: string;
 } & React.HTMLAttributes<HTMLElement> & React.ButtonHTMLAttributes<HTMLElement> & React.AnchorHTMLAttributes<HTMLElement>;
 export declare const UiButton: React.FC<TButtonProps>;
 export {};