@dev-blinq/ui-systems 1.0.110 → 1.0.112

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as Fe from "react";
-import mt, { useRef as ot, useState as ve, useEffect as Tt, forwardRef as bi, createElement as si, useContext as Ve, useLayoutEffect as jl, createContext as Ln, useId as No, useInsertionEffect as Vl, useMemo as dn, useCallback as $l, Children as Ed, isValidElement as Sd, Fragment as Ul, Component as wd } from "react";
+import mt, { useRef as ot, useState as Ce, useEffect as Tt, forwardRef as bi, createElement as si, useContext as Ve, useLayoutEffect as jl, createContext as Ln, useId as No, useInsertionEffect as Vl, useMemo as dn, useCallback as $l, Children as Ed, isValidElement as Sd, Fragment as Ul, Component as wd } from "react";
 import { Typography as Ut, Tooltip as Hl, IconButton as nn, Tabs as Bd, Tab as Dd, Box as J, Menu as Td, MenuItem as Lo, Divider as Fd, LinearProgress as Pd, Card as Ns, Dialog as Rd, CircularProgress as kd, styled as zl, Button as Md, TextField as _d, InputAdornment as Ls, Select as Id, FormControl as Od, Checkbox as Nd, FormControlLabel as Ld, Accordion as jd, AccordionSummary as Vd, AccordionDetails as $d, Grid2 as $r, Alert as Ud, ClickAwayListener as Hd, Collapse as zd, CssBaseline as Wd } from "@mui/material";
 import { createSpacing as Kd, unstable_createGetCssVar as Gd, ThemeProvider as Yd, unstable_createCssVarsProvider as qd, StyledEngineProvider as Xd } from "@mui/system";
 import Zd, { internal_serializeStyles as cn, internal_mutateStyles as Jd } from "@mui/styled-engine";
@@ -304,7 +304,7 @@ function th() {
       var vn = D ? D.displayName || D.name : "", en = vn ? z(vn) : "";
       return typeof D == "function" && re.set(D, en), en;
     }
-    function be(D, $, K) {
+    function ve(D, $, K) {
       return W(D, !1);
     }
     function ke(D) {
@@ -327,7 +327,7 @@ function th() {
       if (typeof D == "object")
         switch (D.$$typeof) {
           case u:
-            return be(D.render);
+            return ve(D.render);
           case f:
             return tt(D.type, $, K);
           case d: {
@@ -989,7 +989,7 @@ $o.exports = function(t) {
 $o.exports.currencySymbolMap = ao;
 var sh = $o.exports;
 const ch = /* @__PURE__ */ jo(sh), lh = (e) => {
-  const [t, n] = ve(""), [r, i] = ve("USD"), [a, o] = ve([]), s = mt.useRef(null);
+  const [t, n] = Ce(""), [r, i] = Ce("USD"), [a, o] = Ce([]), s = mt.useRef(null);
   Tt(() => {
     const l = [...new Set(Object.values(Vo).map((f) => f.currency))];
     o(l);
@@ -1515,7 +1515,7 @@ const Wh = [
   counterVisibility: i = !0,
   ...a
 }) => {
-  const [o, s] = mt.useState(""), [u, c] = ve(a.rows || 8), l = (f) => {
+  const [o, s] = mt.useState(""), [u, c] = Ce(a.rows || 8), l = (f) => {
     c((d) => {
       const p = f === "down" ? d + 1 : d - 1;
       return p < 2 ? 2 : p;
@@ -1590,7 +1590,7 @@ const Wh = [
   children: n,
   ...r
 }) => {
-  const [i, a] = ve(r.defaultChecked || !1), o = () => {
+  const [i, a] = Ce(r.defaultChecked || !1), o = () => {
     a(!i), r.onChange && r.onChange();
   };
   return /* @__PURE__ */ E.jsxs("label", { className: "blinq-checkbox", children: [
@@ -1614,7 +1614,7 @@ const Wh = [
   children: n,
   ...r
 }) => {
-  const [i, a] = ve(r.checked || !1), o = () => {
+  const [i, a] = Ce(r.checked || !1), o = () => {
     a(!i), r.onChange && r.onChange();
   };
   return /* @__PURE__ */ E.jsxs("label", { className: "blinq-radio-button", children: [
@@ -2868,7 +2868,7 @@ const l1 = G(({ className: e, ...t }) => /* @__PURE__ */ E.jsx(Hl, { ...t, class
   }
 }));
 function su(e) {
-  const { placement: t = "bottom-start", enterDelay: n = 800, enterNextDelay: r = 800, textId: i, ...a } = e, [o, s] = ve(!1);
+  const { placement: t = "bottom-start", enterDelay: n = 800, enterNextDelay: r = 800, textId: i, ...a } = e, [o, s] = Ce(!1);
   return c1(() => {
     if (i) {
       const c = document.getElementById(i), l = (c == null ? void 0 : c.scrollWidth) || 0, f = (c == null ? void 0 : c.clientWidth) || 0, d = (c == null ? void 0 : c.scrollHeight) || 0, p = (c == null ? void 0 : c.clientHeight) || 0, x = l > f || d > p;
@@ -3895,8 +3895,8 @@ function R1() {
     }
     function C(W) {
       if (typeof W == "object" && W !== null) {
-        var be = W.$$typeof;
-        switch (be) {
+        var ve = W.$$typeof;
+        switch (ve) {
           case t:
             var ke = W.type;
             switch (ke) {
@@ -3917,11 +3917,11 @@ function R1() {
                   case o:
                     return tt;
                   default:
-                    return be;
+                    return ve;
                 }
             }
           case n:
-            return be;
+            return ve;
         }
       }
     }
@@ -4146,11 +4146,11 @@ function _1() {
             );
             throw W.name = "Invariant Violation", W;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var be = z + ":" + Z;
-            !F[be] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var ve = z + ":" + Z;
+            !F[ve] && // Avoid spamming the console because they are often not actionable except for lib authors
             O < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + re + "` prop on `" + z + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), F[be] = !0, O++);
+            ), F[ve] = !0, O++);
           }
         }
         return V[Z] == null ? j ? V[Z] === null ? new h("The " + ie + " `" + re + "` is marked as required " + ("in `" + z + "`, but its value is `null`.")) : new h("The " + ie + " `" + re + "` is marked as required in " + ("`" + z + "`, but its value is `undefined`.")) : null : N(V, Z, z, ie, re);
@@ -4235,8 +4235,8 @@ function _1() {
           if (x(Z, N[z]))
             return null;
         var ie = JSON.stringify(N, function(Re, W) {
-          var be = X(W);
-          return be === "symbol" ? String(W) : W;
+          var ve = X(W);
+          return ve === "symbol" ? String(W) : W;
         });
         return new h("Invalid " + j + " `" + V + "` of value `" + String(Z) + "` " + ("supplied to `" + M + "`, expected one of " + ie + "."));
       }
@@ -4276,8 +4276,8 @@ function _1() {
             return null;
           W.data && r(W.data, "expectedType") && ie.push(W.data.expectedType);
         }
-        var be = ie.length > 0 ? ", expected one of type [" + ie.join(", ") + "]" : "";
-        return new h("Invalid " + Z + " `" + z + "` supplied to " + ("`" + V + "`" + be + "."));
+        var ve = ie.length > 0 ? ", expected one of type [" + ie.join(", ") + "]" : "";
+        return new h("Invalid " + Z + " `" + z + "` supplied to " + ("`" + V + "`" + ve + "."));
       }
       return v(I);
     }
@@ -5585,10 +5585,10 @@ function gu(e, t) {
   });
 }
 const Wx = 0.2, Kx = 0.14, Gx = 0.12;
-function Ce(...e) {
+function be(...e) {
   return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Wx})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Kx})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Gx})`].join(",");
 }
-const Yx = ["none", Ce(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), Ce(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), Ce(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), Ce(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), Ce(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), Ce(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), Ce(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), Ce(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), Ce(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), Ce(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), Ce(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), Ce(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), Ce(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), Ce(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), Ce(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), Ce(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), Ce(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), Ce(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), Ce(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), Ce(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), Ce(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), Ce(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), Ce(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), Ce(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], qx = {
+const Yx = ["none", be(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), be(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), be(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), be(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), be(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), be(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), be(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), be(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), be(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), be(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), be(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), be(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), be(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), be(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), be(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), be(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), be(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), be(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), be(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), be(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), be(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), be(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), be(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), be(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], qx = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -6395,7 +6395,7 @@ const w0 = Am(Pd)(({ theme: e }) => ({
   /* @__PURE__ */ E.jsx(Gr, { size: 16 }),
   /* @__PURE__ */ E.jsx(Gr, { size: 16 })
 ], F6 = ({ noDialog: e }) => {
-  const [t, n] = ve(0), [r, i] = ve(1), a = 4;
+  const [t, n] = Ce(0), [r, i] = Ce(1), a = 4;
   return Tt(() => {
     const o = setInterval(() => {
       n((s) => {
@@ -6696,7 +6696,7 @@ function Km({
   size: A = "small",
   id: S
 }) {
-  const [w, T] = ve(!1), [k, m] = ve(null), [B, R] = ve(""), [P, U] = ve(!1), [H, q] = ve(""), X = (j) => {
+  const [w, T] = Ce(!1), [k, m] = Ce(null), [B, R] = Ce(""), [P, U] = Ce(!1), [H, q] = Ce(""), X = (j) => {
     t(j.target.value);
   }, Q = (j, V, Z) => {
     d ? (r == null || r(V, V), I(!1)) : (j.stopPropagation(), m(V), R(Z));
@@ -6980,7 +6980,7 @@ const Gm = G(Nd)`
   }
 `;
 function P6(e) {
-  const { label: t, onClick: n, ...r } = e, [i, a] = ve(r.defaultChecked || !1), o = (s) => {
+  const { label: t, onClick: n, ...r } = e, [i, a] = Ce(r.defaultChecked || !1), o = (s) => {
     a(s), n && n(s);
   };
   return /* @__PURE__ */ E.jsx(
@@ -7093,9 +7093,10 @@ const Zm = G.div`
   ParamErrors: r,
   removeParameter: i,
   dataSet: a,
-  disabledEdit: o
+  disabledEdit: o,
+  isMainApp: s
 }) => /* @__PURE__ */ E.jsxs(J, { width: "100%", display: "flex", flexDirection: "column", p: 1, children: [
-  a && /* @__PURE__ */ E.jsx(J, { mb: 3, mt: 2, children: /* @__PURE__ */ E.jsx(
+  a && /* @__PURE__ */ E.jsx(J, { mb: "8px", mt: "4px", children: /* @__PURE__ */ E.jsx(
     Km,
     {
       noInlineAction: !0,
@@ -7108,24 +7109,26 @@ const Zm = G.div`
       id: "data-set-select-scenario"
     }
   ) }),
-  /* @__PURE__ */ E.jsx(Qm, { children: t.map((s, u) => /* @__PURE__ */ E.jsx(E.Fragment, { children: /* @__PURE__ */ E.jsx(
+  /* @__PURE__ */ E.jsx(Qm, { children: t.map((u, c) => /* @__PURE__ */ E.jsx(E.Fragment, { children: /* @__PURE__ */ E.jsx(
     ig,
     {
-      ...s,
-      index: u,
+      ...u,
+      index: c,
       onChangeValue: n,
       ParamErrors: r,
       onDelete: i,
-      disabledEdit: o
+      disabledEdit: o,
+      isMainApp: s
     }
-  ) }, u)) }),
+  ) }, c)) }),
   /* @__PURE__ */ E.jsx(
     Im,
     {
       variant: "outlined",
-      sx: { my: 2 },
+      sx: { mt: 2, mb: s ? 0 : 2 },
       startIcon: /* @__PURE__ */ E.jsx(Jh, {}),
       fullWidth: !0,
+      size: "small",
       onClick: e,
       disabled: o,
       children: "Add Parameter"
@@ -7142,23 +7145,24 @@ const Zm = G.div`
     mask: s,
     disabled: u,
     ParamErrors: c,
-    disabledEdit: l
-  } = e, f = ot(null), [d, p] = ve(!1);
+    disabledEdit: l,
+    isMainApp: f
+  } = e, d = ot(null), [p, x] = Ce(!1);
   Tt(() => {
-    var b;
-    (b = f.current) == null || b.scrollIntoView({ behavior: "smooth", block: "nearest" });
+    var y;
+    !f && ((y = d.current) == null || y.scrollIntoView({ behavior: "smooth", block: "nearest" }));
   }, []);
-  const x = () => {
-    p(!d);
-  }, h = ot(null), v = ot(null);
-  return /* @__PURE__ */ E.jsxs(J, { ref: f, display: "flex", width: "100%", flexDirection: "column", children: [
+  const h = () => {
+    x(!p);
+  }, v = ot(null), b = ot(null);
+  return /* @__PURE__ */ E.jsxs(J, { ref: d, display: "flex", width: "100%", flexDirection: "column", children: [
     /* @__PURE__ */ E.jsxs($r, { sx: { flexGrow: 1 }, container: !0, spacing: 1, children: [
       /* @__PURE__ */ E.jsx($r, { size: 5.4, children: /* @__PURE__ */ E.jsx(
         yr,
         {
-          ref: h,
+          ref: v,
           value: t,
-          onChange: (b) => n == null ? void 0 : n(r, b.target.value, a || ""),
+          onChange: (y) => n == null ? void 0 : n(r, y.target.value, a || ""),
           size: "small",
           noBorder: !0,
           error: i,
@@ -7170,14 +7174,14 @@ const Zm = G.div`
       /* @__PURE__ */ E.jsx($r, { size: 5.4, children: /* @__PURE__ */ E.jsx(
         yr,
         {
-          ref: v,
+          ref: b,
           value: a,
           size: "small",
-          type: s && !d ? "password" : "text",
-          onChange: (b) => n == null ? void 0 : n(r, t, b.target.value, s),
+          type: s && !p ? "password" : "text",
+          onChange: (y) => n == null ? void 0 : n(r, t, y.target.value, s),
           noBorder: !0,
           placeholder: "parameter_value",
-          endIcon: s ? d ? /* @__PURE__ */ E.jsx(Zh, { onClick: x, size: 12 }) : /* @__PURE__ */ E.jsx(Xh, { onClick: x, size: 12 }) : "",
+          endIcon: s ? p ? /* @__PURE__ */ E.jsx(Zh, { onClick: h, size: 12 }) : /* @__PURE__ */ E.jsx(Xh, { onClick: h, size: 12 }) : "",
           disabled: l
         }
       ) }),
@@ -9139,7 +9143,7 @@ function ju() {
             ]);
           },
           _doProcessBlock: function(x, h) {
-            for (var v = this._hash.words, b = v[0], y = v[1], g = v[2], C = v[3], A = v[4], S = v[5], w = v[6], T = v[7], k = b.high, m = b.low, B = y.high, R = y.low, P = g.high, U = g.low, H = C.high, q = C.low, X = A.high, Q = A.low, te = S.high, N = S.low, F = w.high, O = w.low, I = T.high, M = T.low, j = k, V = m, Z = B, z = R, ie = P, re = U, Re = H, W = q, be = X, ke = Q, tt = te, ut = N, Zt = F, Lt = O, jt = I, Jt = M, Ze = 0; Ze < 80; Ze++) {
+            for (var v = this._hash.words, b = v[0], y = v[1], g = v[2], C = v[3], A = v[4], S = v[5], w = v[6], T = v[7], k = b.high, m = b.low, B = y.high, R = y.low, P = g.high, U = g.low, H = C.high, q = C.low, X = A.high, Q = A.low, te = S.high, N = S.low, F = w.high, O = w.low, I = T.high, M = T.low, j = k, V = m, Z = B, z = R, ie = P, re = U, Re = H, W = q, ve = X, ke = Q, tt = te, ut = N, Zt = F, Lt = O, jt = I, Jt = M, Ze = 0; Ze < 80; Ze++) {
               var $e, yt, gn = d[Ze];
               if (Ze < 16)
                 yt = gn.high = x[h + Ze * 2] | 0, $e = gn.low = x[h + Ze * 2 + 1] | 0;
@@ -9147,10 +9151,10 @@ function ju() {
                 var Wn = d[Ze - 15], Ft = Wn.high, ft = Wn.low, $i = (Ft >>> 1 | ft << 31) ^ (Ft >>> 8 | ft << 24) ^ Ft >>> 7, Kn = (ft >>> 1 | Ft << 31) ^ (ft >>> 8 | Ft << 24) ^ (ft >>> 7 | Ft << 25), Gn = d[Ze - 2], vt = Gn.high, Qt = Gn.low, Ui = (vt >>> 19 | Qt << 13) ^ (vt << 3 | Qt >>> 29) ^ vt >>> 6, _r = (Qt >>> 19 | vt << 13) ^ (Qt << 3 | vt >>> 29) ^ (Qt >>> 6 | vt << 26), Ir = d[Ze - 7], Hi = Ir.high, zi = Ir.low, Or = d[Ze - 16], Yn = Or.high, qn = Or.low;
                 $e = Kn + zi, yt = $i + Hi + ($e >>> 0 < Kn >>> 0 ? 1 : 0), $e = $e + _r, yt = yt + Ui + ($e >>> 0 < _r >>> 0 ? 1 : 0), $e = $e + qn, yt = yt + Yn + ($e >>> 0 < qn >>> 0 ? 1 : 0), gn.high = yt, gn.low = $e;
               }
-              var Vt = be & tt ^ ~be & Zt, yn = ke & ut ^ ~ke & Lt, Xn = j & Z ^ j & ie ^ Z & ie, Nr = V & z ^ V & re ^ z & re, Wi = (j >>> 28 | V << 4) ^ (j << 30 | V >>> 2) ^ (j << 25 | V >>> 7), Zn = (V >>> 28 | j << 4) ^ (V << 30 | j >>> 2) ^ (V << 25 | j >>> 7), Ki = (be >>> 14 | ke << 18) ^ (be >>> 18 | ke << 14) ^ (be << 23 | ke >>> 9), Lr = (ke >>> 14 | be << 18) ^ (ke >>> 18 | be << 14) ^ (ke << 23 | be >>> 9), Jn = f[Ze], Gi = Jn.high, jr = Jn.low, Ue = Jt + Lr, dt = jt + Ki + (Ue >>> 0 < Jt >>> 0 ? 1 : 0), Ue = Ue + yn, dt = dt + Vt + (Ue >>> 0 < yn >>> 0 ? 1 : 0), Ue = Ue + jr, dt = dt + Gi + (Ue >>> 0 < jr >>> 0 ? 1 : 0), Ue = Ue + $e, dt = dt + yt + (Ue >>> 0 < $e >>> 0 ? 1 : 0), Vr = Zn + Nr, Yi = Wi + Xn + (Vr >>> 0 < Zn >>> 0 ? 1 : 0);
-              jt = Zt, Jt = Lt, Zt = tt, Lt = ut, tt = be, ut = ke, ke = W + Ue | 0, be = Re + dt + (ke >>> 0 < W >>> 0 ? 1 : 0) | 0, Re = ie, W = re, ie = Z, re = z, Z = j, z = V, V = Ue + Vr | 0, j = dt + Yi + (V >>> 0 < Ue >>> 0 ? 1 : 0) | 0;
+              var Vt = ve & tt ^ ~ve & Zt, yn = ke & ut ^ ~ke & Lt, Xn = j & Z ^ j & ie ^ Z & ie, Nr = V & z ^ V & re ^ z & re, Wi = (j >>> 28 | V << 4) ^ (j << 30 | V >>> 2) ^ (j << 25 | V >>> 7), Zn = (V >>> 28 | j << 4) ^ (V << 30 | j >>> 2) ^ (V << 25 | j >>> 7), Ki = (ve >>> 14 | ke << 18) ^ (ve >>> 18 | ke << 14) ^ (ve << 23 | ke >>> 9), Lr = (ke >>> 14 | ve << 18) ^ (ke >>> 18 | ve << 14) ^ (ke << 23 | ve >>> 9), Jn = f[Ze], Gi = Jn.high, jr = Jn.low, Ue = Jt + Lr, dt = jt + Ki + (Ue >>> 0 < Jt >>> 0 ? 1 : 0), Ue = Ue + yn, dt = dt + Vt + (Ue >>> 0 < yn >>> 0 ? 1 : 0), Ue = Ue + jr, dt = dt + Gi + (Ue >>> 0 < jr >>> 0 ? 1 : 0), Ue = Ue + $e, dt = dt + yt + (Ue >>> 0 < $e >>> 0 ? 1 : 0), Vr = Zn + Nr, Yi = Wi + Xn + (Vr >>> 0 < Zn >>> 0 ? 1 : 0);
+              jt = Zt, Jt = Lt, Zt = tt, Lt = ut, tt = ve, ut = ke, ke = W + Ue | 0, ve = Re + dt + (ke >>> 0 < W >>> 0 ? 1 : 0) | 0, Re = ie, W = re, ie = Z, re = z, Z = j, z = V, V = Ue + Vr | 0, j = dt + Yi + (V >>> 0 < Ue >>> 0 ? 1 : 0) | 0;
             }
-            m = b.low = m + V, b.high = k + j + (m >>> 0 < V >>> 0 ? 1 : 0), R = y.low = R + z, y.high = B + Z + (R >>> 0 < z >>> 0 ? 1 : 0), U = g.low = U + re, g.high = P + ie + (U >>> 0 < re >>> 0 ? 1 : 0), q = C.low = q + W, C.high = H + Re + (q >>> 0 < W >>> 0 ? 1 : 0), Q = A.low = Q + ke, A.high = X + be + (Q >>> 0 < ke >>> 0 ? 1 : 0), N = S.low = N + ut, S.high = te + tt + (N >>> 0 < ut >>> 0 ? 1 : 0), O = w.low = O + Lt, w.high = F + Zt + (O >>> 0 < Lt >>> 0 ? 1 : 0), M = T.low = M + Jt, T.high = I + jt + (M >>> 0 < Jt >>> 0 ? 1 : 0);
+            m = b.low = m + V, b.high = k + j + (m >>> 0 < V >>> 0 ? 1 : 0), R = y.low = R + z, y.high = B + Z + (R >>> 0 < z >>> 0 ? 1 : 0), U = g.low = U + re, g.high = P + ie + (U >>> 0 < re >>> 0 ? 1 : 0), q = C.low = q + W, C.high = H + Re + (q >>> 0 < W >>> 0 ? 1 : 0), Q = A.low = Q + ke, A.high = X + ve + (Q >>> 0 < ke >>> 0 ? 1 : 0), N = S.low = N + ut, S.high = te + tt + (N >>> 0 < ut >>> 0 ? 1 : 0), O = w.low = O + Lt, w.high = F + Zt + (O >>> 0 < Lt >>> 0 ? 1 : 0), M = T.low = M + Jt, T.high = I + jt + (M >>> 0 < Jt >>> 0 ? 1 : 0);
           },
           _doFinalize: function() {
             var x = this._data, h = x.words, v = this._nDataBytes * 8, b = x.sigBytes * 8;
@@ -12814,7 +12818,7 @@ function n2() {
 })(Nu);
 var r2 = Nu.exports;
 const Ac = /* @__PURE__ */ jo(r2), i2 = ({ data: e, action: t, project_id: n, handleCopied: r, handleTestData: i }) => {
-  const [a, o] = ve({}), [s, u] = ve(null), [c, l] = ve(!1);
+  const [a, o] = Ce({}), [s, u] = Ce(null), [c, l] = Ce(!1);
   Tt(() => {
     let b = null;
     return c && (b = setTimeout(() => {
@@ -12969,25 +12973,27 @@ function R6(e) {
     isMainApp: f = !1,
     parentClassName: d,
     contentClassName: p,
-    ...x
-  } = e, [h, v] = ve("1"), [b, y] = ve(!1);
+    expanded: x,
+    setExpanded: h,
+    ...v
+  } = e, [b, y] = Ce("1");
   Tt(() => {
-    n && b && y(!1);
+    n && x && h(!1);
   }, [n]);
   const g = (C, A) => {
-    v(A);
+    y(A);
   };
   return /* @__PURE__ */ E.jsx(Zm, { isMainApp: f, className: d, children: /* @__PURE__ */ E.jsx(
     Xm,
     {
-      expanded: b,
-      onChange: () => y(!b),
+      expanded: x,
+      onChange: () => h(!x),
       title: /* @__PURE__ */ E.jsx(De, { value: "Data", weight: "bold" }),
       details: /* @__PURE__ */ E.jsxs(J, { width: "100%", px: 1, children: [
         /* @__PURE__ */ E.jsx(
           s1,
           {
-            value: h,
+            value: b,
             tabs: [
               { label: "Parameters", value: "1" },
               { label: "Test Data", value: "2" }
@@ -12997,7 +13003,7 @@ function R6(e) {
           }
         ),
         /* @__PURE__ */ E.jsxs(Jm, { className: p, children: [
-          h === "1" && /* @__PURE__ */ E.jsx(
+          b === "1" && /* @__PURE__ */ E.jsx(
             rg,
             {
               params: u,
@@ -13008,10 +13014,11 @@ function R6(e) {
               removeParameter: i,
               handleUpdateParam: a,
               dataSet: s,
-              disabledEdit: l
+              disabledEdit: l,
+              isMainApp: f
             }
           ),
-          h === "2" && /* @__PURE__ */ E.jsx(o2, { ...x })
+          b === "2" && /* @__PURE__ */ E.jsx(o2, { ...v })
         ] })
       ] })
     }
@@ -13024,7 +13031,7 @@ const k6 = G(J)`
 `, M6 = G(J)`
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 2px;
 `, _6 = G(J)`
   height: 100%;
   display: flex;
@@ -13046,15 +13053,19 @@ const k6 = G(J)`
   flex: 1;
   display: flex;
   overflow-x: hidden;
-  padding: 0px 16px 16px 16px;
+  padding: ${({ isMainApp: e }) => e ? "0px 16px" : "0px 16px 16px 16px"};
   overflow-y: auto;
   gap: 6px;
   flex-direction: column;
+  p,
+  span {
+    font-size: 12px;
+  }
 `, c2 = G.section`
   display: flex;
   transform: ${({ transform: e }) => e};
   transition: ${({ transition: e }) => e};
-  padding: 4px;
+  padding: 1px;
   &:hover {
     background: var(--secondary-lightest);
     border-radius: 6px;
@@ -13066,10 +13077,9 @@ const k6 = G(J)`
 `, l2 = G.section`
   position: relative;
   display: flex;
-  align-items: flex-start;
 `, u2 = G.div`
-  width: 18px;
-  height: 18px;
+  width: 14px;
+  height: 14px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
@@ -13086,7 +13096,7 @@ const k6 = G(J)`
   grid-template-columns: 1fr max-content;
   width: 100%;
   background: ${({ isDraggingNeighbouring: e }) => e ? "var(--color-primary-5)" : "inherit"};
-  border-radius: ${({ isDraggingNeighbouring: e }) => e ? "16px" : "0"};
+  border-radius: ${({ isDraggingNeighbouring: e }) => e ? "8px" : "0"};
 `, N6 = G.ul`
   display: flex;
   flex-direction: column;
@@ -13304,12 +13314,12 @@ const k6 = G(J)`
   openCollapse: e,
   arrowColor: t,
   ...n
-}) => /* @__PURE__ */ E.jsx(l2, { children: n.noCollpase ? /* @__PURE__ */ E.jsx(Yl, { color: t, width: 18 }) : /* @__PURE__ */ E.jsx(u2, { ...n, children: /* @__PURE__ */ E.jsx(
+}) => /* @__PURE__ */ E.jsx(l2, { children: n.noCollpase ? /* @__PURE__ */ E.jsx(Yl, { color: t, width: 14 }) : /* @__PURE__ */ E.jsx(u2, { ...n, children: /* @__PURE__ */ E.jsx(
   Uo,
   {
     cursor: "pointer",
     color: t,
-    size: 12,
+    size: 10,
     style: {
       transform: e ? "rotate(0deg)" : "rotate(-90deg)",
       transition: "transform 0.125s ease-in-out"
@@ -15585,7 +15595,7 @@ function Kc(e) {
   }), t;
 }
 const Av = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: a = "sync", propagate: o = !1, anchorX: s = "left", root: u }) => {
-  const [c, l] = kf(o), f = dn(() => Kc(e), [e]), d = o && !c ? [] : f.map(Zr), p = ot(!0), x = ot(f), h = rs(() => /* @__PURE__ */ new Map()), [v, b] = ve(f), [y, g] = ve(f);
+  const [c, l] = kf(o), f = dn(() => Kc(e), [e]), d = o && !c ? [] : f.map(Zr), p = ot(!0), x = ot(f), h = rs(() => /* @__PURE__ */ new Map()), [v, b] = Ce(f), [y, g] = Ce(f);
   Vu(() => {
     p.current = !1, x.current = f;
     for (let S = 0; S < y.length; S++) {
@@ -18543,7 +18553,7 @@ function d8({
   show: i,
   canClose: a = !0
 }) {
-  const [o, s] = ve({ top: 0, left: 0 }), [u, c] = ve(
+  const [o, s] = Ce({ top: 0, left: 0 }), [u, c] = Ce(
     "bottom"
   ), l = e[t], f = l == null ? void 0 : l.targetRef;
   if (Tt(() => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dev-blinq/ui-systems",
   "description": "this package contains all ui components like button, input, checkbox, colors that blinq.io needs",
-  "version": "1.0.110",
+  "version": "1.0.112",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",