bonkers-ui 2.0.3 → 2.0.4

package/assets/UiToggle.css

@@ -0,0 +1 @@
+._UiToggle__dot_1uov6_1{width:22px;height:22px;transform:translate3d(1px,-50%,0);transition:transform .3s ease-in-out}._UiToggle__dot_1uov6_1:active,._UiToggle__dot_1uov6_1:focus+._UiToggle__dot_1uov6_1{box-shadow:var(--shadow-border-secondary)}._UiToggle__dot_checked_1uov6_13{transform:translate3d(calc(var(--xl) - 100% - 1px),-50%,0)}._UiToggle__icon_1uov6_17{top:60%;left:50%;transform:translate3d(-50%,-50%,0);stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .2s ease-in-out}._UiToggle__icon_checked_1uov6_26{stroke-dashoffset:0}

package/components/UiAlert/UiAlert.d.ts

@@ -3,6 +3,7 @@ import { EAlertTypes } from './_types';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 interface IUiAlert {
     children: React.ReactNode;
+    className?: string;
     kind?: EAlertTypes;
     icon?: IconProp;
 }

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

@@ -5,23 +5,25 @@ 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 u = "_icon_medium_18il7_1", _ = "_icon_small_18il7_5", x = {
-  icon_medium: u,
-  icon_small: _
+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 = {
   [l.SMALL]: a.SM,
   [l.MEDIUM]: a.XXXL
-}, T = ({
+}, y = ({
   rank: s,
+  className: u,
   size: o = l.SMALL
 }) => {
   var c, n;
   return /* @__PURE__ */ r("div", { className: m(
     "ui-ber-rank",
-    "flex"
+    "flex",
+    u
   ), children: [
     /* @__PURE__ */ r("div", { className: "relative", children: [
       /* @__PURE__ */ e(
@@ -92,6 +94,6 @@ import '../../assets/UiBerRank.css';const u = "_icon_medium_18il7_1", _ = "_icon
   ] });
 };
 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":";;;;;;;;;;GAYMA,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/UiButton/UiButton.js

@@ -1,117 +1,10 @@
-import { jsx as h } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import "react";
-import { EButtonTypes as r, EButtonSizes as a, EButtonWeight as o } from "./_types.js";
-import p from "classnames";
+import { EButtonTypes as r, EButtonSizes as a, EButtonWeight as t } from "./_types.js";
+import h from "classnames";
 import '../../assets/UiButton.css';const g = "_UiButton_1dpbh_1", m = {
   UiButton: g
 }, x = {
-  [r.PRIMARY]: `
-		bg-primary-600
-		border
-		border-primary-600
-		shadow-md
-		text-white
-
-		hover:bg-primary-700
-		active:bg-primary-800
-		disabled:bg-secondary-alt-300
-		disabled:border-transparent
-	`,
-  [r.SECONDARY]: `
-		bg-secondary-500
-		border
-		border-secondary-500
-		shadow-md
-		text-white
-
-		hover:bg-secondary-400
-		hover:border-secondary-400
-		active:bg-secondary-500
-		active:border-secondary-500
-		active:text-secondary-alt-300
-		disabled:bg-secondary-alt-300
-		disabled:border-transparent
-	`,
-  [r.WARNING]: `
-		bg-error-500
-		border
-		border-error-500
-		shadow-md
-		text-white
-
-		hover:bg-error-600
-		hover:border-error-600
-		active:bg-error-700
-		active:border-error-700
-		disabled:bg-secondary-alt-300
-		disabled:border-transparent
-	`,
-  [r.PRIMARY_OVERLAY]: `
-		bg-white
-		border
-		border-primary-600
-		shadow-md
-		text-primary-600
-
-		hover:bg-primary-50
-		hover:border-primary-700
-		hover:text-primary-700
-		active:bg-primary-100
-		active:border-primary-700
-		active:text-primary-700
-		disabled:bg-white
-		disabled:border-secondary-alt-300
-		disabled:shadow-none
-		disabled:text-secondary-alt-300
-	`,
-  [r.SECONDARY_OVERLAY]: `
-		bg-white
-		border
-		border-secondary-500
-		shadow-md
-		text-secondary-500
-
-		hover:bg-secondary-alt-200
-		hover:border-secondary-400
-		hover:text-secondary-400
-		active:bg-secondary-alt-300
-		active:border-secondary-500
-		active:text-secondary-500
-		disabled:bg-secondary-alt-300
-		disabled:border-transparent
-	`,
-  [r.WARNING_OVERLAY]: `
-		bg-white
-		border
-		border-error-500
-		shadow-md
-		text-error-500
-
-		hover:bg-error-100
-		hover:border-error-600
-		hover:text-error-600
-		active:bg-error-200
-		active:border-error-700
-		active:text-error-700
-		disabled:bg-secondary-alt-300
-		disabled:border-transparent
-	`,
-  [r.LINK]: `
-		bg-transparent
-		border
-		border-transparent
-		text-secondary-500
-		underline
-
-		hover:bg-secondary-alt-200
-		hover:no-underline
-		hover:text-secondary-400
-		active:bg-secondary-alt-300
-		active:text-secondary-500
-		disabled:bg-transparent
-		disabled:text-secondary-alt-300
-		disabled:underline
-	`,
   [r.PRIMARY_BRAND]: `
 		bg-primary-600
 		border
@@ -344,35 +237,36 @@ import '../../assets/UiButton.css';const g = "_UiButton_1dpbh_1", m = {
 		disabled:text-secondary-alt-700
 		disabled:underline
 	`
-}, d = (e) => e === r.PRIMARY_INVERSE || e === r.SECONDARY_INVERSE || e === r.TERTIARY_INVERSE, b = {
+}, d = (e) => e === r.PRIMARY_INVERSE || e === r.SECONDARY_INVERSE || e === r.TERTIARY_INVERSE, s = {
   background: (e) => d(e) ? "focus-visible:before:bg-secondary-500" : "focus-visible:before:bg-white",
   border: (e) => d(e) ? "focus-visible:before:border-secondary-alt-400" : "focus-visible:before:border-primary-600"
-}, R = {
+}, u = {
   [a.SMALL]: "px-md py-xxs",
   [a.MEDIUM]: "p-sm",
   [a.LARGE]: "p-md",
   [a.DEFAULT]: "px-md py-sm"
-}, u = {
-  [o.DEFAULT]: "font-medium",
-  [o.BOLD]: "font-bold"
-}, N = ({
+}, R = {
+  [t.DEFAULT]: "font-medium",
+  [t.BOLD]: "font-bold"
+}, T = ({
   kind: e = r.PRIMARY_BRAND,
-  size: s = a.DEFAULT,
+  size: b = a.DEFAULT,
   fullWidth: i = !1,
-  disabled: t = !1,
+  disabled: o = !1,
   children: n,
-  weight: c = o.BOLD,
+  weight: c = t.BOLD,
   className: l,
   onClick: y,
   ...v
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ p(
   "button",
   {
     ...v,
     onClick: y,
-    className: p(
+    className: h(
       m.UiButton,
       "text-base",
+      "cursor-pointer",
       "touch-manipulation",
       "whitespace-nowrap",
       "rounded-xl",
@@ -394,22 +288,22 @@ import '../../assets/UiButton.css';const g = "_UiButton_1dpbh_1", m = {
       "focus-visible:before:z-[-1]",
       "focus-visible:before:w-[calc(100%+12px)]",
       "focus-visible:before:h-[calc(100%+10px)]",
-      b.background(e),
-      b.border(e),
+      s.background(e),
+      s.border(e),
       x[e],
-      R[s],
-      u[c],
+      u[b],
+      R[c],
       {
         "w-full": i,
-        "pointer-events-none": t
+        "pointer-events-none": o
       },
       l
     ),
-    disabled: t,
+    disabled: o,
     children: n
   }
 );
 export {
-  N as UiButton
+  T as UiButton
 };
 //# sourceMappingURL=UiButton.js.map

package/components/UiButton/UiButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiButton.js","sources":["../../../src/components/UiButton/UiButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { EButtonSizes, EButtonTypes, EButtonWeight } from \"./_types.ts\";\nimport cx from \"classnames\";\nimport css from \"./UiButton.module.css\";\n\ntype TButtonProps = {\n\tkind?: EButtonTypes;\n\tsize?: EButtonSizes;\n\tfullWidth?: boolean;\n\tweight?: EButtonWeight;\n\tclassName?: string;\n} & React.HTMLAttributes<HTMLElement> &\n\tReact.ButtonHTMLAttributes<HTMLElement> &\n\tReact.AnchorHTMLAttributes<HTMLElement>\n\nconst typeClasses = {\n\t[EButtonTypes.PRIMARY]: `\n\t\tbg-primary-600\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\tactive:bg-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY]: `\n\t\tbg-secondary-500\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-400\n\t\thover:border-secondary-400\n\t\tactive:bg-secondary-500\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.WARNING]: `\n\t\tbg-error-500\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-error-600\n\t\thover:border-error-600\n\t\tactive:bg-error-700\n\t\tactive:border-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_OVERLAY]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-primary-600\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-700\n\t\tactive:text-primary-700\n\t\tdisabled:bg-white\n\t\tdisabled:border-secondary-alt-300\n\t\tdisabled:shadow-none\n\t\tdisabled:text-secondary-alt-300\n\t`,\n\t[EButtonTypes.SECONDARY_OVERLAY]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:bg-secondary-alt-200\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.WARNING_OVERLAY]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-error-500\n\n\t\thover:bg-error-100\n\t\thover:border-error-600\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:border-error-700\n\t\tactive:text-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.LINK]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-secondary-500\n\t\tunderline\n\n\t\thover:bg-secondary-alt-200\n\t\thover:no-underline\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.PRIMARY_BRAND]: `\n\t\tbg-primary-600\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\thover:border-primary-700\n\t\tactive:bg-primary-800\n\t\tactive:border-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_ACCENT]: `\n\t\tbg-primary-800\n\t\tborder\n\t\tborder-primary-800\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\thover:border-primary-700\n\t\tactive:bg-primary-800\n\t\tactive:border-primary-800\n\t\tactive:text-primary-100\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_NEUTRAL]: `\n\t\tbg-secondary-500\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-400\n\t\thover:border-secondary-400\n\t\tactive:bg-secondary-500\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_DESTRUCTIVE]: `\n\t\tbg-error-500\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-error-600\n\t\thover:border-error-600\n\t\tactive:bg-error-700\n\t\tactive:border-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_INVERSE]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-700\n\t\tdisabled:border-secondary-alt-700\n\t`,\n\t[EButtonTypes.SECONDARY_BRAND]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-primary-600\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-700\n\t\tactive:text-primary-700\n\t\tdisabled:bg-white\n\t\tdisabled:border-secondary-alt-300\n\t\tdisabled:shadow-none\n\t\tdisabled:text-secondary-alt-300\n\t`,\n\t[EButtonTypes.SECONDARY_ACCENT]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-800\n\t\tshadow-md\n\t\ttext-primary-800\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-800\n\t\tactive:text-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_NEUTRAL]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:bg-secondary-alt-200\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_DESTRUCTIVE]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-error-500\n\n\t\thover:bg-error-100\n\t\thover:border-error-600\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:border-error-700\n\t\tactive:text-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_INVERSE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-white\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-500\n\t\thover:border-secondary-alt-300\n\t\thover:text-secondary-alt-300\n\t\tactive:bg-secondary-400\n\t\tactive:border-white\n\t\tactive:text-white\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.TERTIARY_BRAND]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-primary-600\n\t\tunderline\n\n\t\thover:bg-primary-50\n\t\thover:no-underline\n\t\tactive:bg-primary-100\n\t\tactive:text-primary-700\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_ACCENT]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-primary-800\n\t\tunderline\n\n\t\thover:bg-primary-50\n\t\thover:no-underline\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:text-primary-800\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_NEUTRAL]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-secondary-500\n\t\tunderline\n\n\t\thover:bg-secondary-alt-200\n\t\thover:no-underline\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_DESTRUCTIVE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-error-500\n\t\tunderline\n\n\t\thover:bg-error-100\n\t\thover:no-underline\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:text-error-700\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_INVERSE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-white\n\t\tunderline\n\n\t\thover:bg-secondary-500\n\t\thover:no-underline\n\t\thover:text-secondary-alt-300\n\t\tactive:bg-secondary-400\n\t\tactive-text-white\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-700\n\t\tdisabled:underline\n\t`,\n};\n\nconst isInverseType = (type: EButtonTypes): boolean => {\n\treturn (\n\t\ttype === EButtonTypes.PRIMARY_INVERSE\n\t\t|| type === EButtonTypes.SECONDARY_INVERSE\n\t\t|| type === EButtonTypes.TERTIARY_INVERSE\n\t);\n};\n\nconst focusColorClasses = {\n\tbackground: (type: EButtonTypes) =>\n\t\tisInverseType(type) ? \"focus-visible:before:bg-secondary-500\" : \"focus-visible:before:bg-white\",\n\tborder: (type: EButtonTypes) =>\n\t\tisInverseType(type) ? \"focus-visible:before:border-secondary-alt-400\" : \"focus-visible:before:border-primary-600\"\n};\n\nconst sizeClasses = {\n\t[EButtonSizes.SMALL]: \"px-md py-xxs\",\n\t[EButtonSizes.MEDIUM]: \"p-sm\",\n\t[EButtonSizes.LARGE]: \"p-md\",\n\t[EButtonSizes.DEFAULT]: \"px-md py-sm\",\n};\n\nconst weightClasses = {\n\t[EButtonWeight.DEFAULT]: \"font-medium\",\n\t[EButtonWeight.BOLD]: \"font-bold\",\n};\n\nexport const UiButton: React.FC<TButtonProps> = ({\n\tkind = EButtonTypes.PRIMARY_BRAND,\n\tsize = EButtonSizes.DEFAULT,\n\tfullWidth = false,\n\tdisabled = false,\n\tchildren,\n\tweight = EButtonWeight.BOLD,\n\tclassName,\n\tonClick,\n\t...rest\n}) => {\n\treturn (\n\t\t<button\n\t\t\t{ ...rest }\n\t\t\tonClick={ onClick }\n\t\t\tclassName={ cx(\n\t\t\t\tcss.UiButton,\n\t\t\t\t\"text-base\",\n\t\t\t\t\"touch-manipulation\",\n\t\t\t\t\"whitespace-nowrap\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"leading-none\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"gap-xs\",\n\t\t\t\t\"justify-center\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"transition-all\",\n\t\t\t\t\"focus-visible:before:border-2\",\n\t\t\t\t\"focus-visible:before:rounded-2xl\",\n\t\t\t\t\"focus-visible:before:absolute\",\n\t\t\t\t\"focus-visible:before:-translate-x-1/2\",\n\t\t\t\t\"focus-visible:before:-translate-y-1/2\",\n\t\t\t\t\"focus-visible:before:left-1/2\",\n\t\t\t\t\"focus-visible:before:top-1/2\",\n\t\t\t\t\"focus-visible:before:inset-0\",\n\t\t\t\t\"focus-visible:before:z-[-1]\",\n\t\t\t\t\"focus-visible:before:w-[calc(100%+12px)]\",\n\t\t\t\t\"focus-visible:before:h-[calc(100%+10px)]\",\n\t\t\t\tfocusColorClasses.background(kind),\n\t\t\t\tfocusColorClasses.border(kind),\n\t\t\t\ttypeClasses[kind],\n\t\t\t\tsizeClasses[size],\n\t\t\t\tweightClasses[weight],\n\t\t\t\t{\n\t\t\t\t\t\"w-full\": fullWidth,\n\t\t\t\t\t\"pointer-events-none\": disabled,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n};\n"],"names":["typeClasses","EButtonTypes","isInverseType","type","focusColorClasses","sizeClasses","EButtonSizes","weightClasses","EButtonWeight","UiButton","kind","size","fullWidth","disabled","children","weight","className","onClick","rest","jsx","cx","css"],"mappings":"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"}
+{"version":3,"file":"UiButton.js","sources":["../../../src/components/UiButton/UiButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { EButtonSizes, EButtonTypes, EButtonWeight } from \"./_types.ts\";\nimport cx from \"classnames\";\nimport css from \"./UiButton.module.css\";\n\ntype TButtonProps = {\n\tkind?: EButtonTypes;\n\tsize?: EButtonSizes;\n\tfullWidth?: boolean;\n\tweight?: EButtonWeight;\n\tclassName?: string;\n} & React.HTMLAttributes<HTMLElement> &\n\tReact.ButtonHTMLAttributes<HTMLElement> &\n\tReact.AnchorHTMLAttributes<HTMLElement>\n\nconst typeClasses = {\n\t[EButtonTypes.PRIMARY_BRAND]: `\n\t\tbg-primary-600\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\thover:border-primary-700\n\t\tactive:bg-primary-800\n\t\tactive:border-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_ACCENT]: `\n\t\tbg-primary-800\n\t\tborder\n\t\tborder-primary-800\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\thover:border-primary-700\n\t\tactive:bg-primary-800\n\t\tactive:border-primary-800\n\t\tactive:text-primary-100\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_NEUTRAL]: `\n\t\tbg-secondary-500\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-400\n\t\thover:border-secondary-400\n\t\tactive:bg-secondary-500\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_DESTRUCTIVE]: `\n\t\tbg-error-500\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-error-600\n\t\thover:border-error-600\n\t\tactive:bg-error-700\n\t\tactive:border-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_INVERSE]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-700\n\t\tdisabled:border-secondary-alt-700\n\t`,\n\t[EButtonTypes.SECONDARY_BRAND]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-primary-600\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-700\n\t\tactive:text-primary-700\n\t\tdisabled:bg-white\n\t\tdisabled:border-secondary-alt-300\n\t\tdisabled:shadow-none\n\t\tdisabled:text-secondary-alt-300\n\t`,\n\t[EButtonTypes.SECONDARY_ACCENT]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-800\n\t\tshadow-md\n\t\ttext-primary-800\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-800\n\t\tactive:text-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_NEUTRAL]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:bg-secondary-alt-200\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_DESTRUCTIVE]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-error-500\n\n\t\thover:bg-error-100\n\t\thover:border-error-600\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:border-error-700\n\t\tactive:text-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_INVERSE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-white\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-500\n\t\thover:border-secondary-alt-300\n\t\thover:text-secondary-alt-300\n\t\tactive:bg-secondary-400\n\t\tactive:border-white\n\t\tactive:text-white\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.TERTIARY_BRAND]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-primary-600\n\t\tunderline\n\n\t\thover:bg-primary-50\n\t\thover:no-underline\n\t\tactive:bg-primary-100\n\t\tactive:text-primary-700\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_ACCENT]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-primary-800\n\t\tunderline\n\n\t\thover:bg-primary-50\n\t\thover:no-underline\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:text-primary-800\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_NEUTRAL]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-secondary-500\n\t\tunderline\n\n\t\thover:bg-secondary-alt-200\n\t\thover:no-underline\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_DESTRUCTIVE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-error-500\n\t\tunderline\n\n\t\thover:bg-error-100\n\t\thover:no-underline\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:text-error-700\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_INVERSE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-white\n\t\tunderline\n\n\t\thover:bg-secondary-500\n\t\thover:no-underline\n\t\thover:text-secondary-alt-300\n\t\tactive:bg-secondary-400\n\t\tactive-text-white\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-700\n\t\tdisabled:underline\n\t`,\n};\n\nconst isInverseType = (type: EButtonTypes): boolean => {\n\treturn (\n\t\ttype === EButtonTypes.PRIMARY_INVERSE\n\t\t|| type === EButtonTypes.SECONDARY_INVERSE\n\t\t|| type === EButtonTypes.TERTIARY_INVERSE\n\t);\n};\n\nconst focusColorClasses = {\n\tbackground: (type: EButtonTypes) =>\n\t\tisInverseType(type) ? \"focus-visible:before:bg-secondary-500\" : \"focus-visible:before:bg-white\",\n\tborder: (type: EButtonTypes) =>\n\t\tisInverseType(type) ? \"focus-visible:before:border-secondary-alt-400\" : \"focus-visible:before:border-primary-600\"\n};\n\nconst sizeClasses = {\n\t[EButtonSizes.SMALL]: \"px-md py-xxs\",\n\t[EButtonSizes.MEDIUM]: \"p-sm\",\n\t[EButtonSizes.LARGE]: \"p-md\",\n\t[EButtonSizes.DEFAULT]: \"px-md py-sm\",\n};\n\nconst weightClasses = {\n\t[EButtonWeight.DEFAULT]: \"font-medium\",\n\t[EButtonWeight.BOLD]: \"font-bold\",\n};\n\nexport const UiButton: React.FC<TButtonProps> = ({\n\tkind = EButtonTypes.PRIMARY_BRAND,\n\tsize = EButtonSizes.DEFAULT,\n\tfullWidth = false,\n\tdisabled = false,\n\tchildren,\n\tweight = EButtonWeight.BOLD,\n\tclassName,\n\tonClick,\n\t...rest\n}) => {\n\treturn (\n\t\t<button\n\t\t\t{ ...rest }\n\t\t\tonClick={ onClick }\n\t\t\tclassName={ cx(\n\t\t\t\tcss.UiButton,\n\t\t\t\t\"text-base\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\"touch-manipulation\",\n\t\t\t\t\"whitespace-nowrap\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"leading-none\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"gap-xs\",\n\t\t\t\t\"justify-center\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"transition-all\",\n\t\t\t\t\"focus-visible:before:border-2\",\n\t\t\t\t\"focus-visible:before:rounded-2xl\",\n\t\t\t\t\"focus-visible:before:absolute\",\n\t\t\t\t\"focus-visible:before:-translate-x-1/2\",\n\t\t\t\t\"focus-visible:before:-translate-y-1/2\",\n\t\t\t\t\"focus-visible:before:left-1/2\",\n\t\t\t\t\"focus-visible:before:top-1/2\",\n\t\t\t\t\"focus-visible:before:inset-0\",\n\t\t\t\t\"focus-visible:before:z-[-1]\",\n\t\t\t\t\"focus-visible:before:w-[calc(100%+12px)]\",\n\t\t\t\t\"focus-visible:before:h-[calc(100%+10px)]\",\n\t\t\t\tfocusColorClasses.background(kind),\n\t\t\t\tfocusColorClasses.border(kind),\n\t\t\t\ttypeClasses[kind],\n\t\t\t\tsizeClasses[size],\n\t\t\t\tweightClasses[weight],\n\t\t\t\t{\n\t\t\t\t\t\"w-full\": fullWidth,\n\t\t\t\t\t\"pointer-events-none\": disabled,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n};\n"],"names":["typeClasses","EButtonTypes","isInverseType","type","focusColorClasses","sizeClasses","EButtonSizes","weightClasses","EButtonWeight","UiButton","kind","size","fullWidth","disabled","children","weight","className","onClick","rest","jsx","cx","css"],"mappings":"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"}

package/components/UiButton/_types.d.ts

@@ -1,32 +1,4 @@
 export declare enum EButtonTypes {
-    /**
-    * @deprecated Use PRIMARY_BRAND instead.
-    */
-    PRIMARY = "primary",
-    /**
-    * @deprecated Use PRIMARY_NEUTRAL instead.
-    */
-    SECONDARY = "secondary",
-    /**
-    * @deprecated Use PRIMARY_DESTRUCTIVE instead.
-    */
-    WARNING = "warning",
-    /**
-    * @deprecated Use SECONDARY_BRAND instead.
-    */
-    PRIMARY_OVERLAY = "primary-overlay",
-    /**
-    * @deprecated Use SECONDARY_NEUTRAL instead.
-    */
-    SECONDARY_OVERLAY = "secondary-overlay",
-    /**
-    * @deprecated Use SECONDARY_DESTRUCTIVE instead.
-    */
-    WARNING_OVERLAY = "warning-overlay",
-    /**
-    * @deprecated Use one of the TERTIARY_ types (e.g., TERTIARY_BRAND, TERTIARY_ACCENT, TERTIARY_NEUTRAL, TERTIARY_DESTRUCTIVE) instead.
-    */
-    LINK = "link",
     PRIMARY_BRAND = "primary-brand",
     PRIMARY_ACCENT = "primary-accent",
     PRIMARY_NEUTRAL = "primary-neutral",

package/components/UiButton/_types.js

@@ -1,4 +1,4 @@
-var R = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.SECONDARY = "secondary", r.WARNING = "warning", r.PRIMARY_OVERLAY = "primary-overlay", r.SECONDARY_OVERLAY = "secondary-overlay", r.WARNING_OVERLAY = "warning-overlay", r.LINK = "link", r.PRIMARY_BRAND = "primary-brand", r.PRIMARY_ACCENT = "primary-accent", r.PRIMARY_NEUTRAL = "primary-neutral", r.PRIMARY_DESTRUCTIVE = "primary-destructive", r.PRIMARY_INVERSE = "primary-inverse", r.SECONDARY_BRAND = "secondary-brand", r.SECONDARY_ACCENT = "secondary-accent", r.SECONDARY_NEUTRAL = "secondary-neutral", r.SECONDARY_DESTRUCTIVE = "secondary-destructive", r.SECONDARY_INVERSE = "secondary-inverse", r.TERTIARY_BRAND = "tertiary-brand", r.TERTIARY_ACCENT = "tertiary-accent", r.TERTIARY_NEUTRAL = "tertiary-neutral", r.TERTIARY_DESTRUCTIVE = "tertiary-destructive", r.TERTIARY_INVERSE = "tertiary-inverse", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.SMALL = "sm", r.MEDIUM = "md", r.LARGE = "lg", r))(a || {}), A = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.BOLD = "bold", r))(A || {});
+var R = /* @__PURE__ */ ((r) => (r.PRIMARY_BRAND = "primary-brand", r.PRIMARY_ACCENT = "primary-accent", r.PRIMARY_NEUTRAL = "primary-neutral", r.PRIMARY_DESTRUCTIVE = "primary-destructive", r.PRIMARY_INVERSE = "primary-inverse", r.SECONDARY_BRAND = "secondary-brand", r.SECONDARY_ACCENT = "secondary-accent", r.SECONDARY_NEUTRAL = "secondary-neutral", r.SECONDARY_DESTRUCTIVE = "secondary-destructive", r.SECONDARY_INVERSE = "secondary-inverse", r.TERTIARY_BRAND = "tertiary-brand", r.TERTIARY_ACCENT = "tertiary-accent", r.TERTIARY_NEUTRAL = "tertiary-neutral", r.TERTIARY_DESTRUCTIVE = "tertiary-destructive", r.TERTIARY_INVERSE = "tertiary-inverse", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.SMALL = "sm", r.MEDIUM = "md", r.LARGE = "lg", r))(a || {}), A = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.BOLD = "bold", r))(A || {});
 export {
   a as EButtonSizes,
   R as EButtonTypes,

package/components/UiButton/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiButton/_types.ts"],"sourcesContent":["export enum EButtonTypes {\n\t/**\n\t* @deprecated Use PRIMARY_BRAND instead.\n\t*/\n\tPRIMARY = \"primary\",\n\t/**\n\t* @deprecated Use PRIMARY_NEUTRAL instead.\n\t*/\n\tSECONDARY = \"secondary\",\n\t/**\n\t* @deprecated Use PRIMARY_DESTRUCTIVE instead.\n\t*/\n\tWARNING = \"warning\",\n\t/**\n\t* @deprecated Use SECONDARY_BRAND instead.\n\t*/\n\tPRIMARY_OVERLAY = \"primary-overlay\",\n\t/**\n\t* @deprecated Use SECONDARY_NEUTRAL instead.\n\t*/\n\tSECONDARY_OVERLAY = \"secondary-overlay\",\n\t/**\n\t* @deprecated Use SECONDARY_DESTRUCTIVE instead.\n\t*/\n\tWARNING_OVERLAY = \"warning-overlay\",\n\t/**\n\t* @deprecated Use one of the TERTIARY_ types (e.g., TERTIARY_BRAND, TERTIARY_ACCENT, TERTIARY_NEUTRAL, TERTIARY_DESTRUCTIVE) instead.\n\t*/\n\tLINK = \"link\",\n\tPRIMARY_BRAND = \"primary-brand\",\n\tPRIMARY_ACCENT = \"primary-accent\",\n\tPRIMARY_NEUTRAL = \"primary-neutral\",\n\tPRIMARY_DESTRUCTIVE = \"primary-destructive\",\n\tPRIMARY_INVERSE = \"primary-inverse\",\n\tSECONDARY_BRAND = \"secondary-brand\",\n\tSECONDARY_ACCENT = \"secondary-accent\",\n\tSECONDARY_NEUTRAL = \"secondary-neutral\",\n\tSECONDARY_DESTRUCTIVE = \"secondary-destructive\",\n\tSECONDARY_INVERSE = \"secondary-inverse\",\n\tTERTIARY_BRAND = \"tertiary-brand\",\n\tTERTIARY_ACCENT = \"tertiary-accent\",\n\tTERTIARY_NEUTRAL = \"tertiary-neutral\",\n\tTERTIARY_DESTRUCTIVE = \"tertiary-destructive\",\n\tTERTIARY_INVERSE = \"tertiary-inverse\"\n}\n\nexport enum EButtonSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\"\n}\n\nexport enum EButtonWeight {\n\tDEFAULT = \"default\",\n\tBOLD = \"bold\",\n}\n"],"names":["EButtonTypes","EButtonSizes","EButtonWeight"],"mappings":"AAAY,IAAAA,sBAAAA,OAIXA,EAAA,UAAU,WAIVA,EAAA,YAAY,aAIZA,EAAA,UAAU,WAIVA,EAAA,kBAAkB,mBAIlBA,EAAA,oBAAoB,qBAIpBA,EAAA,kBAAkB,mBAIlBA,EAAA,OAAO,QACPA,EAAA,gBAAgB,iBAChBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,sBAAsB,uBACtBA,EAAA,kBAAkB,mBAClBA,EAAA,kBAAkB,mBAClBA,EAAA,mBAAmB,oBACnBA,EAAA,oBAAoB,qBACpBA,EAAA,wBAAwB,yBACxBA,EAAA,oBAAoB,qBACpBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,mBAAmB,oBA3CRA,IAAAA,KAAA,CAAA,CAAA,GA8CAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAJGA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,OAAO,QAFIA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiButton/_types.ts"],"sourcesContent":["export enum EButtonTypes {\n\tPRIMARY_BRAND = \"primary-brand\",\n\tPRIMARY_ACCENT = \"primary-accent\",\n\tPRIMARY_NEUTRAL = \"primary-neutral\",\n\tPRIMARY_DESTRUCTIVE = \"primary-destructive\",\n\tPRIMARY_INVERSE = \"primary-inverse\",\n\tSECONDARY_BRAND = \"secondary-brand\",\n\tSECONDARY_ACCENT = \"secondary-accent\",\n\tSECONDARY_NEUTRAL = \"secondary-neutral\",\n\tSECONDARY_DESTRUCTIVE = \"secondary-destructive\",\n\tSECONDARY_INVERSE = \"secondary-inverse\",\n\tTERTIARY_BRAND = \"tertiary-brand\",\n\tTERTIARY_ACCENT = \"tertiary-accent\",\n\tTERTIARY_NEUTRAL = \"tertiary-neutral\",\n\tTERTIARY_DESTRUCTIVE = \"tertiary-destructive\",\n\tTERTIARY_INVERSE = \"tertiary-inverse\"\n}\n\nexport enum EButtonSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\"\n}\n\nexport enum EButtonWeight {\n\tDEFAULT = \"default\",\n\tBOLD = \"bold\",\n}\n"],"names":["EButtonTypes","EButtonSizes","EButtonWeight"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,gBAAgB,iBAChBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,sBAAsB,uBACtBA,EAAA,kBAAkB,mBAClBA,EAAA,kBAAkB,mBAClBA,EAAA,mBAAmB,oBACnBA,EAAA,oBAAoB,qBACpBA,EAAA,wBAAwB,yBACxBA,EAAA,oBAAoB,qBACpBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,mBAAmB,oBAfRA,IAAAA,KAAA,CAAA,CAAA,GAkBAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAJGA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,OAAO,QAFIA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiCheckbox/UiCheckbox.d.ts

@@ -8,6 +8,7 @@ export type TUiCheckboxProps = {
     value?: string;
     size?: ECheckboxSize;
     onChange?: (checked: boolean) => void;
+    className?: string;
     name?: string;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange">;
 export declare const UiCheckbox: React.FC<TUiCheckboxProps>;

package/components/UiCheckbox/UiCheckbox.js

@@ -1,27 +1,27 @@
-import { jsxs as k, jsx as i } from "react/jsx-runtime";
+import { jsxs as C, jsx as i } from "react/jsx-runtime";
 import "react";
 import r from "classnames";
 import { EJustify as e } from "../../_types/align.js";
 import { ECheckboxSize as s } from "./_types.js";
-import '../../assets/UiCheckbox.css';const C = "_UiCheckbox_6diu5_1", f = "_UiCheckbox__custom_6diu5_5", U = "_UiCheckbox__icon_6diu5_11", p = "_UiCheckbox__disabled_6diu5_63", t = {
-  UiCheckbox: C,
-  UiCheckbox__custom: f,
-  UiCheckbox__icon: U,
-  UiCheckbox__disabled: p
-}, y = {
+import '../../assets/UiCheckbox.css';const f = "_UiCheckbox_6diu5_1", U = "_UiCheckbox__custom_6diu5_5", p = "_UiCheckbox__icon_6diu5_11", y = "_UiCheckbox__disabled_6diu5_63", t = {
+  UiCheckbox: f,
+  UiCheckbox__custom: U,
+  UiCheckbox__icon: p,
+  UiCheckbox__disabled: y
+}, j = {
   [e.START]: "justify-start",
   [e.END]: "justify-end",
   [e.CENTER]: "justify-center",
   [e.BETWEEN]: "justify-between",
   [e.AROUND]: "justify-around",
   [e.EVENLY]: "justify-evenly"
-}, j = {
+}, E = {
   [s.SM]: "size-sm",
   [s.MD]: "size-md"
-}, E = {
+}, N = {
   [s.SM]: "size-xs",
   [s.MD]: "size-sm"
-}, M = ({
+}, T = ({
   checked: a,
   value: d,
   size: n = s.MD,
@@ -30,31 +30,33 @@ import '../../assets/UiCheckbox.css';const C = "_UiCheckbox_6diu5_1", f = "_UiCh
   invertOrder: x = !1,
   children: _,
   onChange: o,
-  name: b,
-  ...h
+  className: b,
+  name: h,
+  ...u
 }) => {
-  const u = (m) => {
-    !c && o && (o == null || o(m.target.checked));
+  const m = (k) => {
+    !c && o && (o == null || o(k.target.checked));
   };
-  return /* @__PURE__ */ k("label", { className: r(
+  return /* @__PURE__ */ C("label", { className: r(
     t.UiCheckbox,
     "grid",
     "cursor-pointer",
     _ && "items-center gap-sm",
-    y[l],
-    c && t.UiCheckbox__disabled
+    j[l],
+    c && t.UiCheckbox__disabled,
+    b
   ), children: [
     /* @__PURE__ */ i(
       "input",
       {
-        ...h,
+        ...u,
         className: "absolute appearance-none",
         type: "checkbox",
         checked: a,
         disabled: c,
         value: d,
-        name: b,
-        onChange: u
+        name: h,
+        onChange: m
       }
     ),
     /* @__PURE__ */ i("span", { className: r(
@@ -68,11 +70,11 @@ import '../../assets/UiCheckbox.css';const C = "_UiCheckbox_6diu5_1", f = "_UiCh
       "border-secondary-alt-600",
       "hover:border-secondary-alt-700",
       x && "order-last",
-      j[n]
+      E[n]
     ), children: /* @__PURE__ */ i(
       "svg",
       {
-        className: r(t.UiCheckbox__icon, "text-white", E[n]),
+        className: r(t.UiCheckbox__icon, "text-white", N[n]),
         viewBox: "0 0 16 12",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -92,6 +94,6 @@ import '../../assets/UiCheckbox.css';const C = "_UiCheckbox_6diu5_1", f = "_UiCh
   ] });
 };
 export {
-  M as UiCheckbox
+  T as UiCheckbox
 };
 //# sourceMappingURL=UiCheckbox.js.map

package/components/UiCheckbox/UiCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiCheckbox.js","sources":["../../../src/components/UiCheckbox/UiCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./UiCheckbox.module.css\";\nimport cx from \"classnames\";\nimport { EJustify } from \"../../_types/align\";\nimport { ECheckboxSize } from \"./_types.ts\";\n\nexport type TUiCheckboxProps = {\n\tinvertOrder?: boolean;\n\tjustify?: EJustify;\n\tdisabled?: boolean;\n\tvalue?: string;\n\tsize?: ECheckboxSize;\n\tonChange?: (checked: boolean) => void;\n\tname?: string;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"onChange\">;\n\nconst justificationClasses = {\n\t[EJustify.START]: \"justify-start\",\n\t[EJustify.END]: \"justify-end\",\n\t[EJustify.CENTER]: \"justify-center\",\n\t[EJustify.BETWEEN]: \"justify-between\",\n\t[EJustify.AROUND]: \"justify-around\",\n\t[EJustify.EVENLY]: \"justify-evenly\"\n};\n\nconst spanSizeClasses = {\n\t[ECheckboxSize.SM]: \"size-sm\",\n\t[ECheckboxSize.MD]: \"size-md\"\n};\n\nconst svgSizeClasses = {\n\t[ECheckboxSize.SM]: \"size-xs\",\n\t[ECheckboxSize.MD]: \"size-sm\"\n};\n\nexport const UiCheckbox: React.FC<TUiCheckboxProps> = ({\n\tchecked,\n\tvalue,\n\tsize = ECheckboxSize.MD,\n\tdisabled = false,\n\tjustify = EJustify.START,\n\tinvertOrder = false,\n\tchildren,\n\tonChange,\n\tname,\n\t...rest\n}) => {\n\tconst handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (!disabled && onChange) {\n\t\t\tonChange?.(event.target.checked);\n\t\t}\n\t};\n\treturn (\n\t\t<label className={\n\t\t\tcx(styles.UiCheckbox,\n\t\t\t\t\"grid\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\tchildren && \"items-center gap-sm\",\n\t\t\t\tjustificationClasses[justify],\n\t\t\t\tdisabled && styles.UiCheckbox__disabled)\n\t\t}>\n\t\t\t<input\n\t\t\t\t{ ...rest }\n\t\t\t\tclassName=\"absolute appearance-none\"\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={ checked }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tvalue={ value }\n\t\t\t\tname={ name }\n\t\t\t\tonChange={ handleChange }\n\t\t\t/>\n\t\t\t<span className={ cx(styles.UiCheckbox__custom,\n\t\t\t\t\"relative\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-center\",\n\t\t\t\t\"rounded-sm\",\n\t\t\t\t\"border\",\n\t\t\t\t\"border-secondary-alt-600\",\n\t\t\t\t\"hover:border-secondary-alt-700\",\n\t\t\t\tinvertOrder && \"order-last\",\n\t\t\t\tspanSizeClasses[size]\n\t\t\t) }>\n\t\t\t\t<svg\n\t\t\t\t\tclassName={ cx(styles.UiCheckbox__icon, \"text-white\", svgSizeClasses[size]) }\n\t\t\t\t\tviewBox=\"0 0 16 12\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstrokeWidth=\"1.6\"\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t\t{ children }\n\t\t</label>\n\t);\n};\n"],"names":["justificationClasses","EJustify","spanSizeClasses","ECheckboxSize","svgSizeClasses","UiCheckbox","checked","value","size","disabled","justify","invertOrder","children","onChange","name","rest","handleChange","event","jsxs","cx","styles","jsx"],"mappings":";;;;;;;;;;GAgBMA,IAAuB;AAAA,EAC5B,CAACC,EAAS,KAAK,GAAG;AAAA,EAClB,CAACA,EAAS,GAAG,GAAG;AAAA,EAChB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,OAAO,GAAG;AAAA,EACpB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,MAAM,GAAG;AACpB,GAEMC,IAAkB;AAAA,EACvB,CAACC,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEMC,IAAiB;AAAA,EACtB,CAACD,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEaE,IAAyC,CAAC;AAAA,EACtD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAOL,EAAc;AAAA,EACrB,UAAAM,IAAW;AAAA,EACX,SAAAC,IAAUT,EAAS;AAAA,EACnB,aAAAU,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACC,QAAAC,IAAe,CAACC,MAA+C;AAChE,IAAA,CAACR,KAAYI,MACLA,KAAA,QAAAA,EAAAI,EAAM,OAAO;AAAA,EAE1B;AAEC,SAAA,gBAAAC,EAAC,WAAM,WACNC;AAAA,IAAGC,EAAO;AAAA,IACT;AAAA,IACA;AAAA,IACAR,KAAY;AAAA,IACZZ,EAAqBU,CAAO;AAAA,IAC5BD,KAAYW,EAAO;AAAA,EAEpB,GAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGN;AAAA,QACL,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAAT;AAAA,QACA,UAAAG;AAAA,QACA,OAAAF;AAAA,QACA,MAAAO;AAAA,QACA,UAAWE;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAK,EAAC,UAAK,WAAYF;AAAA,MAAGC,EAAO;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAT,KAAe;AAAA,MACfT,EAAgBM,CAAI;AAAA,IAEpB,GAAA,UAAA,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAYF,EAAGC,EAAO,kBAAkB,cAAchB,EAAeI,CAAI,CAAC;AAAA,QAC1E,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,eAAY;AAAA,QAEZ,UAAA,gBAAAa;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA,GAEF;AAAA,IACET;AAAA,EAAA,GACH;AAEF;"}
+{"version":3,"file":"UiCheckbox.js","sources":["../../../src/components/UiCheckbox/UiCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./UiCheckbox.module.css\";\nimport cx from \"classnames\";\nimport { EJustify } from \"../../_types/align\";\nimport { ECheckboxSize } from \"./_types.ts\";\n\nexport type TUiCheckboxProps = {\n\tinvertOrder?: boolean;\n\tjustify?: EJustify;\n\tdisabled?: boolean;\n\tvalue?: string;\n\tsize?: ECheckboxSize;\n\tonChange?: (checked: boolean) => void;\n\tclassName?: string;\n\tname?: string;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"onChange\">;\n\nconst justificationClasses = {\n\t[EJustify.START]: \"justify-start\",\n\t[EJustify.END]: \"justify-end\",\n\t[EJustify.CENTER]: \"justify-center\",\n\t[EJustify.BETWEEN]: \"justify-between\",\n\t[EJustify.AROUND]: \"justify-around\",\n\t[EJustify.EVENLY]: \"justify-evenly\"\n};\n\nconst spanSizeClasses = {\n\t[ECheckboxSize.SM]: \"size-sm\",\n\t[ECheckboxSize.MD]: \"size-md\"\n};\n\nconst svgSizeClasses = {\n\t[ECheckboxSize.SM]: \"size-xs\",\n\t[ECheckboxSize.MD]: \"size-sm\"\n};\n\nexport const UiCheckbox: React.FC<TUiCheckboxProps> = ({\n\tchecked,\n\tvalue,\n\tsize = ECheckboxSize.MD,\n\tdisabled = false,\n\tjustify = EJustify.START,\n\tinvertOrder = false,\n\tchildren,\n\tonChange,\n\tclassName,\n\tname,\n\t...rest\n}) => {\n\tconst handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (!disabled && onChange) {\n\t\t\tonChange?.(event.target.checked);\n\t\t}\n\t};\n\treturn (\n\t\t<label className={\n\t\t\tcx(\n\t\t\t\tstyles.UiCheckbox,\n\t\t\t\t\"grid\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\tchildren && \"items-center gap-sm\",\n\t\t\t\tjustificationClasses[justify],\n\t\t\t\tdisabled && styles.UiCheckbox__disabled,\n\t\t\t\tclassName\n\t\t\t)\n\t\t}>\n\t\t\t<input\n\t\t\t\t{ ...rest }\n\t\t\t\tclassName=\"absolute appearance-none\"\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={ checked }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tvalue={ value }\n\t\t\t\tname={ name }\n\t\t\t\tonChange={ handleChange }\n\t\t\t/>\n\t\t\t<span className={ cx(styles.UiCheckbox__custom,\n\t\t\t\t\"relative\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-center\",\n\t\t\t\t\"rounded-sm\",\n\t\t\t\t\"border\",\n\t\t\t\t\"border-secondary-alt-600\",\n\t\t\t\t\"hover:border-secondary-alt-700\",\n\t\t\t\tinvertOrder && \"order-last\",\n\t\t\t\tspanSizeClasses[size]\n\t\t\t) }>\n\t\t\t\t<svg\n\t\t\t\t\tclassName={ cx(styles.UiCheckbox__icon, \"text-white\", svgSizeClasses[size]) }\n\t\t\t\t\tviewBox=\"0 0 16 12\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstrokeWidth=\"1.6\"\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t\t{ children }\n\t\t</label>\n\t);\n};\n"],"names":["justificationClasses","EJustify","spanSizeClasses","ECheckboxSize","svgSizeClasses","UiCheckbox","checked","value","size","disabled","justify","invertOrder","children","onChange","className","name","rest","handleChange","event","jsxs","cx","styles","jsx"],"mappings":";;;;;;;;;;GAiBMA,IAAuB;AAAA,EAC5B,CAACC,EAAS,KAAK,GAAG;AAAA,EAClB,CAACA,EAAS,GAAG,GAAG;AAAA,EAChB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,OAAO,GAAG;AAAA,EACpB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,MAAM,GAAG;AACpB,GAEMC,IAAkB;AAAA,EACvB,CAACC,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEMC,IAAiB;AAAA,EACtB,CAACD,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEaE,IAAyC,CAAC;AAAA,EACtD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAOL,EAAc;AAAA,EACrB,UAAAM,IAAW;AAAA,EACX,SAAAC,IAAUT,EAAS;AAAA,EACnB,aAAAU,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACC,QAAAC,IAAe,CAACC,MAA+C;AAChE,IAAA,CAACT,KAAYI,MACLA,KAAA,QAAAA,EAAAK,EAAM,OAAO;AAAA,EAE1B;AAEC,SAAA,gBAAAC,EAAC,WAAM,WACNC;AAAA,IACCC,EAAO;AAAA,IACP;AAAA,IACA;AAAA,IACAT,KAAY;AAAA,IACZZ,EAAqBU,CAAO;AAAA,IAC5BD,KAAYY,EAAO;AAAA,IACnBP;AAAA,EAGD,GAAA,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGN;AAAA,QACL,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAAV;AAAA,QACA,UAAAG;AAAA,QACA,OAAAF;AAAA,QACA,MAAAQ;AAAA,QACA,UAAWE;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAK,EAAC,UAAK,WAAYF;AAAA,MAAGC,EAAO;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAV,KAAe;AAAA,MACfT,EAAgBM,CAAI;AAAA,IAEpB,GAAA,UAAA,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAYF,EAAGC,EAAO,kBAAkB,cAAcjB,EAAeI,CAAI,CAAC;AAAA,QAC1E,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,eAAY;AAAA,QAEZ,UAAA,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA,GAEF;AAAA,IACEV;AAAA,EAAA,GACH;AAEF;"}

package/components/UiIcon/UiIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiIcon.js","sources":["../../../src/components/UiIcon/UiIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ESize } from \"../../_types/sizing\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport cx from \"classnames\";\nimport { type IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IUiIconProps {\n\tname: IconProp;\n\tsize?: ESize;\n\tclassName?: string;\n}\n\nconst sizeToClassName: { [key in ESize]: string } = {\n\t[ESize.XXXS]: \"size-xxxs\",\n\t[ESize.XXS]: \"size-xxs\",\n\t[ESize.XS]: \"size-xs\",\n\t[ESize.SM]: \"size-sm\",\n\t[ESize.MD]: \"size-md\",\n\t[ESize.LG]: \"size-lg\",\n\t[ESize.XL]: \"size-xl\",\n\t[ESize.XXL]: \"size-xxl\",\n\t[ESize.XXXL]: \"size-xxxl\",\n\t[ESize.XXXXL]: \"size-xxxxl\",\n\t[ESize.XXXXXL]: \"size-xxxxxl\",\n\t[ESize.AUTO]: \"size-auto\",\n\t[ESize.ZERO]: \"size-zero\",\n};\n\nexport const UiIcon: React.FC<IUiIconProps> = ({ size, name, className }) => {\n\n\treturn (\n\t\t<FontAwesomeIcon\n\t\t\ticon={ name }\n\t\t\tclassName={ cx(\n\t\t\t\t\"ui-icon\",\n\t\t\t\t\"inline\",\n\t\t\t\t\"overflow-visible\",\n\t\t\t\t\"align-[-.125em]\",\n\t\t\t\tsize && sizeToClassName[size],\n\t\t\t\tclassName\n\t\t\t) }\n\t\t/>\n\t);\n};\n"],"names":["sizeToClassName","ESize","UiIcon","size","name","className","jsx","FontAwesomeIcon","cx"],"mappings":";;;;;;AAYA,MAAMA,IAA8C;AAAA,EACnD,CAACC,EAAM,IAAI,GAAG;AAAA,EACd,CAACA,EAAM,GAAG,GAAG;AAAA,EACb,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,GAAG,GAAG;AAAA,EACb,CAACA,EAAM,IAAI,GAAG;AAAA,EACd,CAACA,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,IAAI,GAAG;AAAA,EACd,CAACA,EAAM,IAAI,GAAG;AACf,GAEaC,IAAiC,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,WAAAC,QAG3D,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,MAAOH;AAAA,IACP,WAAYI;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAL,KAAQH,EAAgBG,CAAI;AAAA,MAC5BE;AAAA,IAAA;AAAA,EACD;AACD;"}
+{"version":3,"file":"UiIcon.js","sources":["../../../src/components/UiIcon/UiIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ESize } from \"../../_types/sizing\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport cx from \"classnames\";\nimport { type IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IUiIconProps {\n\tname: IconProp;\n\tsize?: ESize;\n\tclassName?: string;\n}\n\nconst sizeToClassName: { [key in ESize]: string } = {\n\t[ESize.XXXS]: \"size-xxxs\",\n\t[ESize.XXS]: \"size-xxs\",\n\t[ESize.XS]: \"size-xs\",\n\t[ESize.SM]: \"size-sm\",\n\t[ESize.MD]: \"size-md\",\n\t[ESize.LG]: \"size-lg\",\n\t[ESize.XL]: \"size-xl\",\n\t[ESize.XXL]: \"size-xxl\",\n\t[ESize.XXXL]: \"size-xxxl\",\n\t[ESize.XXXXL]: \"size-xxxxl\",\n\t[ESize.XXXXXL]: \"size-xxxxxl\",\n\t[ESize.AUTO]: \"size-auto\",\n\t[ESize.ZERO]: \"size-zero\",\n};\n\nexport const UiIcon: React.FC<IUiIconProps> = ({ size, name, className }) => {\n\treturn (\n\t\t<FontAwesomeIcon\n\t\t\ticon={ name }\n\t\t\tclassName={ cx(\n\t\t\t\t\"ui-icon\",\n\t\t\t\t\"inline\",\n\t\t\t\t\"overflow-visible\",\n\t\t\t\t\"align-[-.125em]\",\n\t\t\t\tsize && sizeToClassName[size],\n\t\t\t\tclassName\n\t\t\t) }\n\t\t/>\n\t);\n};\n"],"names":["sizeToClassName","ESize","UiIcon","size","name","className","jsx","FontAwesomeIcon","cx"],"mappings":";;;;;;AAYA,MAAMA,IAA8C;AAAA,EACnD,CAACC,EAAM,IAAI,GAAG;AAAA,EACd,CAACA,EAAM,GAAG,GAAG;AAAA,EACb,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,GAAG,GAAG;AAAA,EACb,CAACA,EAAM,IAAI,GAAG;AAAA,EACd,CAACA,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,IAAI,GAAG;AAAA,EACd,CAACA,EAAM,IAAI,GAAG;AACf,GAEaC,IAAiC,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,WAAAC,QAE3D,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,MAAOH;AAAA,IACP,WAAYI;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAL,KAAQH,EAAgBG,CAAI;AAAA,MAC5BE;AAAA,IAAA;AAAA,EACD;AACD;"}

package/components/UiIconBadge/UiIconBadge.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { IUiIconBadgeProps } from './_types';
+export declare const UiIconBadge: React.FC<IUiIconBadgeProps>;