@dev-blinq/ui-systems 1.0.77 → 1.0.79

package/dist/colors.css

@@ -1,5 +1,4 @@
 :root {
-  --font-family: "Plus Jakarta Sans", sans-serif;
   /* Primary Colors */
   --primary-lightest: #f5f7ff;
   --primary-light: #ebeefe;

package/dist/components/generic/Menu/Menu.d.ts

@@ -9,6 +9,8 @@ interface MenuProps {
     handleClose: () => void;
     onClick?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>, value: any) => void;
     anchorEl: HTMLElement | null;
+    minWidth?: string;
+    width?: string;
 }
-export declare function CustomMenu({ items, anchorEl, handleClose, onClick, }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomMenu({ items, anchorEl, handleClose, onClick, minWidth, width }: MenuProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/generic/Menu/index.style.d.ts

@@ -1,5 +1,8 @@
 export declare const StyledMenu: import('@emotion/styled').StyledComponent<import('@mui/material').MenuProps & {
     theme?: import('@emotion/react').Theme;
+} & {
+    minWidth?: string;
+    width?: string;
 }, {}, {}>;
 export declare const StyledMenuItem: import('@emotion/styled').StyledComponent<import('@mui/material').MenuItemOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;

package/dist/index.js

@@ -114,7 +114,8 @@ React keys must be passed directly to JSX without using spread:
     border: 1px solid var(--color-grey-40);
     background: var(--color-white);
     box-shadow: var(--shadow-lg);
-    min-width: 100px;
+    width: ${({width:e})=>e||"inherit"};;
+    min-width: ${({minWidth:e})=>e||"100px"};
     .MuiMenu-list {
       padding: 0;
       width: 100%;
@@ -137,7 +138,7 @@ React keys must be passed directly to JSX without using spread:
     width: 14px;
     height: 14px;
   }
-`;function Ro({items:e,anchorEl:n,handleClose:t,onClick:r}){return y.jsx(xo,{anchorEl:n,keepMounted:!0,open:!!n,onClose:t,children:e.map(({title:a,value:i,disabled:c,divider:o,onClickItem:f},d)=>y.jsxs(y.Fragment,{children:[y.jsx(To,{className:"menu-item",onClick:p=>f?f(p,i):r==null?void 0:r(p,i),disabled:c,children:a},d),o&&y.jsx(ee.Divider,{})]}))})}function Ve(e,...n){const t=new URL(`https://mui.com/production-error/?code=${e}`);return n.forEach(r=>t.searchParams.append("args[]",r)),`Minified MUI error #${e}; visit ${t} for the full message.`}const wo="$$material",Po=e=>{const n=Object.keys(e).map(t=>({key:t,val:e[t]}))||[];return n.sort((t,r)=>t.val-r.val),n.reduce((t,r)=>({...t,[r.key]:r.val}),{})};function Oo(e){const{values:n={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:t="px",step:r=5,...a}=e,i=Po(n),c=Object.keys(i);function o(m){return`@media (min-width:${typeof n[m]=="number"?n[m]:m}${t})`}function f(m){return`@media (max-width:${(typeof n[m]=="number"?n[m]:m)-r/100}${t})`}function d(m,E){const v=c.indexOf(E);return`@media (min-width:${typeof n[m]=="number"?n[m]:m}${t}) and (max-width:${(v!==-1&&typeof n[c[v]]=="number"?n[c[v]]:E)-r/100}${t})`}function p(m){return c.indexOf(m)+1<c.length?d(m,c[c.indexOf(m)+1]):o(m)}function g(m){const E=c.indexOf(m);return E===0?o(c[1]):E===c.length-1?f(c[E]):d(m,c[c.indexOf(m)+1]).replace("@media","@media not all and")}return{keys:c,values:i,up:o,down:f,between:d,only:p,not:g,unit:t,...a}}var Tt={exports:{}},ne={};/**
+`;function Ro({items:e,anchorEl:n,handleClose:t,onClick:r,minWidth:a,width:i}){return y.jsx(xo,{anchorEl:n,keepMounted:!0,open:!!n,onClose:t,"data-no-dnd":"true",minWidth:a,width:i,children:e.map(({title:c,value:o,disabled:f,divider:d,onClickItem:p},g)=>y.jsxs(y.Fragment,{children:[y.jsx(To,{className:"menu-item",onClick:m=>p?p(m,o):r==null?void 0:r(m,o),disabled:f,"data-no-dnd":"true",children:c},g),d&&y.jsx(ee.Divider,{})]}))})}function Ve(e,...n){const t=new URL(`https://mui.com/production-error/?code=${e}`);return n.forEach(r=>t.searchParams.append("args[]",r)),`Minified MUI error #${e}; visit ${t} for the full message.`}const wo="$$material",Po=e=>{const n=Object.keys(e).map(t=>({key:t,val:e[t]}))||[];return n.sort((t,r)=>t.val-r.val),n.reduce((t,r)=>({...t,[r.key]:r.val}),{})};function Oo(e){const{values:n={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:t="px",step:r=5,...a}=e,i=Po(n),c=Object.keys(i);function o(m){return`@media (min-width:${typeof n[m]=="number"?n[m]:m}${t})`}function f(m){return`@media (max-width:${(typeof n[m]=="number"?n[m]:m)-r/100}${t})`}function d(m,E){const v=c.indexOf(E);return`@media (min-width:${typeof n[m]=="number"?n[m]:m}${t}) and (max-width:${(v!==-1&&typeof n[c[v]]=="number"?n[c[v]]:E)-r/100}${t})`}function p(m){return c.indexOf(m)+1<c.length?d(m,c[c.indexOf(m)+1]):o(m)}function g(m){const E=c.indexOf(m);return E===0?o(c[1]):E===c.length-1?f(c[E]):d(m,c[c.indexOf(m)+1]).replace("@media","@media not all and")}return{keys:c,values:i,up:o,down:f,between:d,only:p,not:g,unit:t,...a}}var Tt={exports:{}},ne={};/**
  * @license React
  * react-is.production.js
  *

package/dist/index.mjs

@@ -194,18 +194,18 @@ function ui() {
         oe < 0 && M("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var F = x.ReactCurrentDispatcher, $;
+    var $ = x.ReactCurrentDispatcher, F;
     function G(l, S, R) {
       {
-        if ($ === void 0)
+        if (F === void 0)
           try {
             throw Error();
           } catch (q) {
             var B = q.stack.trim().match(/\n( *(at )?)/);
-            $ = B && B[1] || "";
+            F = B && B[1] || "";
           }
         return `
-` + $ + l;
+` + F + l;
       }
     }
     var H = !1, K;
@@ -226,7 +226,7 @@ function ui() {
       var q = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var re;
-      re = F.current, F.current = null, _();
+      re = $.current, $.current = null, _();
       try {
         if (S) {
           var Y = function() {
@@ -279,7 +279,7 @@ function ui() {
             }
         }
       } finally {
-        H = !1, F.current = re, V(), Error.prepareStackTrace = q;
+        H = !1, $.current = re, V(), Error.prepareStackTrace = q;
       }
       var Qe = l ? l.displayName || l.name : "", ze = Qe ? G(Qe) : "";
       return typeof l == "function" && K.set(l, ze), ze;
@@ -627,16 +627,16 @@ React keys must be passed directly to JSX without using spread:
     function _a(l, S, R) {
       return tr(l, S, R, !0);
     }
-    function Fa(l, S, R) {
+    function $a(l, S, R) {
       return tr(l, S, R, !1);
     }
-    var $a = Fa, Ua = _a;
-    mn.Fragment = r, mn.jsx = $a, mn.jsxs = Ua;
+    var Fa = $a, Ua = _a;
+    mn.Fragment = r, mn.jsx = Fa, mn.jsxs = Ua;
   }()), mn;
 }
 process.env.NODE_ENV === "production" ? Et.exports = ci() : Et.exports = ui();
 var y = Et.exports;
-const Fe = ({ children: e, Size: n, category: t, bold: r, sx: a, ...i }) => /* @__PURE__ */ y.jsx(
+const $e = ({ children: e, Size: n, category: t, bold: r, sx: a, ...i }) => /* @__PURE__ */ y.jsx(
   Cn,
   {
     className: "TypographyCustom",
@@ -681,7 +681,7 @@ const Fe = ({ children: e, Size: n, category: t, bold: r, sx: a, ...i }) => /* @
               children: a
             }
           ),
-          r && /* @__PURE__ */ y.jsx(Fe, { className: "input-typography", category: "text", Size: e, bold: "bold", children: r }),
+          r && /* @__PURE__ */ y.jsx($e, { className: "input-typography", category: "text", Size: e, bold: "bold", children: r }),
           i && /* @__PURE__ */ y.jsx(
             "span",
             {
@@ -748,7 +748,7 @@ const Fe = ({ children: e, Size: n, category: t, bold: r, sx: a, ...i }) => /* @
         ),
         /* @__PURE__ */ y.jsxs("div", { className: "grey-box grey-right-box", children: [
           /* @__PURE__ */ y.jsx(
-            Fe,
+            $e,
             {
               category: "text",
               Size: "sm",
@@ -987,7 +987,7 @@ const hi = /* @__PURE__ */ Vr(mi), yi = (e) => {
       "data-error": e.errExists,
       style: { ...e.style, ...e.sx },
       children: [
-        /* @__PURE__ */ y.jsx("div", { className: "grey-box grey-left-box", children: /* @__PURE__ */ y.jsx(Fe, { category: "text", Size: "sm", bold: "semibold", children: hi(r) || "$" }) }),
+        /* @__PURE__ */ y.jsx("div", { className: "grey-box grey-left-box", children: /* @__PURE__ */ y.jsx($e, { category: "text", Size: "sm", bold: "semibold", children: hi(r) || "$" }) }),
         /* @__PURE__ */ y.jsx(
           "input",
           {
@@ -1087,7 +1087,7 @@ const hi = /* @__PURE__ */ Vr(mi), yi = (e) => {
     "data-error": e.errExists,
     style: { ...e.style, ...e.sx },
     children: [
-      /* @__PURE__ */ y.jsx("div", { className: "grey-box grey-left-box", children: /* @__PURE__ */ y.jsx(Fe, { category: "text", Size: "sm", bold: "medium", children: "https://" }) }),
+      /* @__PURE__ */ y.jsx("div", { className: "grey-box grey-left-box", children: /* @__PURE__ */ y.jsx($e, { category: "text", Size: "sm", bold: "medium", children: "https://" }) }),
       /* @__PURE__ */ y.jsx(
         "input",
         {
@@ -1249,7 +1249,7 @@ const hi = /* @__PURE__ */ Vr(mi), yi = (e) => {
     props: p
   };
   return /* @__PURE__ */ y.jsxs("div", { children: [
-    r && /* @__PURE__ */ y.jsx(Fe, { category: "text", Size: "sm", bold: "semibold", children: r }),
+    r && /* @__PURE__ */ y.jsx($e, { category: "text", Size: "sm", bold: "semibold", children: r }),
     /* @__PURE__ */ y.jsx(Ti, { ...g })
   ] });
 }, vu = ({
@@ -1267,7 +1267,7 @@ const hi = /* @__PURE__ */ Vr(mi), yi = (e) => {
     });
   };
   return /* @__PURE__ */ y.jsxs("div", { children: [
-    /* @__PURE__ */ y.jsx(Fe, { category: "text", Size: "sm", bold: "bold", children: r }),
+    /* @__PURE__ */ y.jsx($e, { category: "text", Size: "sm", bold: "bold", children: r }),
     /* @__PURE__ */ y.jsxs("div", { className: "text-area-container", "data-error": t, children: [
       /* @__PURE__ */ y.jsx(
         "textarea",
@@ -1301,7 +1301,7 @@ const hi = /* @__PURE__ */ Vr(mi), yi = (e) => {
             alignItems: "center"
           },
           children: [
-            a && /* @__PURE__ */ y.jsxs(Fe, { category: "text", Size: "sm", bold: "medium", children: [
+            a && /* @__PURE__ */ y.jsxs($e, { category: "text", Size: "sm", bold: "medium", children: [
               c.length,
               "/300"
             ] }),
@@ -1394,7 +1394,7 @@ const hi = /* @__PURE__ */ Vr(mi), yi = (e) => {
         className: `toggle-option ${r === e ? "active" : ""}`,
         onClick: (c) => i(e, c),
         children: /* @__PURE__ */ y.jsx(
-          Fe,
+          $e,
           {
             bold: "bold",
             color: "textSecondary",
@@ -1411,7 +1411,7 @@ const hi = /* @__PURE__ */ Vr(mi), yi = (e) => {
         className: `toggle-option ${r === n ? "active" : ""}`,
         onClick: (c) => i(n, c),
         children: /* @__PURE__ */ y.jsx(
-          Fe,
+          $e,
           {
             bold: "bold",
             color: "textSecondary",
@@ -1428,7 +1428,7 @@ const hi = /* @__PURE__ */ Vr(mi), yi = (e) => {
         className: `toggle-option ${r === o ? "active" : ""}`,
         onClick: (f) => i(o, f),
         children: /* @__PURE__ */ y.jsx(
-          Fe,
+          $e,
           {
             bold: "bold",
             color: "textSecondary",
@@ -1549,13 +1549,13 @@ var Ni = /* @__PURE__ */ function() {
     }), this.tags = [], this.ctr = 0;
   }, e;
 }(), be = "-ms-", Ln = "-moz-", Z = "-webkit-", zr = "comm", Dt = "rule", Bt = "decl", Di = "@import", Zr = "@keyframes", Bi = "@layer", Ii = Math.abs, Yn = String.fromCharCode, _i = Object.assign;
-function Fi(e, n) {
+function $i(e, n) {
   return he(e, 0) ^ 45 ? (((n << 2 ^ he(e, 0)) << 2 ^ he(e, 1)) << 2 ^ he(e, 2)) << 2 ^ he(e, 3) : 0;
 }
 function Xr(e) {
   return e.trim();
 }
-function $i(e, n) {
+function Fi(e, n) {
   return (e = n.exec(e)) ? e[0] : e;
 }
 function X(e, n, t) {
@@ -1598,7 +1598,7 @@ function ji() {
 function Te() {
   return ge = Ee < qr ? he(fn, Ee++) : 0, un++, ge === 10 && (un = 1, Hn++), ge;
 }
-function $e() {
+function Fe() {
   return he(fn, Ee);
 }
 function _n() {
@@ -1645,18 +1645,18 @@ function Jr(e) {
 function Qr(e) {
   return fn = "", e;
 }
-function Fn(e) {
+function $n(e) {
   return Xr(wn(Ee - 1, Rt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Gi(e) {
-  for (; (ge = $e()) && ge < 33; )
+  for (; (ge = Fe()) && ge < 33; )
     Te();
   return xn(e) > 2 || xn(ge) > 3 ? "" : " ";
 }
 function Ki(e, n) {
   for (; --n && Te() && !(ge < 48 || ge > 102 || ge > 57 && ge < 65 || ge > 70 && ge < 97); )
     ;
-  return wn(e, _n() + (n < 6 && $e() == 32 && Te() == 32));
+  return wn(e, _n() + (n < 6 && Fe() == 32 && Te() == 32));
 }
 function Rt(e) {
   for (; Te(); )
@@ -1678,30 +1678,30 @@ function Rt(e) {
 }
 function Wi(e, n) {
   for (; Te() && e + ge !== 57; )
-    if (e + ge === 84 && $e() === 47)
+    if (e + ge === 84 && Fe() === 47)
       break;
   return "/*" + wn(n, Ee - 1) + "*" + Yn(e === 47 ? e : Te());
 }
 function Vi(e) {
-  for (; !xn($e()); )
+  for (; !xn(Fe()); )
     Te();
   return wn(e, Ee);
 }
 function Yi(e) {
-  return Qr($n("", null, null, null, [""], e = Jr(e), 0, [0], e));
+  return Qr(Fn("", null, null, null, [""], e = Jr(e), 0, [0], e));
 }
-function $n(e, n, t, r, a, i, c, o, f) {
+function Fn(e, n, t, r, a, i, c, o, f) {
   for (var d = 0, p = 0, g = c, m = 0, E = 0, v = 0, u = 1, A = 1, x = 1, M = 0, w = "", P = a, b = i, D = r, N = w; A; )
     switch (v = M, M = Te()) {
       case 40:
         if (v != 108 && he(N, g - 1) == 58) {
-          Tt(N += X(Fn(M), "&", "&\f"), "&\f") != -1 && (x = -1);
+          Tt(N += X($n(M), "&", "&\f"), "&\f") != -1 && (x = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        N += Fn(M);
+        N += $n(M);
         break;
       case 9:
       case 10:
@@ -1713,7 +1713,7 @@ function $n(e, n, t, r, a, i, c, o, f) {
         N += Ki(_n() - 1, 7);
         continue;
       case 47:
-        switch ($e()) {
+        switch (Fe()) {
           case 42:
           case 47:
             kn(Hi(Wi(Te(), _n()), n, t), f);
@@ -1739,17 +1739,17 @@ function $n(e, n, t, r, a, i, c, o, f) {
           default:
             if (kn(D = sr(N, n, t, d, p, a, o, w, P = [], b = [], g), i), M === 123)
               if (p === 0)
-                $n(N, n, D, D, P, i, g, o, b);
+                Fn(N, n, D, D, P, i, g, o, b);
               else
                 switch (m === 99 && he(N, 3) === 110 ? 100 : m) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    $n(e, D, D, r && kn(sr(e, D, D, 0, 0, a, o, w, a, P = [], g), b), a, b, g, o, r ? P : b);
+                    Fn(e, D, D, r && kn(sr(e, D, D, 0, 0, a, o, w, a, P = [], g), b), a, b, g, o, r ? P : b);
                     break;
                   default:
-                    $n(N, D, D, D, [""], b, 0, o, b);
+                    Fn(N, D, D, D, [""], b, 0, o, b);
                 }
         }
         d = p = E = 0, u = x = 1, w = N = "", g = c;
@@ -1771,7 +1771,7 @@ function $n(e, n, t, r, a, i, c, o, f) {
             o[d++] = (Ie(N) - 1) * x, x = 1;
             break;
           case 64:
-            $e() === 45 && (N += Fn(Te())), m = $e(), p = g = Ie(w = N += Vi(_n())), M++;
+            Fe() === 45 && (N += $n(Te())), m = Fe(), p = g = Ie(w = N += Vi(_n())), M++;
             break;
           case 45:
             v === 45 && Ie(N) == 2 && (u = 0);
@@ -1826,7 +1826,7 @@ function Xi(e) {
   };
 }
 var qi = function(n, t, r) {
-  for (var a = 0, i = 0; a = i, i = $e(), a === 38 && i === 12 && (t[r] = 1), !xn(i); )
+  for (var a = 0, i = 0; a = i, i = Fe(), a === 38 && i === 12 && (t[r] = 1), !xn(i); )
     Te();
   return wn(n, Ee);
 }, Ji = function(n, t) {
@@ -1834,14 +1834,14 @@ var qi = function(n, t, r) {
   do
     switch (xn(a)) {
       case 0:
-        a === 38 && $e() === 12 && (t[r] = 1), n[r] += qi(Ee - 1, t, r);
+        a === 38 && Fe() === 12 && (t[r] = 1), n[r] += qi(Ee - 1, t, r);
         break;
       case 2:
-        n[r] += Fn(a);
+        n[r] += $n(a);
         break;
       case 4:
         if (a === 44) {
-          n[++r] = $e() === 58 ? "&\f" : "", t[r] = n[r].length;
+          n[++r] = Fe() === 58 ? "&\f" : "", t[r] = n[r].length;
           break;
         }
       default:
@@ -1873,7 +1873,7 @@ var qi = function(n, t, r) {
   }
 };
 function ea(e, n) {
-  switch (Fi(e, n)) {
+  switch ($i(e, n)) {
     case 5103:
       return Z + "print-" + e + e;
     case 5737:
@@ -1994,7 +1994,7 @@ var to = function(n, t, r, a) {
       })], a);
     case Dt:
       if (n.length) return Ui(n.props, function(i) {
-        switch ($i(i, /(::plac\w+|:read-\w+)/)) {
+        switch (Fi(i, /(::plac\w+|:read-\w+)/)) {
           case ":read-only":
           case ":read-write":
             return on([hn(n, {
@@ -2778,7 +2778,7 @@ function jn({
     }
   );
 }
-const Fo = Ne(Za)`
+const $o = Ne(Za)`
   .MuiMenu-paper {
     display: flex;
     padding: 4px;
@@ -2789,13 +2789,14 @@ const Fo = Ne(Za)`
     border: 1px solid var(--color-grey-40);
     background: var(--color-white);
     box-shadow: var(--shadow-lg);
-    min-width: 100px;
+    width: ${({ width: e }) => e || "inherit"};;
+    min-width: ${({ minWidth: e }) => e || "100px"};
     .MuiMenu-list {
       padding: 0;
       width: 100%;
     }
   }
-`, $o = Ne(Xa)`
+`, Fo = Ne(Xa)`
   display: flex;
   padding: 4px 6px;
   align-items: center;
@@ -2817,27 +2818,33 @@ function wu({
   items: e,
   anchorEl: n,
   handleClose: t,
-  onClick: r
+  onClick: r,
+  minWidth: a,
+  width: i
 }) {
   return /* @__PURE__ */ y.jsx(
-    Fo,
+    $o,
     {
       anchorEl: n,
       keepMounted: !0,
       open: !!n,
       onClose: t,
-      children: e.map(({ title: a, value: i, disabled: c, divider: o, onClickItem: f }, d) => /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
+      "data-no-dnd": "true",
+      minWidth: a,
+      width: i,
+      children: e.map(({ title: c, value: o, disabled: f, divider: d, onClickItem: p }, g) => /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
         /* @__PURE__ */ y.jsx(
-          $o,
+          Fo,
           {
             className: "menu-item",
-            onClick: (p) => f ? f(p, i) : r == null ? void 0 : r(p, i),
-            disabled: c,
-            children: a
+            onClick: (m) => p ? p(m, o) : r == null ? void 0 : r(m, o),
+            disabled: f,
+            "data-no-dnd": "true",
+            children: c
           },
-          d
+          g
         ),
-        o && /* @__PURE__ */ y.jsx(qa, {})
+        d && /* @__PURE__ */ y.jsx(qa, {})
       ] }))
     }
   );
@@ -3165,7 +3172,7 @@ function Nn(e, n, t) {
     return e;
   }
 }
-function Ft(e, n) {
+function $t(e, n) {
   if (e = Ve(e), n = _t(n), e.type.includes("hsl"))
     e.values[2] *= 1 - n;
   else if (e.type.includes("rgb") || e.type.includes("color"))
@@ -3175,12 +3182,12 @@ function Ft(e, n) {
 }
 function ae(e, n, t) {
   try {
-    return Ft(e, n);
+    return $t(e, n);
   } catch {
     return e;
   }
 }
-function $t(e, n) {
+function Ft(e, n) {
   if (e = Ve(e), n = _t(n), e.type.includes("hsl"))
     e.values[2] += (100 - e.values[2]) * n;
   else if (e.type.includes("rgb"))
@@ -3193,13 +3200,13 @@ function $t(e, n) {
 }
 function ie(e, n, t) {
   try {
-    return $t(e, n);
+    return Ft(e, n);
   } catch {
     return e;
   }
 }
 function zo(e, n = 0.15) {
-  return Pt(e) > 0.5 ? Ft(e, n) : $t(e, n);
+  return Pt(e) > 0.5 ? $t(e, n) : Ft(e, n);
 }
 function Dn(e, n, t) {
   try {
@@ -3389,7 +3396,7 @@ function sa() {
 const vr = sa();
 function br(e, n, t, r) {
   const a = r.light || r, i = r.dark || r * 1.5;
-  e[n] || (e.hasOwnProperty(t) ? e[n] = e[t] : n === "light" ? e.light = $t(e.main, a) : n === "dark" && (e.dark = Ft(e.main, i)));
+  e[n] || (e.hasOwnProperty(t) ? e[n] = e[t] : n === "light" ? e.light = Ft(e.main, a) : n === "dark" && (e.dark = $t(e.main, i)));
 }
 function qo(e = "light") {
   return e === "dark" ? {
@@ -3708,10 +3715,10 @@ function as() {
     function V(T) {
       return P(T) === r;
     }
-    function F(T) {
+    function $(T) {
       return P(T) === v;
     }
-    function $(T) {
+    function F(T) {
       return P(T) === E;
     }
     function G(T) {
@@ -3726,7 +3733,7 @@ function as() {
     function ve(T) {
       return P(T) === g;
     }
-    Q.AsyncMode = b, Q.ConcurrentMode = D, Q.ContextConsumer = N, Q.ContextProvider = le, Q.Element = z, Q.ForwardRef = s, Q.Fragment = k, Q.Lazy = U, Q.Memo = I, Q.Portal = te, Q.Profiler = oe, Q.StrictMode = me, Q.Suspense = ye, Q.isAsyncMode = Ue, Q.isConcurrentMode = C, Q.isContextConsumer = O, Q.isContextProvider = j, Q.isElement = L, Q.isForwardRef = _, Q.isFragment = V, Q.isLazy = F, Q.isMemo = $, Q.isPortal = G, Q.isProfiler = H, Q.isStrictMode = K, Q.isSuspense = ve, Q.isValidElementType = w, Q.typeOf = P;
+    Q.AsyncMode = b, Q.ConcurrentMode = D, Q.ContextConsumer = N, Q.ContextProvider = le, Q.Element = z, Q.ForwardRef = s, Q.Fragment = k, Q.Lazy = U, Q.Memo = I, Q.Portal = te, Q.Profiler = oe, Q.StrictMode = me, Q.Suspense = ye, Q.isAsyncMode = Ue, Q.isConcurrentMode = C, Q.isContextConsumer = O, Q.isContextProvider = j, Q.isElement = L, Q.isForwardRef = _, Q.isFragment = V, Q.isLazy = $, Q.isMemo = F, Q.isPortal = G, Q.isProfiler = H, Q.isStrictMode = K, Q.isSuspense = ve, Q.isValidElementType = w, Q.typeOf = P;
   }()), Q;
 }
 var Er;
@@ -3899,33 +3906,33 @@ function ss() {
     function A(C) {
       if (process.env.NODE_ENV !== "production")
         var O = {}, j = 0;
-      function L(V, F, $, G, H, K, ve) {
-        if (G = G || m, K = K || $, ve !== t) {
+      function L(V, $, F, G, H, K, ve) {
+        if (G = G || m, K = K || F, ve !== t) {
           if (f) {
             var T = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw T.name = "Invariant Violation", T;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var we = G + ":" + $;
+            var we = G + ":" + F;
             !O[we] && // Avoid spamming the console because they are often not actionable except for lib authors
             j < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + K + "` prop on `" + G + "`. 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."
             ), O[we] = !0, j++);
           }
         }
-        return F[$] == null ? V ? F[$] === null ? new u("The " + H + " `" + K + "` is marked as required " + ("in `" + G + "`, but its value is `null`.")) : new u("The " + H + " `" + K + "` is marked as required in " + ("`" + G + "`, but its value is `undefined`.")) : null : C(F, $, G, H, K);
+        return $[F] == null ? V ? $[F] === null ? new u("The " + H + " `" + K + "` is marked as required " + ("in `" + G + "`, but its value is `null`.")) : new u("The " + H + " `" + K + "` is marked as required in " + ("`" + G + "`, but its value is `undefined`.")) : null : C($, F, G, H, K);
       }
       var _ = L.bind(null, !1);
       return _.isRequired = L.bind(null, !0), _;
     }
     function x(C) {
-      function O(j, L, _, V, F, $) {
+      function O(j, L, _, V, $, F) {
         var G = j[L], H = me(G);
         if (H !== C) {
           var K = ye(G);
           return new u(
-            "Invalid " + V + " `" + F + "` of type " + ("`" + K + "` supplied to `" + _ + "`, expected ") + ("`" + C + "`."),
+            "Invalid " + V + " `" + $ + "` of type " + ("`" + K + "` supplied to `" + _ + "`, expected ") + ("`" + C + "`."),
             { expectedType: C }
           );
         }
@@ -3937,16 +3944,16 @@ function ss() {
       return A(c);
     }
     function w(C) {
-      function O(j, L, _, V, F) {
+      function O(j, L, _, V, $) {
         if (typeof C != "function")
-          return new u("Property `" + F + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
-        var $ = j[L];
-        if (!Array.isArray($)) {
-          var G = me($);
-          return new u("Invalid " + V + " `" + F + "` of type " + ("`" + G + "` supplied to `" + _ + "`, expected an array."));
+          return new u("Property `" + $ + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
+        var F = j[L];
+        if (!Array.isArray(F)) {
+          var G = me(F);
+          return new u("Invalid " + V + " `" + $ + "` of type " + ("`" + G + "` supplied to `" + _ + "`, expected an array."));
         }
-        for (var H = 0; H < $.length; H++) {
-          var K = C($, H, _, V, F + "[" + H + "]", t);
+        for (var H = 0; H < F.length; H++) {
+          var K = C(F, H, _, V, $ + "[" + H + "]", t);
           if (K instanceof Error)
             return K;
         }
@@ -3956,10 +3963,10 @@ function ss() {
     }
     function P() {
       function C(O, j, L, _, V) {
-        var F = O[j];
-        if (!o(F)) {
-          var $ = me(F);
-          return new u("Invalid " + _ + " `" + V + "` of type " + ("`" + $ + "` supplied to `" + L + "`, expected a single ReactElement."));
+        var $ = O[j];
+        if (!o($)) {
+          var F = me($);
+          return new u("Invalid " + _ + " `" + V + "` of type " + ("`" + F + "` supplied to `" + L + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -3967,20 +3974,20 @@ function ss() {
     }
     function b() {
       function C(O, j, L, _, V) {
-        var F = O[j];
-        if (!e.isValidElementType(F)) {
-          var $ = me(F);
-          return new u("Invalid " + _ + " `" + V + "` of type " + ("`" + $ + "` supplied to `" + L + "`, expected a single ReactElement type."));
+        var $ = O[j];
+        if (!e.isValidElementType($)) {
+          var F = me($);
+          return new u("Invalid " + _ + " `" + V + "` of type " + ("`" + F + "` supplied to `" + L + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return A(C);
     }
     function D(C) {
-      function O(j, L, _, V, F) {
+      function O(j, L, _, V, $) {
         if (!(j[L] instanceof C)) {
-          var $ = C.name || m, G = Ue(j[L]);
-          return new u("Invalid " + V + " `" + F + "` of type " + ("`" + G + "` supplied to `" + _ + "`, expected ") + ("instance of `" + $ + "`."));
+          var F = C.name || m, G = Ue(j[L]);
+          return new u("Invalid " + V + " `" + $ + "` of type " + ("`" + G + "` supplied to `" + _ + "`, expected ") + ("instance of `" + F + "`."));
         }
         return null;
       }
@@ -3991,28 +3998,28 @@ function ss() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
-      function O(j, L, _, V, F) {
-        for (var $ = j[L], G = 0; G < C.length; G++)
-          if (v($, C[G]))
+      function O(j, L, _, V, $) {
+        for (var F = j[L], G = 0; G < C.length; G++)
+          if (v(F, C[G]))
             return null;
         var H = JSON.stringify(C, function(ve, T) {
           var we = ye(T);
           return we === "symbol" ? String(T) : T;
         });
-        return new u("Invalid " + V + " `" + F + "` of value `" + String($) + "` " + ("supplied to `" + _ + "`, expected one of " + H + "."));
+        return new u("Invalid " + V + " `" + $ + "` of value `" + String(F) + "` " + ("supplied to `" + _ + "`, expected one of " + H + "."));
       }
       return A(O);
     }
     function le(C) {
-      function O(j, L, _, V, F) {
+      function O(j, L, _, V, $) {
         if (typeof C != "function")
-          return new u("Property `" + F + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
-        var $ = j[L], G = me($);
+          return new u("Property `" + $ + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
+        var F = j[L], G = me(F);
         if (G !== "object")
-          return new u("Invalid " + V + " `" + F + "` of type " + ("`" + G + "` supplied to `" + _ + "`, expected an object."));
-        for (var H in $)
-          if (r($, H)) {
-            var K = C($, H, _, V, F + "." + H, t);
+          return new u("Invalid " + V + " `" + $ + "` of type " + ("`" + G + "` supplied to `" + _ + "`, expected an object."));
+        for (var H in F)
+          if (r(F, H)) {
+            var K = C(F, H, _, V, $ + "." + H, t);
             if (K instanceof Error)
               return K;
           }
@@ -4030,15 +4037,15 @@ function ss() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + De(j) + " at index " + O + "."
           ), c;
       }
-      function L(_, V, F, $, G) {
+      function L(_, V, $, F, G) {
         for (var H = [], K = 0; K < C.length; K++) {
-          var ve = C[K], T = ve(_, V, F, $, G, t);
+          var ve = C[K], T = ve(_, V, $, F, G, t);
           if (T == null)
             return null;
           T.data && r(T.data, "expectedType") && H.push(T.data.expectedType);
         }
         var we = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
-        return new u("Invalid " + $ + " `" + G + "` supplied to " + ("`" + F + "`" + we + "."));
+        return new u("Invalid " + F + " `" + G + "` supplied to " + ("`" + $ + "`" + we + "."));
       }
       return A(L);
     }
@@ -4054,15 +4061,15 @@ function ss() {
       );
     }
     function U(C) {
-      function O(j, L, _, V, F) {
-        var $ = j[L], G = me($);
+      function O(j, L, _, V, $) {
+        var F = j[L], G = me(F);
         if (G !== "object")
-          return new u("Invalid " + V + " `" + F + "` of type `" + G + "` " + ("supplied to `" + _ + "`, expected `object`."));
+          return new u("Invalid " + V + " `" + $ + "` of type `" + G + "` " + ("supplied to `" + _ + "`, expected `object`."));
         for (var H in C) {
           var K = C[H];
           if (typeof K != "function")
-            return k(_, V, F, H, ye(K));
-          var ve = K($, H, _, V, F + "." + H, t);
+            return k(_, V, $, H, ye(K));
+          var ve = K(F, H, _, V, $ + "." + H, t);
           if (ve)
             return ve;
         }
@@ -4071,21 +4078,21 @@ function ss() {
       return A(O);
     }
     function I(C) {
-      function O(j, L, _, V, F) {
-        var $ = j[L], G = me($);
+      function O(j, L, _, V, $) {
+        var F = j[L], G = me(F);
         if (G !== "object")
-          return new u("Invalid " + V + " `" + F + "` of type `" + G + "` " + ("supplied to `" + _ + "`, expected `object`."));
+          return new u("Invalid " + V + " `" + $ + "` of type `" + G + "` " + ("supplied to `" + _ + "`, expected `object`."));
         var H = n({}, j[L], C);
         for (var K in H) {
           var ve = C[K];
           if (r(C, K) && typeof ve != "function")
-            return k(_, V, F, K, ye(ve));
+            return k(_, V, $, K, ye(ve));
           if (!ve)
             return new u(
-              "Invalid " + V + " `" + F + "` key `" + K + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(j[L], null, "  ") + `
+              "Invalid " + V + " `" + $ + "` key `" + K + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(j[L], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(C), null, "  ")
             );
-          var T = ve($, K, _, V, F + "." + K, t);
+          var T = ve(F, K, _, V, $ + "." + K, t);
           if (T)
             return T;
         }
@@ -4528,7 +4535,7 @@ function Me(e, n) {
     transform: n
   });
 }
-const ks = Me("border", Oe), Ns = Me("borderTop", Oe), Ds = Me("borderRight", Oe), Bs = Me("borderBottom", Oe), Is = Me("borderLeft", Oe), _s = Me("borderColor"), Fs = Me("borderTopColor"), $s = Me("borderRightColor"), Us = Me("borderBottomColor"), Ls = Me("borderLeftColor"), js = Me("outline", Oe), Gs = Me("outlineColor"), nt = (e) => {
+const ks = Me("border", Oe), Ns = Me("borderTop", Oe), Ds = Me("borderRight", Oe), Bs = Me("borderBottom", Oe), Is = Me("borderLeft", Oe), _s = Me("borderColor"), $s = Me("borderTopColor"), Fs = Me("borderRightColor"), Us = Me("borderBottomColor"), Ls = Me("borderLeftColor"), js = Me("outline", Oe), Gs = Me("outlineColor"), nt = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const n = Pn(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (r) => ({
       borderRadius: On(n, r)
@@ -4541,7 +4548,7 @@ nt.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: Ye
 } : {};
 nt.filterProps = ["borderRadius"];
-et(ks, Ns, Ds, Bs, Is, _s, Fs, $s, Us, Ls, nt, js, Gs);
+et(ks, Ns, Ds, Bs, Is, _s, $s, Fs, Us, Ls, nt, js, Gs);
 const tt = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const n = Pn(e.theme, "spacing", 8, "gap"), t = (r) => ({
@@ -5274,10 +5281,10 @@ function yc(e) {
 }
 const _r = {
   textTransform: "uppercase"
-}, Fr = '"Roboto", "Helvetica", "Arial", sans-serif';
+}, $r = '"Roboto", "Helvetica", "Arial", sans-serif';
 function vc(e, n) {
   const {
-    fontFamily: t = Fr,
+    fontFamily: t = $r,
     // The default font size of the Material Specification.
     fontSize: r = 14,
     // px
@@ -5302,7 +5309,7 @@ function vc(e, n) {
     lineHeight: M,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
-    ...t === Fr ? {
+    ...t === $r ? {
       letterSpacing: `${yc(w / x)}em`
     } : {},
     ...P,
@@ -5372,7 +5379,7 @@ const Ec = ["none", se(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), se(0, 3, 1, -2, 0,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function $r(e) {
+function Fr(e) {
   return `${Math.round(e)}ms`;
 }
 function Tc(e) {
@@ -5403,7 +5410,7 @@ function Rc(e) {
         !p(a) && !Array.isArray(a) && console.error('MUI: Argument "props" must be a string or Array.'), !g(c) && !p(c) && console.error(`MUI: Argument "duration" must be a number or a string but found ${c}.`), p(o) || console.error('MUI: Argument "easing" must be a string.'), !g(f) && !p(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
 `)), Object.keys(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
       }
-      return (Array.isArray(a) ? a : [a]).map((p) => `${p} ${typeof c == "string" ? c : $r(c)} ${o} ${typeof f == "string" ? f : $r(f)}`).join(",");
+      return (Array.isArray(a) ? a : [a]).map((p) => `${p} ${typeof c == "string" ? c : Fr(c)} ${o} ${typeof f == "string" ? f : Fr(f)}`).join(",");
     },
     ...e,
     easing: n,
@@ -5612,7 +5619,7 @@ const Be = (e) => {
     return e();
   } catch {
   }
-}, Fc = (e = "mui") => ii(e);
+}, $c = (e = "mui") => ii(e);
 function St(e, n, t, r) {
   if (!n)
     return;
@@ -5648,7 +5655,7 @@ function St(e, n, t, r) {
     overlays: (n == null ? void 0 : n.overlays) || ma(a)
   }, c;
 }
-function $c(e = {}, ...n) {
+function Fc(e = {}, ...n) {
   const {
     colorSchemes: t = {
       light: !0
@@ -5660,7 +5667,7 @@ function $c(e = {}, ...n) {
     colorSchemeSelector: o = t.light && t.dark ? "media" : void 0,
     rootSelector: f = ":root",
     ...d
-  } = e, p = Object.keys(t)[0], g = r || (t.light && p !== "light" ? "light" : p), m = Fc(i), {
+  } = e, p = Object.keys(t)[0], g = r || (t.light && p !== "light" ? "light" : p), m = $c(i), {
     [g]: E,
     light: v,
     dark: u,
@@ -5778,7 +5785,7 @@ function Uc(e = {}, ...n) {
       palette: g.palette
     }, Ur(g, "light", d.light)), g;
   }
-  return !t && !("light" in d) && o === "light" && (d.light = !0), $c({
+  return !t && !("light" in d) && o === "light" && (d.light = !0), Fc({
     ...c,
     colorSchemes: d,
     defaultColorScheme: o,
@@ -6228,7 +6235,7 @@ export {
   Tu as Tag,
   Ru as Tooltip,
   Eu as Transitioner,
-  Fe as TypographyCustom,
+  $e as TypographyCustom,
   Nu as isTextLarge,
   ku as textShortner
 };

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.77",
+  "version": "1.0.79",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",