bonkers-ui 2.0.14 → 2.0.16

package/_types/sizing.d.ts

@@ -7,6 +7,10 @@ export declare enum ESize {
      * zero
      */
     ZERO = "zero",
+    /**
+     * min (1px)
+     */
+    MIN = "min",
     /**
      * 4px
      */

package/_types/sizing.js

@@ -1,4 +1,4 @@
-var X = /* @__PURE__ */ ((x) => (x.AUTO = "auto", x.ZERO = "zero", x.XXXS = "xxxs", x.XXS = "xxs", x.XS = "xs", x.SM = "sm", x.MD = "md", x.LG = "lg", x.XL = "xl", x.XXL = "xxl", x.XXXL = "xxxl", x.XXXXL = "xxxxl", x.XXXXXL = "xxxxxl", x))(X || {});
+var X = /* @__PURE__ */ ((x) => (x.AUTO = "auto", x.ZERO = "zero", x.MIN = "min", x.XXXS = "xxxs", x.XXS = "xxs", x.XS = "xs", x.SM = "sm", x.MD = "md", x.LG = "lg", x.XL = "xl", x.XXL = "xxl", x.XXXL = "xxxl", x.XXXXL = "xxxxl", x.XXXXXL = "xxxxxl", x))(X || {});
 export {
   X as ESize
 };

package/_types/sizing.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizing.js","sources":["../../src/_types/sizing.ts"],"sourcesContent":["\nexport enum ESize {\n\t/**\n\t * auto\n\t */\n\tAUTO = \"auto\",\n\t/**\n\t * zero\n\t */\n\tZERO = \"zero\",\n\t/**\n\t * 4px\n\t */\n\tXXXS = \"xxxs\",\n\t/**\n\t * 8px\n\t */\n\tXXS = \"xxs\",\n\t/**\n\t * 12px\n\t */\n\tXS = \"xs\",\n\t/**\n\t * 16px\n\t */\n\tSM = \"sm\",\n\t/**\n\t * 24px\n\t */\n\tMD = \"md\",\n\t/**\n\t * 32px\n\t */\n\tLG = \"lg\",\n\t/**\n\t * 40px\n\t */\n\tXL = \"xl\",\n\t/**\n\t * 48px\n\t */\n\tXXL = \"xxl\",\n\t/**\n\t * 64px\n\t */\n\tXXXL = \"xxxl\",\n\t/**\n\t * 80px\n\t */\n\tXXXXL = \"xxxxl\",\n\t/**\n\t * 120px\n\t */\n\tXXXXXL = \"xxxxxl\",\n}\n"],"names":["ESize"],"mappings":"AACO,IAAKA,sBAAAA,OAIXA,EAAA,OAAO,QAIPA,EAAA,OAAO,QAIPA,EAAA,OAAO,QAIPA,EAAA,MAAM,OAINA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,MAAM,OAINA,EAAA,OAAO,QAIPA,EAAA,QAAQ,SAIRA,EAAA,SAAS,UApDEA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"sizing.js","sources":["../../src/_types/sizing.ts"],"sourcesContent":["\nexport enum ESize {\n\t/**\n\t * auto\n\t */\n\tAUTO = \"auto\",\n\t/**\n\t * zero\n\t */\n\tZERO = \"zero\",\n\t/**\n\t * min (1px)\n\t */\n\tMIN = \"min\",\n\t/**\n\t * 4px\n\t */\n\tXXXS = \"xxxs\",\n\t/**\n\t * 8px\n\t */\n\tXXS = \"xxs\",\n\t/**\n\t * 12px\n\t */\n\tXS = \"xs\",\n\t/**\n\t * 16px\n\t */\n\tSM = \"sm\",\n\t/**\n\t * 24px\n\t */\n\tMD = \"md\",\n\t/**\n\t * 32px\n\t */\n\tLG = \"lg\",\n\t/**\n\t * 40px\n\t */\n\tXL = \"xl\",\n\t/**\n\t * 48px\n\t */\n\tXXL = \"xxl\",\n\t/**\n\t * 64px\n\t */\n\tXXXL = \"xxxl\",\n\t/**\n\t * 80px\n\t */\n\tXXXXL = \"xxxxl\",\n\t/**\n\t * 120px\n\t */\n\tXXXXXL = \"xxxxxl\",\n}\n"],"names":["ESize"],"mappings":"AACO,IAAKA,sBAAAA,OAIXA,EAAA,OAAO,QAIPA,EAAA,OAAO,QAIPA,EAAA,MAAM,OAINA,EAAA,OAAO,QAIPA,EAAA,MAAM,OAINA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,MAAM,OAINA,EAAA,OAAO,QAIPA,EAAA,QAAQ,SAIRA,EAAA,SAAS,UAxDEA,IAAAA,KAAA,CAAA,CAAA;"}

package/bonkers.css

@@ -96,8 +96,8 @@
 	--color-error-600: #a02323;
 	--color-error-700: #6b1818;
 
-	--color-warning-300: #F1A76E;
-	--color-warning-400: #E58F4F;
+	--color-warning-300: #F7E2D5;
+	--color-warning-400: #E6A982;
 	--color-warning-500: #D6702F;
 	--color-warning-600: #B45821;
 	--color-warning-700: #9A4D1B;

package/components/UiAlert/UiAlert.d.ts

@@ -6,6 +6,7 @@ interface IUiAlert {
     className?: string;
     kind?: EAlertTypes;
     icon?: IconProp;
+    noBorder?: boolean;
 }
 export declare const UiAlert: React.FC<IUiAlert>;
 export {};

package/components/UiAlert/UiAlert.js

@@ -1,37 +1,47 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
 import "react";
 import { EAlertTypes as r } from "./_types.js";
-import n from "classnames";
-import { UiIcon as a } from "../UiIcon/UiIcon.js";
+import t from "classnames";
+import { UiIcon as l } from "../UiIcon/UiIcon.js";
 import { ESize as d } from "../../_types/sizing.js";
 import "@fortawesome/fontawesome-svg-core";
-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"
-}, g = ({
-  children: o,
-  kind: t = r.PRIMARY,
+const R = {
+  [r.PRIMARY]: "border-primary ",
+  [r.SECONDARY]: "border-secondary",
+  [r.ERROR]: "border-error",
+  [r.WARNING]: "border-warning"
+}, p = {
+  [r.PRIMARY]: "text-primary",
+  [r.SECONDARY]: "text-secondary",
+  [r.ERROR]: "text-error",
+  [r.WARNING]: "text-warning"
+}, E = ({
+  children: s,
+  kind: e = r.PRIMARY,
   className: i,
-  icon: e
-}) => /* @__PURE__ */ m("div", { className: n(
+  icon: o,
+  noBorder: m = !1
+}) => /* @__PURE__ */ a("div", { className: t(
   "ui-alert",
   "flex",
   "gap-sm",
-  "rounded-xl",
-  "border",
-  "bg-white",
-  "p-sm",
+  m ? "border-0" : "rounded-xl border bg-white p-sm",
   "leading-normal",
   "text-xs",
-  p[t],
+  R[e],
   i
 ), children: [
-  e ? /* @__PURE__ */ s(a, { name: e, size: d.SM }) : null,
-  o
+  o ? /* @__PURE__ */ n(
+    l,
+    {
+      className: t(p[e], "h-lh align-middle"),
+      name: o,
+      size: d.SM
+    }
+  ) : null,
+  s
 ] });
 export {
-  g as UiAlert
+  E 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\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\n\t\t\t\t? <UiIcon name={ icon } size={ ESize.SM } />\n\t\t\t\t: 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;AAAA,GAGE,UAAA;AAAA,EAAAC,sBACEG,GAAA,EAAO,MAAOH,GAAO,MAAOI,EAAM,IAAK,IACxC;AAAA,EACDP;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\tnoBorder?: boolean;\n}\n\nconst kindClasses = {\n\t[EAlertTypes.PRIMARY]: \"border-primary \",\n\t[EAlertTypes.SECONDARY]: \"border-secondary\",\n\t[EAlertTypes.ERROR]: \"border-error\",\n\t[EAlertTypes.WARNING]: \"border-warning\"\n};\n\nconst iconKindClasses = {\n\t[EAlertTypes.PRIMARY]: \"text-primary\",\n\t[EAlertTypes.SECONDARY]: \"text-secondary\",\n\t[EAlertTypes.ERROR]: \"text-error\",\n\t[EAlertTypes.WARNING]: \"text-warning\"\n};\n\nexport const UiAlert: React.FC<IUiAlert> = ({\n\tchildren,\n\tkind = EAlertTypes.PRIMARY,\n\tclassName,\n\ticon,\n\tnoBorder = false\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\tnoBorder\n\t\t\t\t? \"border-0\"\n\t\t\t\t: \"rounded-xl border bg-white 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\n\t\t\t\t? <UiIcon\n\t\t\t\t\tclassName={ cx(iconKindClasses[kind], \"h-lh align-middle\") }\n\t\t\t\t\tname={ icon }\n\t\t\t\t\tsize={ ESize.SM }\n\t\t\t\t/>\n\t\t\t\t: null }\n\t\t\t{ children }\n\t\t</div>\n\t);\n};\n"],"names":["kindClasses","EAlertTypes","iconKindClasses","UiAlert","children","kind","className","icon","noBorder","jsxs","cx","jsx","UiIcon","ESize"],"mappings":";;;;;;;AAgBA,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;AACxB,GAEMC,IAAkB;AAAA,EACvB,CAACD,EAAY,OAAO,GAAG;AAAA,EACvB,CAACA,EAAY,SAAS,GAAG;AAAA,EACzB,CAACA,EAAY,KAAK,GAAG;AAAA,EACrB,CAACA,EAAY,OAAO,GAAG;AACxB,GAEaE,IAA8B,CAAC;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAOJ,EAAY;AAAA,EACnB,WAAAK;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AACZ,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACAF,IACG,aACA;AAAA,EACH;AAAA,EACA;AAAA,EACAR,EAAYK,CAAI;AAAA,EAChBC;AAAA,GAGE,UAAA;AAAA,EAAAC,IACC,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACF,WAAYF,EAAGR,EAAgBG,CAAI,GAAG,mBAAmB;AAAA,MACzD,MAAOE;AAAA,MACP,MAAOM,EAAM;AAAA,IAAA;AAAA,EAAA,IAEZ;AAAA,EACDT;AAAA,GACH;"}

package/components/UiIcon/UiIcon.js

@@ -4,7 +4,8 @@ import { ESize as i } from "../../_types/sizing.js";
 import { FontAwesomeIcon as X } from "@fortawesome/react-fontawesome";
 import m from "classnames";
 import "@fortawesome/fontawesome-svg-core";
-const r = {
+const z = {
+  [i.MIN]: "size-min",
   [i.XXXS]: "size-xxxs",
   [i.XXS]: "size-xxs",
   [i.XS]: "size-xs",
@@ -18,7 +19,7 @@ const r = {
   [i.XXXXXL]: "size-xxxxxl",
   [i.AUTO]: "size-auto",
   [i.ZERO]: "size-zero"
-}, a = ({ size: s, name: e, className: o }) => /* @__PURE__ */ x(
+}, L = ({ size: s, name: e, className: o }) => /* @__PURE__ */ x(
   X,
   {
     icon: e,
@@ -26,13 +27,12 @@ const r = {
       "ui-icon",
       "inline",
       "overflow-visible",
-      "align-[-.125em]",
-      s && r[s],
+      s && z[s],
       o
     )
   }
 );
 export {
-  a as UiIcon
+  L as UiIcon
 };
 //# sourceMappingURL=UiIcon.js.map

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\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;AAAA;"}
+{"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.MIN]: \"size-min\",\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\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,GAAG,GAAG;AAAA,EACb,CAACA,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,MACAL,KAAQH,EAAgBG,CAAI;AAAA,MAC5BE;AAAA,IAAA;AAAA,EACD;AAAA;"}

package/components/UiIconBadge/UiIconBadge.js

@@ -1,35 +1,38 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import "react";
-import { ESize as t } from "../../_types/sizing.js";
-import n from "classnames";
-import { EIconBadgeKind as e } from "./_types.js";
-const p = {
-  [t.SM]: "p-xxs",
-  [t.MD]: "p-xs",
-  [t.LG]: "p-sm",
-  [t.XL]: "p-lg"
-}, a = {
-  [e.PRIMARY]: "bg-primary-500 text-white",
-  [e.LIGHT]: "bg-primary-100 text-primary-800",
-  [e.DARK]: "bg-primary-800 text-white",
-  [e.WARNING]: "bg-warning-500 text-white",
-  [e.ERROR]: "bg-error-500 text-white"
-}, l = ({
-  size: r = t.MD,
-  kind: i = e.PRIMARY,
-  className: s,
-  children: o
-}) => /* @__PURE__ */ m("div", { className: n(
+import { ESize as e } from "../../_types/sizing.js";
+import d from "classnames";
+import { EIconBadgeKind as r } from "./_types.js";
+const n = {
+  [e.SM]: "p-xxs",
+  [e.MD]: "p-xs",
+  [e.LG]: "p-sm",
+  [e.XL]: "p-lg"
+}, m = {
+  [r.PRIMARY]: "bg-primary-alt-700",
+  [r.WARNING]: "bg-warning-500",
+  [r.ERROR]: "bg-error-500",
+  [r.SECONDARY]: "bg-secondary-500",
+  [r.AI]: "bg-[linear-gradient(225deg,#8B8BFC_16.73%,#282894_86.38%)]"
+}, R = ({
+  size: o = e.MD,
+  kind: s = r.PRIMARY,
+  className: i,
+  children: t
+}) => /* @__PURE__ */ a("div", { className: d(
   "rounded-full",
   "inline-flex",
   "items-center",
   "justify-center",
   "aspect-square",
-  p[r],
-  a[i],
-  s
-), children: o });
+  "drop-shadow-md drop-shadow-black/25",
+  "border-2 border-white",
+  "text-white",
+  n[o],
+  m[s],
+  i
+), children: t });
 export {
-  l as UiIconBadge
+  R as UiIconBadge
 };
 //# sourceMappingURL=UiIconBadge.js.map

package/components/UiIconBadge/UiIconBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiIconBadge.js","sources":["../../../src/components/UiIconBadge/UiIconBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport { ESize } from \"../../_types/sizing\";\nimport cx from \"classnames\";\nimport { EIconBadgeKind } from \"./_types\";\nimport type { IUiIconBadgeProps } from \"./_types\";\n\nconst badgeSizeClasses = {\n\t[ESize.SM]: \"p-xxs\",\n\t[ESize.MD]: \"p-xs\",\n\t[ESize.LG]: \"p-sm\",\n\t[ESize.XL]: \"p-lg\"\n};\n\nconst kindClasses = {\n\t[EIconBadgeKind.PRIMARY]: \"bg-primary-500 text-white\",\n\t[EIconBadgeKind.LIGHT]: \"bg-primary-100 text-primary-800\",\n\t[EIconBadgeKind.DARK]: \"bg-primary-800 text-white\",\n\t[EIconBadgeKind.WARNING]: \"bg-warning-500 text-white\",\n\t[EIconBadgeKind.ERROR]: \"bg-error-500 text-white\"\n};\n\nexport const UiIconBadge: React.FC<IUiIconBadgeProps> = ({\n\tsize = ESize.MD,\n\tkind = EIconBadgeKind.PRIMARY,\n\tclassName,\n\tchildren\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"rounded-full\",\n\t\t\t\"inline-flex\",\n\t\t\t\"items-center\",\n\t\t\t\"justify-center\",\n\t\t\t\"aspect-square\",\n\t\t\tbadgeSizeClasses[size],\n\t\t\tkindClasses[kind],\n\t\t\tclassName\n\t\t) }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n};\n"],"names":["badgeSizeClasses","ESize","kindClasses","EIconBadgeKind","UiIconBadge","size","kind","className","children","jsx","cx"],"mappings":";;;;;AAMA,MAAMA,IAAmB;AAAA,EACxB,CAACC,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AACb,GAEMC,IAAc;AAAA,EACnB,CAACC,EAAe,OAAO,GAAG;AAAA,EAC1B,CAACA,EAAe,KAAK,GAAG;AAAA,EACxB,CAACA,EAAe,IAAI,GAAG;AAAA,EACvB,CAACA,EAAe,OAAO,GAAG;AAAA,EAC1B,CAACA,EAAe,KAAK,GAAG;AACzB,GAEaC,IAA2C,CAAC;AAAA,EACxD,MAAAC,IAAOJ,EAAM;AAAA,EACb,MAAAK,IAAOH,EAAe;AAAA,EACtB,WAAAI;AAAA,EACA,UAAAC;AACD,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAV,EAAiBK,CAAI;AAAA,EACrBH,EAAYI,CAAI;AAAA,EAChBC;AAAA,GAEE,UAAAC,EAAA,CACH;"}
+{"version":3,"file":"UiIconBadge.js","sources":["../../../src/components/UiIconBadge/UiIconBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport { ESize } from \"../../_types/sizing\";\nimport cx from \"classnames\";\nimport { EIconBadgeKind } from \"./_types\";\nimport type { IUiIconBadgeProps } from \"./_types\";\n\nconst badgeSizeClasses = {\n\t[ESize.SM]: \"p-xxs\",\n\t[ESize.MD]: \"p-xs\",\n\t[ESize.LG]: \"p-sm\",\n\t[ESize.XL]: \"p-lg\"\n};\n\nconst kindClasses = {\n\t[EIconBadgeKind.PRIMARY]: \"bg-primary-alt-700\",\n\t[EIconBadgeKind.WARNING]: \"bg-warning-500\",\n\t[EIconBadgeKind.ERROR]: \"bg-error-500\",\n\t[EIconBadgeKind.SECONDARY]: \"bg-secondary-500\",\n\t[EIconBadgeKind.AI]: \"bg-[linear-gradient(225deg,#8B8BFC_16.73%,#282894_86.38%)]\",\n};\n\nexport const UiIconBadge: React.FC<IUiIconBadgeProps> = ({\n\tsize = ESize.MD,\n\tkind = EIconBadgeKind.PRIMARY,\n\tclassName,\n\tchildren\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"rounded-full\",\n\t\t\t\"inline-flex\",\n\t\t\t\"items-center\",\n\t\t\t\"justify-center\",\n\t\t\t\"aspect-square\",\n\t\t\t\"drop-shadow-md drop-shadow-black/25\",\n\t\t\t\"border-2 border-white\",\n\t\t\t\"text-white\",\n\t\t\tbadgeSizeClasses[size],\n\t\t\tkindClasses[kind],\n\t\t\tclassName\n\t\t) }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n};\n"],"names":["badgeSizeClasses","ESize","kindClasses","EIconBadgeKind","UiIconBadge","size","kind","className","children","jsx","cx"],"mappings":";;;;;AAMA,MAAMA,IAAmB;AAAA,EACxB,CAACC,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AAAA,EACZ,CAACA,EAAM,EAAE,GAAG;AACb,GAEMC,IAAc;AAAA,EACnB,CAACC,EAAe,OAAO,GAAG;AAAA,EAC1B,CAACA,EAAe,OAAO,GAAG;AAAA,EAC1B,CAACA,EAAe,KAAK,GAAG;AAAA,EACxB,CAACA,EAAe,SAAS,GAAG;AAAA,EAC5B,CAACA,EAAe,EAAE,GAAG;AACtB,GAEaC,IAA2C,CAAC;AAAA,EACxD,MAAAC,IAAOJ,EAAM;AAAA,EACb,MAAAK,IAAOH,EAAe;AAAA,EACtB,WAAAI;AAAA,EACA,UAAAC;AACD,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAV,EAAiBK,CAAI;AAAA,EACrBH,EAAYI,CAAI;AAAA,EAChBC;AAAA,GAEE,UAAAC,EAAA,CACH;"}

package/components/UiIconBadge/_types.d.ts

@@ -2,10 +2,10 @@ import { ESize } from '../../_types/sizing';
 export type BadgeSize = ESize.SM | ESize.MD | ESize.LG | ESize.XL;
 export declare enum EIconBadgeKind {
     PRIMARY = "primary",
-    LIGHT = "light",
-    DARK = "dark",
+    SECONDARY = "secondary",
     WARNING = "warning",
-    ERROR = "error"
+    ERROR = "error",
+    AI = "ai"
 }
 export interface IUiIconBadgeProps {
     size?: BadgeSize;

package/components/UiIconBadge/_types.js

@@ -1,4 +1,4 @@
-var R = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.LIGHT = "light", r.DARK = "dark", r.WARNING = "warning", r.ERROR = "error", r))(R || {});
+var R = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.SECONDARY = "secondary", r.WARNING = "warning", r.ERROR = "error", r.AI = "ai", r))(R || {});
 export {
   R as EIconBadgeKind
 };

package/components/UiIconBadge/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiIconBadge/_types.ts"],"sourcesContent":["import { ESize } from \"../../_types/sizing\";\n\nexport type BadgeSize = ESize.SM | ESize.MD | ESize.LG | ESize.XL;\n\nexport enum EIconBadgeKind {\n\tPRIMARY = \"primary\",\n\tLIGHT = \"light\",\n\tDARK = \"dark\",\n\tWARNING = \"warning\",\n\tERROR = \"error\"\n}\n\nexport interface IUiIconBadgeProps {\n\tsize?: BadgeSize;\n\tkind?: EIconBadgeKind;\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n"],"names":["EIconBadgeKind"],"mappings":"AAIO,IAAKA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,QAAQ,SALGA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiIconBadge/_types.ts"],"sourcesContent":["import { ESize } from \"../../_types/sizing\";\n\nexport type BadgeSize = ESize.SM | ESize.MD | ESize.LG | ESize.XL;\n\nexport enum EIconBadgeKind {\n\tPRIMARY = \"primary\",\n\tSECONDARY = \"secondary\",\n\tWARNING = \"warning\",\n\tERROR = \"error\",\n\tAI = \"ai\"\n}\n\nexport interface IUiIconBadgeProps {\n\tsize?: BadgeSize;\n\tkind?: EIconBadgeKind;\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n"],"names":["EIconBadgeKind"],"mappings":"AAIO,IAAKA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,KAAK,MALMA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiInput/UiInput.base.d.ts

@@ -1,10 +1,18 @@
 import { default as React } from 'react';
-import { EInputKind } from './_types';
+import { EInputKind, EInputSize } from './_types';
 export type TUiInputBaseProps = {
     id: string;
     postIcon?: React.ReactNode;
     preIcon?: React.ReactNode;
     kind?: EInputKind;
     className?: string;
+    size?: EInputSize;
 } & React.InputHTMLAttributes<HTMLInputElement>;
-export declare const UiInputBase: React.FC<TUiInputBaseProps>;
+export declare const UiInputBase: React.ForwardRefExoticComponent<{
+    id: string;
+    postIcon?: React.ReactNode;
+    preIcon?: React.ReactNode;
+    kind?: EInputKind;
+    className?: string;
+    size?: EInputSize;
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/components/UiInput/UiInput.base.js

@@ -1,49 +1,53 @@
-import { jsxs as s, jsx as d } from "react/jsx-runtime";
-import "react";
-import { UiTypography as p } from "../UiTypography/UiTypography.js";
-import { EInputKind as r } from "./_types.js";
-import i from "classnames";
-const h = ({ postIcon: o, preIcon: a, className: l, kind: t = r.DEFAULT, ...e }) => {
-  const n = {
-    [r.DEFAULT]: "border-secondary-alt-600",
-    [r.ERROR]: "border-error",
-    [r.SUCCESS]: "border-primary-600",
-    [r.WARNING]: "border-warning-600"
-  };
-  return /* @__PURE__ */ s(
-    p,
-    {
-      tag: "label",
-      htmlFor: e.id,
-      className: i(
-        "ui-input-wrapper",
-        "flex flex-row items-center gap-sm rounded-xl border p-sm",
-        "hover:border-secondary-alt-700",
-        "focus-within:outline-4",
-        "focus-within:outline-primary-300",
-        "focus-within:ring-secondary-alt-700 active:ring",
-        t && n[t],
-        {
-          "bg-white": !e.disabled,
-          "border-secondary-alt-300 bg-secondary-alt-200": e.disabled
-        },
-        l
-      ),
-      children: [
-        a || null,
-        /* @__PURE__ */ d(
-          "input",
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import u from "react";
+import { UiTypography as b } from "../UiTypography/UiTypography.js";
+import { EInputKind as r, EInputSize as o } from "./_types.js";
+import l from "classnames";
+const w = u.forwardRef(
+  ({ postIcon: a, preIcon: t, className: s, kind: i = r.DEFAULT, size: n = o.MEDIUM, ...e }, d) => {
+    const p = {
+      [r.DEFAULT]: "border-secondary-alt-600",
+      [r.ERROR]: "border-error",
+      [r.SUCCESS]: "border-primary-600",
+      [r.WARNING]: "border-warning-600"
+    };
+    return /* @__PURE__ */ m(
+      b,
+      {
+        tag: "label",
+        htmlFor: e.id,
+        className: l(
+          "ui-input-wrapper",
+          "flex flex-row items-center gap-sm rounded-xl border",
+          "focus-within:outline-4",
+          "focus-within:outline-primary-300",
+          "focus-within:ring-secondary-alt-700 active:ring",
+          i && p[i],
           {
-            className: i("w-full bg-transparent outline-hidden placeholder:text-secondary-alt-600"),
-            ...e
-          }
+            "bg-white hover:border-secondary-alt-700": !e.disabled,
+            "!border-secondary-alt-300 bg-secondary-alt-200": e.disabled
+          },
+          s,
+          n === o.SMALL && "px-xs py-xxs",
+          n === o.MEDIUM && "p-sm"
         ),
-        o || null
-      ]
-    }
-  );
-};
+        children: [
+          t || null,
+          /* @__PURE__ */ c(
+            "input",
+            {
+              ref: d,
+              className: l("w-full bg-transparent outline-hidden placeholder:text-secondary-alt-600"),
+              ...e
+            }
+          ),
+          a || null
+        ]
+      }
+    );
+  }
+);
 export {
-  h as UiInputBase
+  w as UiInputBase
 };
 //# sourceMappingURL=UiInput.base.js.map

package/components/UiInput/UiInput.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiInput.base.js","sources":["../../../src/components/UiInput/UiInput.base.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiTypography } from \"../UiTypography\";\nimport { EInputKind } from \"./_types\";\nimport cx from \"classnames\";\n\nexport type TUiInputBaseProps = {\n\tid: string;\n\tpostIcon?: React.ReactNode;\n\tpreIcon?: React.ReactNode;\n\tkind?: EInputKind;\n\tclassName?: string;\n\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const UiInputBase: React.FC<\n\tTUiInputBaseProps\n> = ({ postIcon, preIcon, className, kind = EInputKind.DEFAULT, ...rest }) => {\n\n\tconst stateClasses = {\n\t\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t\t[EInputKind.ERROR]: \"border-error\",\n\t\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t\t[EInputKind.WARNING]: \"border-warning-600\"\n\t};\n\n\treturn (\n\t\t<UiTypography\n\t\t\ttag=\"label\"\n\t\t\thtmlFor={ rest.id }\n\t\t\tclassName={\n\t\t\t\tcx(\n\t\t\t\t\t\"ui-input-wrapper\",\n\t\t\t\t\t\"flex flex-row items-center gap-sm rounded-xl border p-sm\",\n\t\t\t\t\t\"hover:border-secondary-alt-700\",\n\t\t\t\t\t\"focus-within:outline-4\",\n\t\t\t\t\t\"focus-within:outline-primary-300\",\n\t\t\t\t\t\"focus-within:ring-secondary-alt-700 active:ring\",\n\t\t\t\t\tkind && stateClasses[kind],\n\t\t\t\t\t{\n\t\t\t\t\t\t\"bg-white\": !rest.disabled,\n\t\t\t\t\t\t\"border-secondary-alt-300 bg-secondary-alt-200\": rest.disabled,\n\t\t\t\t\t},\n\t\t\t\t\tclassName\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t{ preIcon\n\t\t\t\t? preIcon\n\t\t\t\t: null }\n\t\t\t<input\n\t\t\t\tclassName={ cx(\"w-full bg-transparent outline-hidden placeholder:text-secondary-alt-600\") }\n\t\t\t\t{ ...rest }\n\t\t\t/>\n\n\t\t\t{ postIcon\n\t\t\t\t? postIcon\n\t\t\t\t: null }\n\n\t\t</UiTypography>\n\t);\n};\n"],"names":["UiInputBase","postIcon","preIcon","className","kind","EInputKind","rest","stateClasses","jsxs","UiTypography","cx","jsx"],"mappings":";;;;;AAcO,MAAMA,IAET,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,MAAAC,IAAOC,EAAW,SAAS,GAAGC,QAAW;AAE7E,QAAMC,IAAe;AAAA,IACpB,CAACF,EAAW,OAAO,GAAG;AAAA,IACtB,CAACA,EAAW,KAAK,GAAG;AAAA,IACpB,CAACA,EAAW,OAAO,GAAG;AAAA,IACtB,CAACA,EAAW,OAAO,GAAG;AAAA,EAAA;AAGvB,SACC,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,KAAI;AAAA,MACJ,SAAUH,EAAK;AAAA,MACf,WACCI;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAN,KAAQG,EAAaH,CAAI;AAAA,QACzB;AAAA,UACC,YAAY,CAACE,EAAK;AAAA,UAClB,iDAAiDA,EAAK;AAAA,QAAA;AAAA,QAEvDH;AAAA,MAAA;AAAA,MAIA,UAAA;AAAA,QAAAD,KAEC;AAAA,QACH,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAYD,EAAG,yEAAyE;AAAA,YACtF,GAAGJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJL,KAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIN;"}
+{"version":3,"file":"UiInput.base.js","sources":["../../../src/components/UiInput/UiInput.base.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiTypography } from \"../UiTypography\";\nimport { EInputKind, EInputSize } from \"./_types\";\nimport cx from \"classnames\";\n\nexport type TUiInputBaseProps = {\n\tid: string;\n\tpostIcon?: React.ReactNode;\n\tpreIcon?: React.ReactNode;\n\tkind?: EInputKind;\n\tclassName?: string;\n\tsize?: EInputSize;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const UiInputBase = React.forwardRef<HTMLInputElement, TUiInputBaseProps>(\n\t({ postIcon, preIcon, className, kind = EInputKind.DEFAULT, size = EInputSize.MEDIUM, ...rest }, ref) => {\n\n\t\tconst stateClasses = {\n\t\t\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t\t\t[EInputKind.ERROR]: \"border-error\",\n\t\t\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t\t\t[EInputKind.WARNING]: \"border-warning-600\"\n\t\t};\n\n\t\treturn (\n\t\t\t<UiTypography\n\t\t\t\ttag=\"label\"\n\t\t\t\thtmlFor={ rest.id }\n\t\t\t\tclassName={\n\t\t\t\t\tcx(\n\t\t\t\t\t\t\"ui-input-wrapper\",\n\t\t\t\t\t\t\"flex flex-row items-center gap-sm rounded-xl border\",\n\t\t\t\t\t\t\"focus-within:outline-4\",\n\t\t\t\t\t\t\"focus-within:outline-primary-300\",\n\t\t\t\t\t\t\"focus-within:ring-secondary-alt-700 active:ring\",\n\t\t\t\t\t\tkind && stateClasses[kind],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"bg-white hover:border-secondary-alt-700\": !rest.disabled,\n\t\t\t\t\t\t\t\"!border-secondary-alt-300 bg-secondary-alt-200\": rest.disabled,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\tsize === EInputSize.SMALL && \"px-xs py-xxs\",\n\t\t\t\t\t\tsize === EInputSize.MEDIUM && \"p-sm\"\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ preIcon\n\t\t\t\t\t? preIcon\n\t\t\t\t\t: null }\n\t\t\t\t<input\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ cx(\"w-full bg-transparent outline-hidden placeholder:text-secondary-alt-600\") }\n\t\t\t\t\t{ ...rest }\n\t\t\t\t/>\n\n\t\t\t\t{ postIcon\n\t\t\t\t\t? postIcon\n\t\t\t\t\t: null }\n\n\t\t\t</UiTypography>\n\t\t);\n\t});\n"],"names":["UiInputBase","React","postIcon","preIcon","className","kind","EInputKind","size","EInputSize","rest","ref","stateClasses","jsxs","UiTypography","cx","jsx"],"mappings":";;;;;AAcO,MAAMA,IAAcC,EAAM;AAAA,EAChC,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,MAAAC,IAAOC,EAAW,SAAS,MAAAC,IAAOC,EAAW,QAAQ,GAAGC,EAAA,GAAQC,MAAQ;AAExG,UAAMC,IAAe;AAAA,MACpB,CAACL,EAAW,OAAO,GAAG;AAAA,MACtB,CAACA,EAAW,KAAK,GAAG;AAAA,MACpB,CAACA,EAAW,OAAO,GAAG;AAAA,MACtB,CAACA,EAAW,OAAO,GAAG;AAAA,IAAA;AAGvB,WACC,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,KAAI;AAAA,QACJ,SAAUJ,EAAK;AAAA,QACf,WACCK;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAT,KAAQM,EAAaN,CAAI;AAAA,UACzB;AAAA,YACC,2CAA2C,CAACI,EAAK;AAAA,YACjD,kDAAkDA,EAAK;AAAA,UAAA;AAAA,UAExDL;AAAA,UACAG,MAASC,EAAW,SAAS;AAAA,UAC7BD,MAASC,EAAW,UAAU;AAAA,QAAA;AAAA,QAI9B,UAAA;AAAA,UAAAL,KAEC;AAAA,UACH,gBAAAY;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,KAAAL;AAAA,cACA,WAAYI,EAAG,yEAAyE;AAAA,cACtF,GAAGL;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJP,KAEC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIN;AAAC;"}

package/components/UiInput/UiInputText.d.ts

@@ -1,13 +1,17 @@
 import { default as React } from 'react';
-import { TUiInputBaseProps } from './UiInput.base.tsx';
-import { EInputKind } from './_types.ts';
-type TUiInputTextProps = {
+import { EInputKind, EInputSize } from './_types.ts';
+export declare const UiInputText: React.ForwardRefExoticComponent<{
     id: string;
     kind?: EInputKind;
     statusMessage?: string | React.ReactElement;
     title?: React.ReactNode;
     subtitle?: React.ReactNode;
     infoComponent?: React.ReactNode;
-} & TUiInputBaseProps;
-export declare const UiInputText: React.FC<TUiInputTextProps>;
-export {};
+} & {
+    id: string;
+    postIcon?: React.ReactNode;
+    preIcon?: React.ReactNode;
+    kind?: EInputKind;
+    className?: string;
+    size?: EInputSize;
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/components/UiInput/UiInputText.js

@@ -1,26 +1,33 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import "react";
-import { UiInputBase as u } from "./UiInput.base.js";
-import { UiInputTitled as l } from "./UiInputTitled.js";
-import { UiInputStatusMessage as f } from "./UiInputStatusMessage.js";
-const d = ({
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import u from "react";
+import { UiInputBase as l } from "./UiInput.base.js";
+import { UiInputTitled as c } from "./UiInputTitled.js";
+import { UiInputStatusMessage as s } from "./UiInputStatusMessage.js";
+const h = u.forwardRef(({
   kind: r,
-  title: o,
-  infoComponent: p,
-  subtitle: m,
+  title: i,
+  infoComponent: m,
+  subtitle: p,
   statusMessage: t,
-  ...n
-}) => /* @__PURE__ */ e(l, { title: o, subtitle: m, infoComponent: p, children: [
-  /* @__PURE__ */ i(u, { kind: r, ...n }),
-  t ? /* @__PURE__ */ i(
-    f,
+  ...e
+}, n) => /* @__PURE__ */ f(c, { title: i, subtitle: p, infoComponent: m, children: [
+  /* @__PURE__ */ o(
+    l,
+    {
+      kind: r,
+      ref: n,
+      ...e
+    }
+  ),
+  t ? /* @__PURE__ */ o(
+    s,
     {
       kind: r,
       children: t
     }
   ) : null
-] });
+] }));
 export {
-  d as UiInputText
+  h as UiInputText
 };
 //# sourceMappingURL=UiInputText.js.map

package/components/UiInput/UiInputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiInputText.js","sources":["../../../src/components/UiInput/UiInputText.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiInputBase, type TUiInputBaseProps } from \"./UiInput.base.tsx\";\nimport { UiInputTitled } from \"./UiInputTitled.tsx\";\nimport { EInputKind } from \"./_types.ts\";\nimport { UiInputStatusMessage } from \"./UiInputStatusMessage.tsx\";\n\ntype TUiInputTextProps = {\n\tid: string;\n\tkind?: EInputKind;\n\tstatusMessage?: string | React.ReactElement;\n\ttitle?: React.ReactNode;\n\tsubtitle?: React.ReactNode;\n\tinfoComponent?: React.ReactNode;\n} & TUiInputBaseProps;\n\nexport const UiInputText: React.FC<TUiInputTextProps> = ({\n\tkind,\n\ttitle,\n\tinfoComponent,\n\tsubtitle,\n\tstatusMessage,\n\t...rest\n}) => {\n\treturn (\n\t\t<UiInputTitled title={ title } subtitle={ subtitle } infoComponent={ infoComponent } >\n\t\t\t<UiInputBase kind={ kind } { ...rest } />\n\t\t\t{ statusMessage\n\t\t\t\t? (\n\t\t\t\t\t<UiInputStatusMessage\n\t\t\t\t\t\tkind={ kind }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t</UiInputStatusMessage>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</UiInputTitled>\n\t);\n};\n"],"names":["UiInputText","kind","title","infoComponent","subtitle","statusMessage","rest","jsxs","UiInputTitled","jsx","UiInputBase","UiInputStatusMessage"],"mappings":";;;;;AAeO,MAAMA,IAA2C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC,EAACC,GAAA,EAAc,OAAAN,GAAgB,UAAAE,GAAsB,eAAAD,GACpD,UAAA;AAAA,EAAA,gBAAAM,EAACC,GAAA,EAAY,MAAAT,GAAgB,GAAGK,EAAA,CAAO;AAAA,EACrCD,IAEA,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,MAAAV;AAAA,MAEE,UAAAI;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,GACJ;"}
+{"version":3,"file":"UiInputText.js","sources":["../../../src/components/UiInput/UiInputText.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiInputBase, type TUiInputBaseProps } from \"./UiInput.base.tsx\";\nimport { UiInputTitled } from \"./UiInputTitled.tsx\";\nimport { EInputKind } from \"./_types.ts\";\nimport { UiInputStatusMessage } from \"./UiInputStatusMessage.tsx\";\n\ntype TUiInputTextProps = {\n\tid: string;\n\tkind?: EInputKind;\n\tstatusMessage?: string | React.ReactElement;\n\ttitle?: React.ReactNode;\n\tsubtitle?: React.ReactNode;\n\tinfoComponent?: React.ReactNode;\n} & TUiInputBaseProps;\n\nexport const UiInputText = React.forwardRef<HTMLInputElement, TUiInputTextProps>(({\n\tkind,\n\ttitle,\n\tinfoComponent,\n\tsubtitle,\n\tstatusMessage,\n\t...rest\n}, ref) => {\n\treturn (\n\t\t<UiInputTitled title={ title } subtitle={ subtitle } infoComponent={ infoComponent } >\n\t\t\t<UiInputBase\n\t\t\t\tkind={ kind }\n\t\t\t\tref={ ref }\n\t\t\t\t{ ...rest }\n\t\t\t/>\n\t\t\t{ statusMessage\n\t\t\t\t? (\n\t\t\t\t\t<UiInputStatusMessage\n\t\t\t\t\t\tkind={ kind }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t</UiInputStatusMessage>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</UiInputTitled>\n\t);\n});\n"],"names":["UiInputText","React","kind","title","infoComponent","subtitle","statusMessage","rest","ref","jsxs","UiInputTitled","jsx","UiInputBase","UiInputStatusMessage"],"mappings":";;;;;AAeO,MAAMA,IAAcC,EAAM,WAAgD,CAAC;AAAA,EACjF,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACJ,GAAGC,MAED,gBAAAC,EAACC,GAAA,EAAc,OAAAP,GAAgB,UAAAE,GAAsB,eAAAD,GACpD,UAAA;AAAA,EAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAAV;AAAA,MACA,KAAAM;AAAA,MACE,GAAGD;AAAA,IAAA;AAAA,EAAA;AAAA,EAEJD,IAEA,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,MAAAX;AAAA,MAEE,UAAAI;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,GACJ,CAED;"}

package/components/UiInput/_types.d.ts

@@ -4,3 +4,7 @@ export declare enum EInputKind {
     SUCCESS = "SUCCESS",
     WARNING = "WARNING"
 }
+export declare enum EInputSize {
+    SMALL = "small",
+    MEDIUM = "medium"
+}

package/components/UiInput/_types.js

@@ -1,5 +1,6 @@
-var S = /* @__PURE__ */ ((R) => (R.DEFAULT = "DEFAULT", R.ERROR = "ERROR", R.SUCCESS = "SUCCESS", R.WARNING = "WARNING", R))(S || {});
+var r = /* @__PURE__ */ ((R) => (R.DEFAULT = "DEFAULT", R.ERROR = "ERROR", R.SUCCESS = "SUCCESS", R.WARNING = "WARNING", R))(r || {}), S = /* @__PURE__ */ ((R) => (R.SMALL = "small", R.MEDIUM = "medium", R))(S || {});
 export {
-  S as EInputKind
+  r as EInputKind,
+  S as EInputSize
 };
 //# sourceMappingURL=_types.js.map

package/components/UiInput/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiInput/_types.ts"],"sourcesContent":["export enum EInputKind {\n\tDEFAULT = \"DEFAULT\",\n\tERROR = \"ERROR\",\n\tSUCCESS = \"SUCCESS\",\n\tWARNING = \"WARNING\",\n}\n"],"names":["EInputKind"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,UAAU,WAJCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiInput/_types.ts"],"sourcesContent":["export enum EInputKind {\n\tDEFAULT = \"DEFAULT\",\n\tERROR = \"ERROR\",\n\tSUCCESS = \"SUCCESS\",\n\tWARNING = \"WARNING\",\n}\n\nexport enum EInputSize {\n\tSMALL = \"small\",\n\tMEDIUM = \"medium\",\n}\n"],"names":["EInputKind","EInputSize"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,UAAU,WAJCA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,SAAS,UAFEA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiInput/index.d.ts

@@ -1,6 +1,5 @@
 export { UiInputBase } from './UiInput.base';
-export { UiInputTextArea } from './UiInputTextArea';
 export { UiInputTitled } from './UiInputTitled';
 export { UiInputText } from './UiInputText';
 export { UiInputStatusMessage } from './UiInputStatusMessage';
-export { EInputKind } from './_types';
+export { EInputKind, EInputSize } from './_types';

package/components/UiInput/index.js

@@ -1,15 +1,14 @@
-import { UiInputBase as r } from "./UiInput.base.js";
-import { UiInputTextArea as p } from "./UiInputTextArea.js";
-import { UiInputTitled as i } from "./UiInputTitled.js";
-import { UiInputText as u } from "./UiInputText.js";
-import { UiInputStatusMessage as m } from "./UiInputStatusMessage.js";
-import { EInputKind as U } from "./_types.js";
+import { UiInputBase as p } from "./UiInput.base.js";
+import { UiInputTitled as r } from "./UiInputTitled.js";
+import { UiInputText as n } from "./UiInputText.js";
+import { UiInputStatusMessage as x } from "./UiInputStatusMessage.js";
+import { EInputKind as f, EInputSize as m } from "./_types.js";
 export {
-  U as EInputKind,
-  r as UiInputBase,
-  m as UiInputStatusMessage,
-  u as UiInputText,
-  p as UiInputTextArea,
-  i as UiInputTitled
+  f as EInputKind,
+  m as EInputSize,
+  p as UiInputBase,
+  x as UiInputStatusMessage,
+  n as UiInputText,
+  r as UiInputTitled
 };
 //# sourceMappingURL=index.js.map

package/components/UiInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/{UiInput → UiInputTextArea}/UiInputTextArea.d.ts

@@ -1,5 +1,5 @@
-import { EInputKind } from './_types';
 import { FC, ReactNode, TextareaHTMLAttributes } from 'react';
+import { EInputKind } from '../UiInput/_types';
 type TUiInputTextAreaProps = {
     id: string;
     kind?: EInputKind;