@multiversx/sdk-dapp-liquidity 2.0.0 → 2.1.0-alpha.1

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

@@ -1,62 +1,60 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { forwardRef } from "react";
-import { mxClsx } from "../../../utils/mxClsx.mjs";
-const MxLink = forwardRef(
-  (props, ref) => {
+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,
-      children,
-      className,
-      showExternalIcon = true,
-      variant = "neutral-100",
-      ...rest
-    } = props;
-    const isExternal = Boolean(rest.target);
-    const rel = isExternal ? "noopener noreferrer nofollow" : void 0;
-    return /* @__PURE__ */ jsxs(
+      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,
-        ...rest,
-        ...rel ? { rel } : {},
-        className: mxClsx(
+        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": variant === "primary-300",
-            "liq-text-green-300 hover:liq-text-green-200": variant === "green-300",
-            "liq-text-neutral-100 hover:liq-text-white": variant === "neutral-100",
-            "liq-text-neutral-200 hover:liq-text-white": variant === "neutral-200",
-            "liq-text-neutral-300 hover:liq-text-white": variant === "neutral-300",
-            "liq-text-neutral-400 hover:liq-text-white": variant === "neutral-400",
-            "liq-text-neutral-500 hover:liq-text-white": variant === "neutral-500",
-            "liq-text-neutral-750 hover:liq-text-white": variant === "neutral-750"
+            "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": variant === "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": variant === "button-neutral-700",
-            "liq-bg-neutral-750 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-650": variant === "button-neutral-750",
-            "liq-bg-neutral-800 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-700": variant === "button-neutral-800",
-            "liq-bg-neutral-850 liq-px-4 liq-py-2 liq-text-center hover:liq-bg-neutral-800": variant === "button-neutral-850",
-            "liq-bg-primary liq-px-4 liq-py-2 liq-text-center hover:liq-bg-[#1E65E7] hover:liq-bg-opacity-80": variant === "button-primary",
-            "liq-bg-primary-300 liq-px-4 liq-py-2 liq-text-center liq-text-black hover:liq-bg-primary-200": variant === "button-primary-300",
-            "liq-bg-neutral-50 liq-px-4 liq-py-2 liq-text-center liq-text-black hover:liq-bg-opacity-80": variant === "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": variant === "button-translucent"
+            "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": isExternal && showExternalIcon },
-          { "liq-pointer-events-none liq-opacity-50": disabled },
-          className
+          { "liq-flex liq-items-center": e && l },
+          { "liq-pointer-events-none liq-opacity-50": o },
+          u
         ),
         children: [
-          children,
-          isExternal && showExternalIcon && /* @__PURE__ */ jsx(
-            FontAwesomeIcon,
+          a,
+          e && l && /* @__PURE__ */ p(
+            c,
             {
               size: "sm",
-              icon: faArrowUpRightFromSquare,
+              icon: b,
               className: "liq-ml-1"
             }
           )
@@ -66,5 +64,5 @@ const MxLink = forwardRef(
   }
 );
 export {
-  MxLink
+  w as MxLink
 };

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

@@ -1,5 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactjs_components_base_MxLink_MxLink = require("./MxLink.js");
-exports.MxLink = reactjs_components_base_MxLink_MxLink.MxLink;
+"use strict";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,4 @@
-import { MxLink } from "./MxLink.mjs";
+import { MxLink as x } from "./MxLink.mjs";
 export {
-  MxLink
+  x as MxLink
 };

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

@@ -1,70 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const faClose = require("@fortawesome/free-solid-svg-icons/faClose");
-const faSearch = require("@fortawesome/free-solid-svg-icons/faSearch");
-const reactFontawesome = require("@fortawesome/react-fontawesome");
-const React = require("react");
-const reactjs_hooks_useDebounce = require("../../../hooks/useDebounce.js");
-const reactjs_utils_mxClsx = require("../../../utils/mxClsx.js");
-const MxSearch = React.forwardRef(
-  (props, ref) => {
-    const {
-      iconsClassName = "",
-      inputClassName = "",
-      containerClassName = "",
-      placeholder = "Search by name or symbol",
-      inputDefaultValue = "",
-      onChange
-    } = props;
-    const [inputValue, setInputValue] = React.useState(inputDefaultValue);
-    const onDebounceInputChange = reactjs_hooks_useDebounce.useDebounce(inputValue, 200);
-    const onClear = () => setInputValue("");
-    React.useEffect(() => onChange(onDebounceInputChange), [onDebounceInputChange]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: `liq-relative liq-flex liq-flex-1 liq-items-center  ${containerClassName}`,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            reactFontawesome.FontAwesomeIcon,
-            {
-              icon: faSearch.faSearch,
-              className: reactjs_utils_mxClsx.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",
-                iconsClassName
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              value: inputValue,
-              onChange: (val) => setInputValue(val.target.value),
-              placeholder,
-              className: reactjs_utils_mxClsx.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",
-                inputClassName
-              ),
-              tabIndex: 1,
-              ref
-            }
-          ),
-          Boolean(inputValue) && /* @__PURE__ */ jsxRuntime.jsx(
-            reactFontawesome.FontAwesomeIcon,
-            {
-              icon: faClose.faClose,
-              onClick: onClear,
-              className: reactjs_utils_mxClsx.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",
-                iconsClassName
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-exports.MxSearch = MxSearch;
+"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;

package/reactjs/components/base/MxSearch/MxSearch.mjs

@@ -1,61 +1,57 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { faClose } from "@fortawesome/free-solid-svg-icons/faClose";
-import { faSearch } from "@fortawesome/free-solid-svg-icons/faSearch";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { forwardRef, useState, useEffect } from "react";
-import { useDebounce } from "../../../hooks/useDebounce.mjs";
-import { mxClsx } from "../../../utils/mxClsx.mjs";
-const MxSearch = forwardRef(
-  (props, ref) => {
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { faClose as h } from "@fortawesome/free-solid-svg-icons/faClose";
+import { faSearch as b } from "@fortawesome/free-solid-svg-icons/faSearch";
+import { FontAwesomeIcon as n } from "@fortawesome/react-fontawesome";
+import { forwardRef as C, useState as N, useEffect as g } from "react";
+import { useDebounce as v } from "../../../hooks/useDebounce.mjs";
+import { mxClsx as i } from "../../../utils/mxClsx.mjs";
+const k = C(
+  (a, s) => {
     const {
-      iconsClassName = "",
-      inputClassName = "",
-      containerClassName = "",
-      placeholder = "Search by name or symbol",
-      inputDefaultValue = "",
-      onChange
-    } = props;
-    const [inputValue, setInputValue] = useState(inputDefaultValue);
-    const onDebounceInputChange = useDebounce(inputValue, 200);
-    const onClear = () => setInputValue("");
-    useEffect(() => onChange(onDebounceInputChange), [onDebounceInputChange]);
-    return /* @__PURE__ */ jsxs(
+      iconsClassName: t = "",
+      inputClassName: q = "",
+      containerClassName: u = "",
+      placeholder: m = "Search by name or symbol",
+      inputDefaultValue: c = "",
+      onChange: p
+    } = a, [e, o] = N(c), r = v(e, 200), f = () => o("");
+    return g(() => p(r), [r]), /* @__PURE__ */ d(
       "div",
       {
-        className: `liq-relative liq-flex liq-flex-1 liq-items-center  ${containerClassName}`,
+        className: `liq-relative liq-flex liq-flex-1 liq-items-center  ${u}`,
         children: [
-          /* @__PURE__ */ jsx(
-            FontAwesomeIcon,
+          /* @__PURE__ */ l(
+            n,
             {
-              icon: faSearch,
-              className: mxClsx(
+              icon: b,
+              className: i(
                 "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",
-                iconsClassName
+                t
               )
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ l(
             "input",
             {
-              value: inputValue,
-              onChange: (val) => setInputValue(val.target.value),
-              placeholder,
-              className: mxClsx(
+              value: e,
+              onChange: (x) => o(x.target.value),
+              placeholder: m,
+              className: i(
                 "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",
-                inputClassName
+                q
               ),
               tabIndex: 1,
-              ref
+              ref: s
             }
           ),
-          Boolean(inputValue) && /* @__PURE__ */ jsx(
-            FontAwesomeIcon,
+          !!e && /* @__PURE__ */ l(
+            n,
             {
-              icon: faClose,
-              onClick: onClear,
-              className: mxClsx(
+              icon: h,
+              onClick: f,
+              className: i(
                 "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",
-                iconsClassName
+                t
               )
             }
           )
@@ -65,5 +61,5 @@ const MxSearch = forwardRef(
   }
 );
 export {
-  MxSearch
+  k as MxSearch
 };

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

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

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

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

package/reactjs/components/base/MxSlideover/MxSlideover.js

@@ -1,79 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const faClose = require("@fortawesome/free-solid-svg-icons/faClose");
-const reactFontawesome = require("@fortawesome/react-fontawesome");
-const react = require("@headlessui/react");
-const React = require("react");
-const reactjs_utils_mxClsx = require("../../../utils/mxClsx.js");
-const reactjs_components_base_MxButton_MxButton = require("../MxButton/MxButton.js");
-const MxSlideover = ({
-  show,
-  children,
-  size,
-  className = "",
-  onClose
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Transition.Root, { show, as: React.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(react.Dialog, { as: "div", className: "liq-relative liq-z-30", onClose, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      react.Transition.Child,
-      {
-        as: React.Fragment,
-        enter: "liq-ease-in-out liq-duration-150",
-        enterFrom: "liq-opacity-0",
-        enterTo: "liq-opacity-100",
-        leave: "liq-ease-in-out liq-duration-150",
-        leaveFrom: "liq-opacity-100",
-        leaveTo: "liq-opacity-0",
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-fixed liq-inset-0 liq-bg-neutral-400 liq-bg-opacity-25 liq-backdrop-blur-sm liq- liq-backdrop-filter liq-transition-opacity" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-fixed liq-inset-0 liq-overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-absolute liq-inset-0 liq-overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-pointer-events-none liq-fixed liq-inset-y-0 liq-right-0 liq-flex liq-max-w-full liq-p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-      react.Transition.Child,
-      {
-        as: React.Fragment,
-        enter: "liq-transform liq-transition liq-ease-in-out liq-duration-150",
-        leave: "liq-transform liq-transition liq-ease-in-out liq-duration-150",
-        enterFrom: "liq-translate-y-full lg:liq-translate-y-0 lg:liq-translate-x-full",
-        enterTo: "liq-translate-y-0 lg:liq-translate-x-0",
-        leaveFrom: "liq-translate-y-0 lg:liq-translate-x-0",
-        leaveTo: "liq-translate-y-full lg:liq-translate-y-0 lg:liq-translate-x-full",
-        children: /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.Panel, { className: "liq-pointer-events-auto liq-relative liq-flex liq-w-screen liq-lg:max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: reactjs_utils_mxClsx.mxClsx(
-              "liq-relative liq-flex liq-flex-1 liq-flex-col liq-self-end liq-rounded-3xl liq-bg-neutral-850 liq-p-2 liq-shadow-2xl",
-              {
-                "liq-h-full md:liq-rounded-3xl": size === "h-full",
-                "liq-h-3/5": size === "h-60",
-                "liq-h-2/5": size === "h-40",
-                "liq-h-1/5": size === "h-20"
-              },
-              className
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                reactjs_components_base_MxButton_MxButton.MxButton,
-                {
-                  variant: "transparent",
-                  onClick: onClose,
-                  className: "liq-absolute liq-top-12 liq-right-4 liq-z-30 liq-flex liq-h-10 liq-w-10 liq-items-center liq-justify-center liq-rounded-full liq-border-none liq-bg-neutral-850",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    reactFontawesome.FontAwesomeIcon,
-                    {
-                      icon: faClose.faClose,
-                      className: "liq-h-5 liq-w-5 liq-text-neutral-500"
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "scrollbar-thin liq-overflow-y-scroll", children })
-            ]
-          }
-        ) })
-      }
-    ) }) }) })
-  ] }) });
-};
-exports.MxSlideover = MxSlideover;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),q=require("@fortawesome/free-solid-svg-icons/faClose"),o=require("@fortawesome/react-fontawesome"),i=require("@headlessui/react"),t=require("react"),c=require("../../../utils/mxClsx.js"),d=require("../MxButton/MxButton.js"),u=({show:r,children:n,size:e,className:s="",onClose:a})=>l.jsx(i.Transition.Root,{show:r,as:t.Fragment,children:l.jsxs(i.Dialog,{as:"div",className:"liq-relative liq-z-30",onClose:a,children:[l.jsx(i.Transition.Child,{as:t.Fragment,enter:"liq-ease-in-out liq-duration-150",enterFrom:"liq-opacity-0",enterTo:"liq-opacity-100",leave:"liq-ease-in-out liq-duration-150",leaveFrom:"liq-opacity-100",leaveTo:"liq-opacity-0",children:l.jsx("div",{className:"liq-fixed liq-inset-0 liq-bg-neutral-400 liq-bg-opacity-25 liq-backdrop-blur-sm liq- liq-backdrop-filter liq-transition-opacity"})}),l.jsx("div",{className:"liq-fixed liq-inset-0 liq-overflow-hidden",children:l.jsx("div",{className:"liq-absolute liq-inset-0 liq-overflow-hidden",children:l.jsx("div",{className:"liq-pointer-events-none liq-fixed liq-inset-y-0 liq-right-0 liq-flex liq-max-w-full liq-p-2",children:l.jsx(i.Transition.Child,{as:t.Fragment,enter:"liq-transform liq-transition liq-ease-in-out liq-duration-150",leave:"liq-transform liq-transition liq-ease-in-out liq-duration-150",enterFrom:"liq-translate-y-full lg:liq-translate-y-0 lg:liq-translate-x-full",enterTo:"liq-translate-y-0 lg:liq-translate-x-0",leaveFrom:"liq-translate-y-0 lg:liq-translate-x-0",leaveTo:"liq-translate-y-full lg:liq-translate-y-0 lg:liq-translate-x-full",children:l.jsx(i.Dialog.Panel,{className:"liq-pointer-events-auto liq-relative liq-flex liq-w-screen liq-lg:max-w-md",children:l.jsxs("div",{className:c.mxClsx("liq-relative liq-flex liq-flex-1 liq-flex-col liq-self-end liq-rounded-3xl liq-bg-neutral-850 liq-p-2 liq-shadow-2xl",{"liq-h-full md:liq-rounded-3xl":e==="h-full","liq-h-3/5":e==="h-60","liq-h-2/5":e==="h-40","liq-h-1/5":e==="h-20"},s),children:[l.jsx(d.MxButton,{variant:"transparent",onClick:a,className:"liq-absolute liq-top-12 liq-right-4 liq-z-30 liq-flex liq-h-10 liq-w-10 liq-items-center liq-justify-center liq-rounded-full liq-border-none liq-bg-neutral-850",children:l.jsx(o.FontAwesomeIcon,{icon:q.faClose,className:"liq-h-5 liq-w-5 liq-text-neutral-500"})}),l.jsx("div",{className:"scrollbar-thin liq-overflow-y-scroll",children:n})]})})})})})})]})});exports.MxSlideover=u;

package/reactjs/components/base/MxSlideover/MxSlideover.mjs

@@ -1,78 +1,76 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { faClose } from "@fortawesome/free-solid-svg-icons/faClose";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Transition, Dialog } from "@headlessui/react";
-import { Fragment } from "react";
-import { mxClsx } from "../../../utils/mxClsx.mjs";
-import { MxButton } from "../MxButton/MxButton.mjs";
-const MxSlideover = ({
-  show,
-  children,
-  size,
-  className = "",
-  onClose
-}) => {
-  return /* @__PURE__ */ jsx(Transition.Root, { show, as: Fragment, children: /* @__PURE__ */ jsxs(Dialog, { as: "div", className: "liq-relative liq-z-30", onClose, children: [
-    /* @__PURE__ */ jsx(
-      Transition.Child,
-      {
-        as: Fragment,
-        enter: "liq-ease-in-out liq-duration-150",
-        enterFrom: "liq-opacity-0",
-        enterTo: "liq-opacity-100",
-        leave: "liq-ease-in-out liq-duration-150",
-        leaveFrom: "liq-opacity-100",
-        leaveTo: "liq-opacity-0",
-        children: /* @__PURE__ */ jsx("div", { className: "liq-fixed liq-inset-0 liq-bg-neutral-400 liq-bg-opacity-25 liq-backdrop-blur-sm liq- liq-backdrop-filter liq-transition-opacity" })
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "liq-fixed liq-inset-0 liq-overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "liq-absolute liq-inset-0 liq-overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "liq-pointer-events-none liq-fixed liq-inset-y-0 liq-right-0 liq-flex liq-max-w-full liq-p-2", children: /* @__PURE__ */ jsx(
-      Transition.Child,
-      {
-        as: Fragment,
-        enter: "liq-transform liq-transition liq-ease-in-out liq-duration-150",
-        leave: "liq-transform liq-transition liq-ease-in-out liq-duration-150",
-        enterFrom: "liq-translate-y-full lg:liq-translate-y-0 lg:liq-translate-x-full",
-        enterTo: "liq-translate-y-0 lg:liq-translate-x-0",
-        leaveFrom: "liq-translate-y-0 lg:liq-translate-x-0",
-        leaveTo: "liq-translate-y-full lg:liq-translate-y-0 lg:liq-translate-x-full",
-        children: /* @__PURE__ */ jsx(Dialog.Panel, { className: "liq-pointer-events-auto liq-relative liq-flex liq-w-screen liq-lg:max-w-md", children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: mxClsx(
-              "liq-relative liq-flex liq-flex-1 liq-flex-col liq-self-end liq-rounded-3xl liq-bg-neutral-850 liq-p-2 liq-shadow-2xl",
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+import { faClose as d } from "@fortawesome/free-solid-svg-icons/faClose";
+import { FontAwesomeIcon as m } from "@fortawesome/react-fontawesome";
+import { Transition as e, Dialog as q } from "@headlessui/react";
+import { Fragment as t } from "react";
+import { mxClsx as c } from "../../../utils/mxClsx.mjs";
+import { MxButton as f } from "../MxButton/MxButton.mjs";
+const b = ({
+  show: n,
+  children: o,
+  size: i,
+  className: s = "",
+  onClose: a
+}) => /* @__PURE__ */ l(e.Root, { show: n, as: t, children: /* @__PURE__ */ r(q, { as: "div", className: "liq-relative liq-z-30", onClose: a, children: [
+  /* @__PURE__ */ l(
+    e.Child,
+    {
+      as: t,
+      enter: "liq-ease-in-out liq-duration-150",
+      enterFrom: "liq-opacity-0",
+      enterTo: "liq-opacity-100",
+      leave: "liq-ease-in-out liq-duration-150",
+      leaveFrom: "liq-opacity-100",
+      leaveTo: "liq-opacity-0",
+      children: /* @__PURE__ */ l("div", { className: "liq-fixed liq-inset-0 liq-bg-neutral-400 liq-bg-opacity-25 liq-backdrop-blur-sm liq- liq-backdrop-filter liq-transition-opacity" })
+    }
+  ),
+  /* @__PURE__ */ l("div", { className: "liq-fixed liq-inset-0 liq-overflow-hidden", children: /* @__PURE__ */ l("div", { className: "liq-absolute liq-inset-0 liq-overflow-hidden", children: /* @__PURE__ */ l("div", { className: "liq-pointer-events-none liq-fixed liq-inset-y-0 liq-right-0 liq-flex liq-max-w-full liq-p-2", children: /* @__PURE__ */ l(
+    e.Child,
+    {
+      as: t,
+      enter: "liq-transform liq-transition liq-ease-in-out liq-duration-150",
+      leave: "liq-transform liq-transition liq-ease-in-out liq-duration-150",
+      enterFrom: "liq-translate-y-full lg:liq-translate-y-0 lg:liq-translate-x-full",
+      enterTo: "liq-translate-y-0 lg:liq-translate-x-0",
+      leaveFrom: "liq-translate-y-0 lg:liq-translate-x-0",
+      leaveTo: "liq-translate-y-full lg:liq-translate-y-0 lg:liq-translate-x-full",
+      children: /* @__PURE__ */ l(q.Panel, { className: "liq-pointer-events-auto liq-relative liq-flex liq-w-screen liq-lg:max-w-md", children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: c(
+            "liq-relative liq-flex liq-flex-1 liq-flex-col liq-self-end liq-rounded-3xl liq-bg-neutral-850 liq-p-2 liq-shadow-2xl",
+            {
+              "liq-h-full md:liq-rounded-3xl": i === "h-full",
+              "liq-h-3/5": i === "h-60",
+              "liq-h-2/5": i === "h-40",
+              "liq-h-1/5": i === "h-20"
+            },
+            s
+          ),
+          children: [
+            /* @__PURE__ */ l(
+              f,
               {
-                "liq-h-full md:liq-rounded-3xl": size === "h-full",
-                "liq-h-3/5": size === "h-60",
-                "liq-h-2/5": size === "h-40",
-                "liq-h-1/5": size === "h-20"
-              },
-              className
+                variant: "transparent",
+                onClick: a,
+                className: "liq-absolute liq-top-12 liq-right-4 liq-z-30 liq-flex liq-h-10 liq-w-10 liq-items-center liq-justify-center liq-rounded-full liq-border-none liq-bg-neutral-850",
+                children: /* @__PURE__ */ l(
+                  m,
+                  {
+                    icon: d,
+                    className: "liq-h-5 liq-w-5 liq-text-neutral-500"
+                  }
+                )
+              }
             ),
-            children: [
-              /* @__PURE__ */ jsx(
-                MxButton,
-                {
-                  variant: "transparent",
-                  onClick: onClose,
-                  className: "liq-absolute liq-top-12 liq-right-4 liq-z-30 liq-flex liq-h-10 liq-w-10 liq-items-center liq-justify-center liq-rounded-full liq-border-none liq-bg-neutral-850",
-                  children: /* @__PURE__ */ jsx(
-                    FontAwesomeIcon,
-                    {
-                      icon: faClose,
-                      className: "liq-h-5 liq-w-5 liq-text-neutral-500"
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: "scrollbar-thin liq-overflow-y-scroll", children })
-            ]
-          }
-        ) })
-      }
-    ) }) }) })
-  ] }) });
-};
+            /* @__PURE__ */ l("div", { className: "scrollbar-thin liq-overflow-y-scroll", children: o })
+          ]
+        }
+      ) })
+    }
+  ) }) }) })
+] }) });
 export {
-  MxSlideover
+  b as MxSlideover
 };

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

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

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

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