@multiversx/sdk-dapp-liquidity 2.3.0-alpha.6 → 2.4.0-alpha.0

package/reactjs/components/TrimAddress/TrimAddress.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=({"data-testid":i,address:t,startLength:l=4,endLength:n=5,className:s=""})=>t?e.jsxs("div",{"data-testid":i,className:`liq-truncate liq-text-left liq-text-neutral-100 liq-flex liq-gap-1 ${s}`,children:[e.jsx("span",{children:t.slice(0,l)}),e.jsx("span",{children:"..."}),e.jsx("span",{children:t.slice(-n)})]}):null;exports.TrimAddress=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime");var t=({"data-testid":t,address:n,startLength:r=4,endLength:i=5,className:a=``})=>n?(0,e.jsxs)(`div`,{"data-testid":t,className:`liq-truncate liq-text-left liq-text-neutral-100 liq-flex liq-gap-1 ${a}`,children:[(0,e.jsx)(`span`,{children:n.slice(0,r)}),(0,e.jsx)(`span`,{children:`...`}),(0,e.jsx)(`span`,{children:n.slice(-i)})]}):null;exports.TrimAddress=t;

package/reactjs/components/TrimAddress/TrimAddress.mjs

@@ -1,22 +1,13 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-const c = ({
-  "data-testid": i,
-  address: t,
-  startLength: l = 4,
-  endLength: n = 5,
-  className: r = ""
-}) => t ? /* @__PURE__ */ s(
-  "div",
-  {
-    "data-testid": i,
-    className: `liq-truncate liq-text-left liq-text-neutral-100 liq-flex liq-gap-1 ${r}`,
-    children: [
-      /* @__PURE__ */ e("span", { children: t.slice(0, l) }),
-      /* @__PURE__ */ e("span", { children: "..." }),
-      /* @__PURE__ */ e("span", { children: t.slice(-n) })
-    ]
-  }
-) : null;
-export {
-  c as TrimAddress
-};
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/reactjs/components/TrimAddress/TrimAddress.tsx
+var n = ({ "data-testid": n, address: r, startLength: i = 4, endLength: a = 5, className: o = "" }) => r ? /* @__PURE__ */ t("div", {
+	"data-testid": n,
+	className: `liq-truncate liq-text-left liq-text-neutral-100 liq-flex liq-gap-1 ${o}`,
+	children: [
+		/* @__PURE__ */ e("span", { children: r.slice(0, i) }),
+		/* @__PURE__ */ e("span", { children: "..." }),
+		/* @__PURE__ */ e("span", { children: r.slice(-a) })
+	]
+}) : null;
+//#endregion
+export { n as TrimAddress };

package/reactjs/components/TrimAddress/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TrimAddress.js");exports.TrimAddress=e.TrimAddress;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./TrimAddress.js");exports.TrimAddress=e.TrimAddress;

package/reactjs/components/TrimAddress/index.mjs

@@ -1,4 +1,2 @@
 import { TrimAddress as e } from "./TrimAddress.mjs";
-export {
-  e as TrimAddress
-};
+export { e as TrimAddress };

package/reactjs/components/base/MxButton/MxButton.d.ts

@@ -1,5 +1,4 @@
 import { HTMLProps } from 'react';
-
 export type MxButtonSizeType = 'xs' | 'sm' | 'md' | 'lg';
 export type MxButtonVariantType = 'primary' | 'primary-300' | 'primary-50' | 'success' | 'danger' | 'danger-600' | 'neutral-400' | 'neutral-600' | 'neutral-700' | 'neutral-750' | 'neutral-800' | 'neutral-850' | 'link-neutral-100' | 'link-neutral-200' | 'link-neutral-300' | 'link-neutral-400' | 'link-neutral-500' | 'link-primary-300' | 'transparent' | 'translucent';
 interface MxButtonType extends HTMLProps<HTMLButtonElement> {
@@ -9,5 +8,5 @@ interface MxButtonType extends HTMLProps<HTMLButtonElement> {
     variant?: MxButtonVariantType;
     type?: HTMLButtonElement['type'];
 }
-export declare const MxButton: ({ children, disabled, isLoading, isProcessing, className, btnSize, type, variant, ...rest }: MxButtonType) => import("react/jsx-runtime").JSX.Element;
+export declare const MxButton: ({ children, disabled, isLoading, isProcessing, className, btnSize, type, variant, ...rest }: MxButtonType) => import("react").JSX.Element;
 export {};

package/reactjs/components/base/MxButton/MxButton.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../../utils/mxClsx.js"),o=({children:q,disabled:a,isLoading:i,isProcessing:n,className:u="",btnSize:l="md",type:b="button",variant:e="transparent",...d})=>{const r=i?"Loading...":n?"Processing...":void 0;return t.jsxs("button",{...d,type:b,disabled:a||i||n,className:s.mxClsx("focus-primary liq-rounded-xl liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50",{"liq-bg-primary liq-text-primary-50 hover:enabled:liq-bg-primary-700/80":e==="primary","liq-bg-primary-300 liq-text-primary-950 hover:enabled:liq-bg-primary-200":e==="primary-300","liq-bg-primary-50 liq-text-primary-950 hover:enabled:liq-bg-primary-200":e==="primary-50","liq-bg-success-700 liq-text-success-50 hover:enabled:liq-bg-success-600":e==="success","liq-bg-danger liq-text-danger-50 hover:enabled:liq-bg-danger-300":e==="danger","liq-bg-danger-600 liq-text-danger-50 hover:enabled:liq-bg-danger-500":e==="danger-600","liq-bg-neutral-400 liq-text-neutral-50 hover:enabled:liq-bg-neutral-300":e==="neutral-400","liq-bg-neutral-600 liq-text-neutral-50 hover:enabled:liq-bg-neutral-500":e==="neutral-600","liq-bg-neutral-700 liq-text-neutral-50 hover:enabled:liq-bg-neutral-600":e==="neutral-700","liq-bg-neutral-750 liq-text-neutral-50 hover:enabled:liq-bg-neutral-650":e==="neutral-750","liq-bg-neutral-800 liq-text-neutral-50 hover:enabled:liq-bg-neutral-700":e==="neutral-800","liq-bg-neutral-850 liq-text-neutral-50 hover:enabled:liq-bg-neutral-750":e==="neutral-850","liq-bg-white/5 liq-text-neutral-50 hover:enabled:liq-bg-white/10":e==="translucent"},{"liq-text-neutral-100 hover:enabled:liq-text-white":e==="link-neutral-100","liq-text-neutral-200 hover:enabled:liq-text-white":e==="link-neutral-200","liq-text-neutral-300 hover:enabled:liq-text-white":e==="link-neutral-300","liq-text-neutral-400 hover:enabled:liq-text-white":e==="link-neutral-400","liq-text-neutral-500 hover:enabled:liq-text-white":e==="link-neutral-500","liq-text-primary-300 hover:enabled:liq-text-white":e==="link-primary-300"},{"liq-border liq-border-neutral-750 liq-bg-transparent hover:enabled:liq-bg-neutral-800":e==="transparent"},{"liq-px-2 liq-py-1 liq-text-xs":l==="xs","liq-px-2 liq-py-1":l==="sm","liq-px-4 liq-py-2":l==="md","liq-px-8 liq-py-3":l==="lg"},u),children:[r&&t.jsx("span",{className:"liq-animate-pulse",children:r}),!r&&t.jsx(t.Fragment,{children:q})]})};exports.MxButton=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../utils/mxClsx.js");let t=require("react/jsx-runtime");var n=({children:n,disabled:r,isLoading:i,isProcessing:a,className:o=``,btnSize:s=`md`,type:c=`button`,variant:l=`transparent`,...u})=>{let d=i?`Loading...`:a?`Processing...`:void 0;return(0,t.jsxs)(`button`,{...u,type:c,disabled:r||i||a,className:e.mxClsx(`focus-primary liq-rounded-xl liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50`,{"liq-bg-primary liq-text-primary-50 hover:enabled:liq-bg-primary-700/80":l===`primary`,"liq-bg-primary-300 liq-text-primary-950 hover:enabled:liq-bg-primary-200":l===`primary-300`,"liq-bg-primary-50 liq-text-primary-950 hover:enabled:liq-bg-primary-200":l===`primary-50`,"liq-bg-success-700 liq-text-success-50 hover:enabled:liq-bg-success-600":l===`success`,"liq-bg-danger liq-text-danger-50 hover:enabled:liq-bg-danger-300":l===`danger`,"liq-bg-danger-600 liq-text-danger-50 hover:enabled:liq-bg-danger-500":l===`danger-600`,"liq-bg-neutral-400 liq-text-neutral-50 hover:enabled:liq-bg-neutral-300":l===`neutral-400`,"liq-bg-neutral-600 liq-text-neutral-50 hover:enabled:liq-bg-neutral-500":l===`neutral-600`,"liq-bg-neutral-700 liq-text-neutral-50 hover:enabled:liq-bg-neutral-600":l===`neutral-700`,"liq-bg-neutral-750 liq-text-neutral-50 hover:enabled:liq-bg-neutral-650":l===`neutral-750`,"liq-bg-neutral-800 liq-text-neutral-50 hover:enabled:liq-bg-neutral-700":l===`neutral-800`,"liq-bg-neutral-850 liq-text-neutral-50 hover:enabled:liq-bg-neutral-750":l===`neutral-850`,"liq-bg-white/5 liq-text-neutral-50 hover:enabled:liq-bg-white/10":l===`translucent`},{"liq-text-neutral-100 hover:enabled:liq-text-white":l===`link-neutral-100`,"liq-text-neutral-200 hover:enabled:liq-text-white":l===`link-neutral-200`,"liq-text-neutral-300 hover:enabled:liq-text-white":l===`link-neutral-300`,"liq-text-neutral-400 hover:enabled:liq-text-white":l===`link-neutral-400`,"liq-text-neutral-500 hover:enabled:liq-text-white":l===`link-neutral-500`,"liq-text-primary-300 hover:enabled:liq-text-white":l===`link-primary-300`},{"liq-border liq-border-neutral-750 liq-bg-transparent hover:enabled:liq-bg-neutral-800":l===`transparent`},{"liq-px-2 liq-py-1 liq-text-xs":s===`xs`,"liq-px-2 liq-py-1":s===`sm`,"liq-px-4 liq-py-2":s===`md`,"liq-px-8 liq-py-3":s===`lg`},o),children:[d&&(0,t.jsx)(`span`,{className:`liq-animate-pulse`,children:d}),!d&&(0,t.jsx)(t.Fragment,{children:n})]})};exports.MxButton=n;

package/reactjs/components/base/MxButton/MxButton.mjs

@@ -1,71 +1,44 @@
-import { jsxs as o, jsx as n, Fragment as x } from "react/jsx-runtime";
-import { mxClsx as g } from "../../../utils/mxClsx.mjs";
-const h = ({
-  children: q,
-  disabled: a,
-  isLoading: r,
-  isProcessing: i,
-  className: b = "",
-  btnSize: l = "md",
-  type: u = "button",
-  variant: e = "transparent",
-  ...d
-}) => {
-  const t = r ? "Loading..." : i ? "Processing..." : void 0;
-  return /* @__PURE__ */ o(
-    "button",
-    {
-      ...d,
-      type: u,
-      disabled: a || r || i,
-      className: g(
-        // base style
-        "focus-primary liq-rounded-xl liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50",
-        // normal btn
-        {
-          "liq-bg-primary liq-text-primary-50 hover:enabled:liq-bg-primary-700/80": e === "primary",
-          "liq-bg-primary-300 liq-text-primary-950 hover:enabled:liq-bg-primary-200": e === "primary-300",
-          "liq-bg-primary-50 liq-text-primary-950 hover:enabled:liq-bg-primary-200": e === "primary-50",
-          "liq-bg-success-700 liq-text-success-50 hover:enabled:liq-bg-success-600": e === "success",
-          "liq-bg-danger liq-text-danger-50 hover:enabled:liq-bg-danger-300": e === "danger",
-          "liq-bg-danger-600 liq-text-danger-50 hover:enabled:liq-bg-danger-500": e === "danger-600",
-          "liq-bg-neutral-400 liq-text-neutral-50 hover:enabled:liq-bg-neutral-300": e === "neutral-400",
-          "liq-bg-neutral-600 liq-text-neutral-50 hover:enabled:liq-bg-neutral-500": e === "neutral-600",
-          "liq-bg-neutral-700 liq-text-neutral-50 hover:enabled:liq-bg-neutral-600": e === "neutral-700",
-          "liq-bg-neutral-750 liq-text-neutral-50 hover:enabled:liq-bg-neutral-650": e === "neutral-750",
-          "liq-bg-neutral-800 liq-text-neutral-50 hover:enabled:liq-bg-neutral-700": e === "neutral-800",
-          "liq-bg-neutral-850 liq-text-neutral-50 hover:enabled:liq-bg-neutral-750": e === "neutral-850",
-          "liq-bg-white/5 liq-text-neutral-50 hover:enabled:liq-bg-white/10": e === "translucent"
-        },
-        // link btn
-        {
-          "liq-text-neutral-100 hover:enabled:liq-text-white": e === "link-neutral-100",
-          "liq-text-neutral-200 hover:enabled:liq-text-white": e === "link-neutral-200",
-          "liq-text-neutral-300 hover:enabled:liq-text-white": e === "link-neutral-300",
-          "liq-text-neutral-400 hover:enabled:liq-text-white": e === "link-neutral-400",
-          "liq-text-neutral-500 hover:enabled:liq-text-white": e === "link-neutral-500",
-          "liq-text-primary-300 hover:enabled:liq-text-white": e === "link-primary-300"
-        },
-        {
-          "liq-border liq-border-neutral-750 liq-bg-transparent hover:enabled:liq-bg-neutral-800": e === "transparent"
-        },
-        // size
-        {
-          "liq-px-2 liq-py-1 liq-text-xs": l === "xs",
-          "liq-px-2 liq-py-1": l === "sm",
-          "liq-px-4 liq-py-2": l === "md",
-          "liq-px-8 liq-py-3": l === "lg"
-        },
-        // external
-        b
-      ),
-      children: [
-        t && /* @__PURE__ */ n("span", { className: "liq-animate-pulse", children: t }),
-        !t && /* @__PURE__ */ n(x, { children: q })
-      ]
-    }
-  );
-};
-export {
-  h as MxButton
+import { mxClsx as e } from "../../../utils/mxClsx.mjs";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/reactjs/components/base/MxButton/MxButton.tsx
+var i = ({ children: i, disabled: a, isLoading: o, isProcessing: s, className: c = "", btnSize: l = "md", type: u = "button", variant: d = "transparent", ...f }) => {
+	let p = o ? "Loading..." : s ? "Processing..." : void 0;
+	return /* @__PURE__ */ r("button", {
+		...f,
+		type: u,
+		disabled: a || o || s,
+		className: e("focus-primary liq-rounded-xl liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50", {
+			"liq-bg-primary liq-text-primary-50 hover:enabled:liq-bg-primary-700/80": d === "primary",
+			"liq-bg-primary-300 liq-text-primary-950 hover:enabled:liq-bg-primary-200": d === "primary-300",
+			"liq-bg-primary-50 liq-text-primary-950 hover:enabled:liq-bg-primary-200": d === "primary-50",
+			"liq-bg-success-700 liq-text-success-50 hover:enabled:liq-bg-success-600": d === "success",
+			"liq-bg-danger liq-text-danger-50 hover:enabled:liq-bg-danger-300": d === "danger",
+			"liq-bg-danger-600 liq-text-danger-50 hover:enabled:liq-bg-danger-500": d === "danger-600",
+			"liq-bg-neutral-400 liq-text-neutral-50 hover:enabled:liq-bg-neutral-300": d === "neutral-400",
+			"liq-bg-neutral-600 liq-text-neutral-50 hover:enabled:liq-bg-neutral-500": d === "neutral-600",
+			"liq-bg-neutral-700 liq-text-neutral-50 hover:enabled:liq-bg-neutral-600": d === "neutral-700",
+			"liq-bg-neutral-750 liq-text-neutral-50 hover:enabled:liq-bg-neutral-650": d === "neutral-750",
+			"liq-bg-neutral-800 liq-text-neutral-50 hover:enabled:liq-bg-neutral-700": d === "neutral-800",
+			"liq-bg-neutral-850 liq-text-neutral-50 hover:enabled:liq-bg-neutral-750": d === "neutral-850",
+			"liq-bg-white/5 liq-text-neutral-50 hover:enabled:liq-bg-white/10": d === "translucent"
+		}, {
+			"liq-text-neutral-100 hover:enabled:liq-text-white": d === "link-neutral-100",
+			"liq-text-neutral-200 hover:enabled:liq-text-white": d === "link-neutral-200",
+			"liq-text-neutral-300 hover:enabled:liq-text-white": d === "link-neutral-300",
+			"liq-text-neutral-400 hover:enabled:liq-text-white": d === "link-neutral-400",
+			"liq-text-neutral-500 hover:enabled:liq-text-white": d === "link-neutral-500",
+			"liq-text-primary-300 hover:enabled:liq-text-white": d === "link-primary-300"
+		}, { "liq-border liq-border-neutral-750 liq-bg-transparent hover:enabled:liq-bg-neutral-800": d === "transparent" }, {
+			"liq-px-2 liq-py-1 liq-text-xs": l === "xs",
+			"liq-px-2 liq-py-1": l === "sm",
+			"liq-px-4 liq-py-2": l === "md",
+			"liq-px-8 liq-py-3": l === "lg"
+		}, c),
+		children: [p && /* @__PURE__ */ n("span", {
+			className: "liq-animate-pulse",
+			children: p
+		}), !p && /* @__PURE__ */ n(t, { children: i })]
+	});
 };
+//#endregion
+export { i as MxButton };

package/reactjs/components/base/MxButton/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./MxButton.js");exports.MxButton=t.MxButton;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./MxButton.js");exports.MxButton=e.MxButton;

package/reactjs/components/base/MxButton/index.mjs

@@ -1,4 +1,2 @@
-import { MxButton as r } from "./MxButton.mjs";
-export {
-  r as MxButton
-};
+import { MxButton as e } from "./MxButton.mjs";
+export { e as MxButton };

package/reactjs/components/base/MxCard/MxCard.d.ts

@@ -1,5 +1,4 @@
 import { HTMLProps } from 'react';
-
 export type MxCardSizeType = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type MxCardVariantType = 'primary' | 'primary-300' | 'neutral-650' | 'neutral-750' | 'neutral-800' | 'neutral-850' | 'neutral-900' | 'transparent' | 'warning' | 'danger';
 interface MxCardType extends HTMLProps<HTMLDivElement> {

package/reactjs/components/base/MxCard/MxCard.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),s=require("react"),u=require("../../../utils/mxClsx.js"),g=s.forwardRef((i,e)=>{const{children:a,cardSize:l="md",className:n="",variant:r="neutral-850",...t}=i;return q.jsx("div",{ref:e,...t,className:u.mxClsx("liq-rounded-2xl liq-transition-colors liq-duration-200",{"liq-bg-primary":r==="primary","liq-bg-primary-300 liq-bg-opacity-5":r==="primary-300"},{"liq-bg-neutral-650/50":r==="neutral-650","liq-bg-neutral-750/50":r==="neutral-750","liq-bg-neutral-800/50":r==="neutral-800","liq-bg-neutral-850/50":r==="neutral-850","liq-bg-neutral-900/50":r==="neutral-900"},{"liq-border liq-border-neutral-750 liq-bg-transparent":r==="transparent"},{"liq-bg-warning liq-bg-opacity-5":r==="warning","liq-bg-danger liq-bg-opacity-5":r==="danger"},{"liq-p-1":l==="xs","liq-px-4 liq-py-1":l==="sm","liq-p-4":l==="md","liq-p-5 lg:liq-p-6":l==="lg","liq-p-5 md:liq-p-10":l==="xl"},n),children:a})});exports.MxCard=g;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../utils/mxClsx.js");let t=require("react/jsx-runtime");var n=(0,require("react").forwardRef)((n,r)=>{let{children:i,cardSize:a=`md`,className:o=``,variant:s=`neutral-850`,...c}=n;return(0,t.jsx)(`div`,{ref:r,...c,className:e.mxClsx(`liq-rounded-2xl liq-transition-colors liq-duration-200`,{"liq-bg-primary":s===`primary`,"liq-bg-primary-300 liq-bg-opacity-5":s===`primary-300`},{"liq-bg-neutral-650/50":s===`neutral-650`,"liq-bg-neutral-750/50":s===`neutral-750`,"liq-bg-neutral-800/50":s===`neutral-800`,"liq-bg-neutral-850/50":s===`neutral-850`,"liq-bg-neutral-900/50":s===`neutral-900`},{"liq-border liq-border-neutral-750 liq-bg-transparent":s===`transparent`},{"liq-bg-warning liq-bg-opacity-5":s===`warning`,"liq-bg-danger liq-bg-opacity-5":s===`danger`},{"liq-p-1":a===`xs`,"liq-px-4 liq-py-1":a===`sm`,"liq-p-4":a===`md`,"liq-p-5 lg:liq-p-6":a===`lg`,"liq-p-5 md:liq-p-10":a===`xl`},o),children:i})});exports.MxCard=n;

package/reactjs/components/base/MxCard/MxCard.mjs

@@ -1,54 +1,33 @@
-import { jsx as q } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { mxClsx as o } from "../../../utils/mxClsx.mjs";
-const d = p(
-  (i, a) => {
-    const {
-      children: n,
-      cardSize: l = "md",
-      className: t = "",
-      variant: r = "neutral-850",
-      ...e
-    } = i;
-    return /* @__PURE__ */ q(
-      "div",
-      {
-        ref: a,
-        ...e,
-        className: o(
-          "liq-rounded-2xl liq-transition-colors liq-duration-200",
-          {
-            "liq-bg-primary": r === "primary",
-            "liq-bg-primary-300 liq-bg-opacity-5": r === "primary-300"
-          },
-          {
-            "liq-bg-neutral-650/50": r === "neutral-650",
-            "liq-bg-neutral-750/50": r === "neutral-750",
-            "liq-bg-neutral-800/50": r === "neutral-800",
-            "liq-bg-neutral-850/50": r === "neutral-850",
-            "liq-bg-neutral-900/50": r === "neutral-900"
-          },
-          {
-            "liq-border liq-border-neutral-750 liq-bg-transparent": r === "transparent"
-          },
-          {
-            "liq-bg-warning liq-bg-opacity-5": r === "warning",
-            "liq-bg-danger liq-bg-opacity-5": r === "danger"
-          },
-          {
-            "liq-p-1": l === "xs",
-            "liq-px-4 liq-py-1": l === "sm",
-            "liq-p-4": l === "md",
-            "liq-p-5 lg:liq-p-6": l === "lg",
-            "liq-p-5 md:liq-p-10": l === "xl"
-          },
-          t
-        ),
-        children: n
-      }
-    );
-  }
-);
-export {
-  d as MxCard
-};
+import { mxClsx as e } from "../../../utils/mxClsx.mjs";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+//#region src/reactjs/components/base/MxCard/MxCard.tsx
+var r = n((n, r) => {
+	let { children: i, cardSize: a = "md", className: o = "", variant: s = "neutral-850", ...c } = n;
+	return /* @__PURE__ */ t("div", {
+		ref: r,
+		...c,
+		className: e("liq-rounded-2xl liq-transition-colors liq-duration-200", {
+			"liq-bg-primary": s === "primary",
+			"liq-bg-primary-300 liq-bg-opacity-5": s === "primary-300"
+		}, {
+			"liq-bg-neutral-650/50": s === "neutral-650",
+			"liq-bg-neutral-750/50": s === "neutral-750",
+			"liq-bg-neutral-800/50": s === "neutral-800",
+			"liq-bg-neutral-850/50": s === "neutral-850",
+			"liq-bg-neutral-900/50": s === "neutral-900"
+		}, { "liq-border liq-border-neutral-750 liq-bg-transparent": s === "transparent" }, {
+			"liq-bg-warning liq-bg-opacity-5": s === "warning",
+			"liq-bg-danger liq-bg-opacity-5": s === "danger"
+		}, {
+			"liq-p-1": a === "xs",
+			"liq-px-4 liq-py-1": a === "sm",
+			"liq-p-4": a === "md",
+			"liq-p-5 lg:liq-p-6": a === "lg",
+			"liq-p-5 md:liq-p-10": a === "xl"
+		}, o),
+		children: i
+	});
+});
+//#endregion
+export { r as MxCard };

package/reactjs/components/base/MxCard/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MxCard.js");exports.MxCard=e.MxCard;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./MxCard.js");exports.MxCard=e.MxCard;

package/reactjs/components/base/MxCard/index.mjs

@@ -1,4 +1,2 @@
-import { MxCard as x } from "./MxCard.mjs";
-export {
-  x as MxCard
-};
+import { MxCard as e } from "./MxCard.mjs";
+export { e as MxCard };

package/reactjs/components/base/MxCircleLoader/MxCircleLoader.d.ts

@@ -1,4 +1,4 @@
 export declare const MxCircleLoader: ({ containerClassName, spinnerClassName }: {
     containerClassName?: string;
     spinnerClassName?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/base/MxCircleLoader/MxCircleLoader.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../utils/mxClsx.js"),s=({containerClassName:i="",spinnerClassName:r=""})=>e.jsx("div",{className:l.mxClsx("liq-flex liq-h-full liq-w-full liq-items-center liq-justify-center",i),children:e.jsx("div",{className:l.mxClsx("liq-loader liq-inline-block liq-h-10 liq-w-10 liq-animate-spin liq-rounded-full liq-border-4 liq-border-primary-400 liq-border-t-neutral-850",r)})});exports.MxCircleLoader=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../utils/mxClsx.js");let t=require("react/jsx-runtime");var n=({containerClassName:n=``,spinnerClassName:r=``})=>(0,t.jsx)(`div`,{className:e.mxClsx(`liq-flex liq-h-full liq-w-full liq-items-center liq-justify-center`,n),children:(0,t.jsx)(`div`,{className:e.mxClsx(`liq-loader liq-inline-block liq-h-10 liq-w-10 liq-animate-spin liq-rounded-full liq-border-4 liq-border-primary-400 liq-border-t-neutral-850`,r)})});exports.MxCircleLoader=n;

package/reactjs/components/base/MxCircleLoader/MxCircleLoader.mjs

@@ -1,26 +1,9 @@
-import { jsx as l } from "react/jsx-runtime";
-import { mxClsx as i } from "../../../utils/mxClsx.mjs";
-const t = ({
-  containerClassName: r = "",
-  spinnerClassName: e = ""
-}) => /* @__PURE__ */ l(
-  "div",
-  {
-    className: i(
-      "liq-flex liq-h-full liq-w-full liq-items-center liq-justify-center",
-      r
-    ),
-    children: /* @__PURE__ */ l(
-      "div",
-      {
-        className: i(
-          "liq-loader liq-inline-block liq-h-10 liq-w-10 liq-animate-spin liq-rounded-full liq-border-4 liq-border-primary-400 liq-border-t-neutral-850",
-          e
-        )
-      }
-    )
-  }
-);
-export {
-  t as MxCircleLoader
-};
+import { mxClsx as e } from "../../../utils/mxClsx.mjs";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/reactjs/components/base/MxCircleLoader/MxCircleLoader.tsx
+var n = ({ containerClassName: n = "", spinnerClassName: r = "" }) => /* @__PURE__ */ t("div", {
+	className: e("liq-flex liq-h-full liq-w-full liq-items-center liq-justify-center", n),
+	children: /* @__PURE__ */ t("div", { className: e("liq-loader liq-inline-block liq-h-10 liq-w-10 liq-animate-spin liq-rounded-full liq-border-4 liq-border-primary-400 liq-border-t-neutral-850", r) })
+});
+//#endregion
+export { n as MxCircleLoader };

package/reactjs/components/base/MxCircleLoader/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MxCircleLoader.js");exports.MxCircleLoader=e.MxCircleLoader;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./MxCircleLoader.js");exports.MxCircleLoader=e.MxCircleLoader;

package/reactjs/components/base/MxCircleLoader/index.mjs

@@ -1,4 +1,2 @@
-import { MxCircleLoader as o } from "./MxCircleLoader.mjs";
-export {
-  o as MxCircleLoader
-};
+import { MxCircleLoader as e } from "./MxCircleLoader.mjs";
+export { e as MxCircleLoader };

package/reactjs/components/base/MxLink/MxLink.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode, HTMLAttributeAnchorTarget } from 'react';
-
 export type MxLinkVariantType = 'primary-300' | 'green-300' | 'neutral-100' | 'neutral-200' | 'neutral-300' | 'neutral-400' | 'neutral-500' | 'neutral-750' | 'button-neutral-50' | 'button-neutral-600' | 'button-neutral-700' | 'button-neutral-750' | 'button-neutral-800' | 'button-neutral-850' | 'button-primary' | 'button-primary-300' | 'button-translucent';
 interface MxLinkType {
     to: string;

package/reactjs/components/base/MxLink/MxLink.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare"),s=require("@fortawesome/react-fontawesome"),b=require("react"),p=require("../../../utils/mxClsx.js"),h=b.forwardRef((q,o)=>{const{disabled:a,children:u,className:x,showExternalIcon:l=!0,variant:e="neutral-100",...r}=q,t=!!r.target,i=t?"noopener noreferrer nofollow":void 0;return n.jsxs("a",{target:"",ref:o,...r,...i?{rel:i}:{},className:p.mxClsx("focus-primary liq-rounded-xl liq-font-semibold liq-no-underline liq-transition-colors liq-duration-200",{"liq-text-primary-300 hover:liq-text-primary-200":e==="primary-300","liq-text-green-300 hover:liq-text-green-200":e==="green-300","liq-text-neutral-100 hover:liq-text-white":e==="neutral-100","liq-text-neutral-200 hover:liq-text-white":e==="neutral-200","liq-text-neutral-300 hover:liq-text-white":e==="neutral-300","liq-text-neutral-400 hover:liq-text-white":e==="neutral-400","liq-text-neutral-500 hover:liq-text-white":e==="neutral-500","liq-text-neutral-750 hover:liq-text-white":e==="neutral-750"},{"liq-bg-neutral-600 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-500":e==="button-neutral-600","liq-bg-neutral-700 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-[#3B3D48] hover:liq-bg-opacity-80":e==="button-neutral-700","liq-bg-neutral-750 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-650":e==="button-neutral-750","liq-bg-neutral-800 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-700":e==="button-neutral-800","liq-bg-neutral-850 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-800":e==="button-neutral-850","liq-bg-primary liq-px-4 liq-py-2 liq-text-center hover:liq-bg-[#1E65E7] hover:liq-bg-opacity-80":e==="button-primary","liq-bg-primary-300 liq-px-4 liq-py-2 liq-text-center liq-text-black hover:liq-bg-primary-200":e==="button-primary-300","liq-bg-neutral-50 liq-px-4 liq-py-2 liq-text-center liq-text-black hover:liq-bg-opacity-80":e==="button-neutral-50","liq-bg-white/5 liq-px-4 liq-py-2 liq-text-center liq-text-neutral-50 hover:liq-bg-white/10":e==="button-translucent"},{"liq-flex liq-items-center":t&&l},{"liq-pointer-events-none liq-opacity-50":a},x),children:[u,t&&l&&n.jsx(s.FontAwesomeIcon,{size:"sm",icon:c.faArrowUpRightFromSquare,className:"liq-ml-1"})]})});exports.MxLink=h;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../utils/mxClsx.js");let t=require("react/jsx-runtime"),n=require("react"),r=require("@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare"),i=require("@fortawesome/react-fontawesome");var a=(0,n.forwardRef)((n,a)=>{let{disabled:o,children:s,className:c,showExternalIcon:l=!0,variant:u=`neutral-100`,...d}=n,f=!!d.target,p=f?`noopener noreferrer nofollow`:void 0;return(0,t.jsxs)(`a`,{target:``,ref:a,...d,...p?{rel:p}:{},className:e.mxClsx(`focus-primary liq-rounded-xl liq-font-semibold liq-no-underline liq-transition-colors liq-duration-200`,{"liq-text-primary-300 hover:liq-text-primary-200":u===`primary-300`,"liq-text-green-300 hover:liq-text-green-200":u===`green-300`,"liq-text-neutral-100 hover:liq-text-white":u===`neutral-100`,"liq-text-neutral-200 hover:liq-text-white":u===`neutral-200`,"liq-text-neutral-300 hover:liq-text-white":u===`neutral-300`,"liq-text-neutral-400 hover:liq-text-white":u===`neutral-400`,"liq-text-neutral-500 hover:liq-text-white":u===`neutral-500`,"liq-text-neutral-750 hover:liq-text-white":u===`neutral-750`},{"liq-bg-neutral-600 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-500":u===`button-neutral-600`,"liq-bg-neutral-700 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-[#3B3D48] hover:liq-bg-opacity-80":u===`button-neutral-700`,"liq-bg-neutral-750 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-650":u===`button-neutral-750`,"liq-bg-neutral-800 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-700":u===`button-neutral-800`,"liq-bg-neutral-850 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-800":u===`button-neutral-850`,"liq-bg-primary liq-px-4 liq-py-2 liq-text-center hover:liq-bg-[#1E65E7] hover:liq-bg-opacity-80":u===`button-primary`,"liq-bg-primary-300 liq-px-4 liq-py-2 liq-text-center liq-text-black hover:liq-bg-primary-200":u===`button-primary-300`,"liq-bg-neutral-50 liq-px-4 liq-py-2 liq-text-center liq-text-black hover:liq-bg-opacity-80":u===`button-neutral-50`,"liq-bg-white/5 liq-px-4 liq-py-2 liq-text-center liq-text-neutral-50 hover:liq-bg-white/10":u===`button-translucent`},{"liq-flex liq-items-center":f&&l},{"liq-pointer-events-none liq-opacity-50":o},c),children:[s,f&&l&&(0,t.jsx)(i.FontAwesomeIcon,{size:`sm`,icon:r.faArrowUpRightFromSquare,className:`liq-ml-1`})]})});exports.MxLink=a;

package/reactjs/components/base/MxLink/MxLink.mjs

@@ -1,68 +1,42 @@
-import { jsxs as x, jsx as p } from "react/jsx-runtime";
-import { faArrowUpRightFromSquare as b } from "@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare";
-import { FontAwesomeIcon as c } from "@fortawesome/react-fontawesome";
-import { forwardRef as h } from "react";
-import { mxClsx as m } from "../../../utils/mxClsx.mjs";
-const w = h(
-  (n, q) => {
-    const {
-      disabled: o,
-      children: a,
-      className: u,
-      showExternalIcon: l = !0,
-      variant: t = "neutral-100",
-      ...r
-    } = n, e = !!r.target, i = e ? "noopener noreferrer nofollow" : void 0;
-    return /* @__PURE__ */ x(
-      "a",
-      {
-        target: "",
-        ref: q,
-        ...r,
-        ...i ? { rel: i } : {},
-        className: m(
-          "focus-primary liq-rounded-xl liq-font-semibold liq-no-underline liq-transition-colors liq-duration-200",
-          {
-            "liq-text-primary-300 hover:liq-text-primary-200": t === "primary-300",
-            "liq-text-green-300 hover:liq-text-green-200": t === "green-300",
-            "liq-text-neutral-100 hover:liq-text-white": t === "neutral-100",
-            "liq-text-neutral-200 hover:liq-text-white": t === "neutral-200",
-            "liq-text-neutral-300 hover:liq-text-white": t === "neutral-300",
-            "liq-text-neutral-400 hover:liq-text-white": t === "neutral-400",
-            "liq-text-neutral-500 hover:liq-text-white": t === "neutral-500",
-            "liq-text-neutral-750 hover:liq-text-white": t === "neutral-750"
-          },
-          // button
-          {
-            "liq-bg-neutral-600 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-500": t === "button-neutral-600",
-            "liq-bg-neutral-700 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-[#3B3D48] hover:liq-bg-opacity-80": t === "button-neutral-700",
-            "liq-bg-neutral-750 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-650": t === "button-neutral-750",
-            "liq-bg-neutral-800 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-700": t === "button-neutral-800",
-            "liq-bg-neutral-850 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-800": t === "button-neutral-850",
-            "liq-bg-primary liq-px-4 liq-py-2 liq-text-center hover:liq-bg-[#1E65E7] hover:liq-bg-opacity-80": t === "button-primary",
-            "liq-bg-primary-300 liq-px-4 liq-py-2 liq-text-center liq-text-black hover:liq-bg-primary-200": t === "button-primary-300",
-            "liq-bg-neutral-50 liq-px-4 liq-py-2 liq-text-center liq-text-black hover:liq-bg-opacity-80": t === "button-neutral-50",
-            "liq-bg-white/5 liq-px-4 liq-py-2 liq-text-center liq-text-neutral-50 hover:liq-bg-white/10": t === "button-translucent"
-          },
-          { "liq-flex liq-items-center": e && l },
-          { "liq-pointer-events-none liq-opacity-50": o },
-          u
-        ),
-        children: [
-          a,
-          e && l && /* @__PURE__ */ p(
-            c,
-            {
-              size: "sm",
-              icon: b,
-              className: "liq-ml-1"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  w as MxLink
-};
+import { mxClsx as e } from "../../../utils/mxClsx.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { faArrowUpRightFromSquare as i } from "@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare";
+import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
+//#region src/reactjs/components/base/MxLink/MxLink.tsx
+var o = r((r, o) => {
+	let { disabled: s, children: c, className: l, showExternalIcon: u = !0, variant: d = "neutral-100", ...f } = r, p = !!f.target, m = p ? "noopener noreferrer nofollow" : void 0;
+	return /* @__PURE__ */ n("a", {
+		target: "",
+		ref: o,
+		...f,
+		...m ? { rel: m } : {},
+		className: e("focus-primary liq-rounded-xl liq-font-semibold liq-no-underline liq-transition-colors liq-duration-200", {
+			"liq-text-primary-300 hover:liq-text-primary-200": d === "primary-300",
+			"liq-text-green-300 hover:liq-text-green-200": d === "green-300",
+			"liq-text-neutral-100 hover:liq-text-white": d === "neutral-100",
+			"liq-text-neutral-200 hover:liq-text-white": d === "neutral-200",
+			"liq-text-neutral-300 hover:liq-text-white": d === "neutral-300",
+			"liq-text-neutral-400 hover:liq-text-white": d === "neutral-400",
+			"liq-text-neutral-500 hover:liq-text-white": d === "neutral-500",
+			"liq-text-neutral-750 hover:liq-text-white": d === "neutral-750"
+		}, {
+			"liq-bg-neutral-600 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-500": d === "button-neutral-600",
+			"liq-bg-neutral-700 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-[#3B3D48] hover:liq-bg-opacity-80": d === "button-neutral-700",
+			"liq-bg-neutral-750 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-650": d === "button-neutral-750",
+			"liq-bg-neutral-800 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-700": d === "button-neutral-800",
+			"liq-bg-neutral-850 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-800": d === "button-neutral-850",
+			"liq-bg-primary liq-px-4 liq-py-2 liq-text-center hover:liq-bg-[#1E65E7] hover:liq-bg-opacity-80": d === "button-primary",
+			"liq-bg-primary-300 liq-px-4 liq-py-2 liq-text-center liq-text-black hover:liq-bg-primary-200": d === "button-primary-300",
+			"liq-bg-neutral-50 liq-px-4 liq-py-2 liq-text-center liq-text-black hover:liq-bg-opacity-80": d === "button-neutral-50",
+			"liq-bg-white/5 liq-px-4 liq-py-2 liq-text-center liq-text-neutral-50 hover:liq-bg-white/10": d === "button-translucent"
+		}, { "liq-flex liq-items-center": p && u }, { "liq-pointer-events-none liq-opacity-50": s }, l),
+		children: [c, p && u && /* @__PURE__ */ t(a, {
+			size: "sm",
+			icon: i,
+			className: "liq-ml-1"
+		})]
+	});
+});
+//#endregion
+export { o as MxLink };

package/reactjs/components/base/MxLink/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MxLink.js");exports.MxLink=e.MxLink;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./MxLink.js");exports.MxLink=e.MxLink;

package/reactjs/components/base/MxLink/index.mjs

@@ -1,4 +1,2 @@
-import { MxLink as x } from "./MxLink.mjs";
-export {
-  x as MxLink
-};
+import { MxLink as e } from "./MxLink.mjs";
+export { e as MxLink };

package/reactjs/components/base/MxSearch/MxSearch.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("@fortawesome/free-solid-svg-icons/faClose"),b=require("@fortawesome/free-solid-svg-icons/faSearch"),a=require("@fortawesome/react-fontawesome"),t=require("react"),C=require("../../../hooks/useDebounce.js"),i=require("../../../utils/mxClsx.js"),g=t.forwardRef((r,u)=>{const{iconsClassName:n="",inputClassName:c="",containerClassName:q="",placeholder:m="Search by name or symbol",inputDefaultValue:x="",onChange:p}=r,[l,o]=t.useState(x),s=C.useDebounce(l,200),d=()=>o("");return t.useEffect(()=>p(s),[s]),e.jsxs("div",{className:`liq-relative liq-flex liq-flex-1 liq-items-center  ${q}`,children:[e.jsx(a.FontAwesomeIcon,{icon:b.faSearch,className:i.mxClsx("liq-pointer-events-none liq-absolute liq-inset-4 liq-top-1/3 liq-h-4 liq-w-4 liq-items-center liq-text-neutral-300",n)}),e.jsx("input",{value:l,onChange:f=>o(f.target.value),placeholder:m,className:i.mxClsx("focus-primary liq-text-medium placeholder:liq-font-medium liq-flex liq-w-full liq-gap-2 liq-rounded-xl liq-border liq-border-neutral-800 liq-bg-neutral-900 liq-px-11 liq-py-2 placeholder:liq-text-neutral-300",c),tabIndex:1,ref:u}),!!l&&e.jsx(a.FontAwesomeIcon,{icon:h.faClose,onClick:d,className:i.mxClsx("liq-absolute liq-inset-4 liq-left-auto liq-top-1/3 liq-h-4 liq-w-4 liq-cursor-pointer liq-items-center liq-text-neutral-300 liq-transition-colors liq-duration-200 hover:liq-text-neutral-400",n)})]})});exports.MxSearch=g;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../utils/mxClsx.js"),t=require("../../../hooks/useDebounce.js");let n=require("react/jsx-runtime"),r=require("react"),i=require("@fortawesome/react-fontawesome"),a=require("@fortawesome/free-solid-svg-icons/faClose"),o=require("@fortawesome/free-solid-svg-icons/faSearch");var s=(0,r.forwardRef)((s,c)=>{let{iconsClassName:l=``,inputClassName:u=``,containerClassName:d=``,placeholder:f=`Search by name or symbol`,inputDefaultValue:p=``,onChange:m}=s,[h,g]=(0,r.useState)(p),_=t.useDebounce(h,200);return(0,r.useEffect)(()=>m(_),[_]),(0,n.jsxs)(`div`,{className:`liq-relative liq-flex liq-flex-1 liq-items-center  ${d}`,children:[(0,n.jsx)(i.FontAwesomeIcon,{icon:o.faSearch,className:e.mxClsx(`liq-pointer-events-none liq-absolute liq-inset-4 liq-top-1/3 liq-h-4 liq-w-4 liq-items-center liq-text-neutral-300`,l)}),(0,n.jsx)(`input`,{value:h,onChange:e=>g(e.target.value),placeholder:f,className:e.mxClsx(`focus-primary liq-text-medium placeholder:liq-font-medium liq-flex liq-w-full liq-gap-2 liq-rounded-xl liq-border liq-border-neutral-800 liq-bg-neutral-900 liq-px-11 liq-py-2 placeholder:liq-text-neutral-300`,u),tabIndex:1,ref:c}),!!h&&(0,n.jsx)(i.FontAwesomeIcon,{icon:a.faClose,onClick:()=>g(``),className:e.mxClsx(`liq-absolute liq-inset-4 liq-left-auto liq-top-1/3 liq-h-4 liq-w-4 liq-cursor-pointer liq-items-center liq-text-neutral-300 liq-transition-colors liq-duration-200 hover:liq-text-neutral-400`,l)})]})});exports.MxSearch=s;