@dev-blinq/ui-systems 1.0.85 → 1.0.86

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as we from "react";
-import Fe, { useRef as Qa, useState as Ae, useEffect as Qr, forwardRef as ei, useContext as ni, useLayoutEffect as ti } from "react";
+import Fe, { useRef as Qa, useState as Ee, useEffect as Qr, forwardRef as ei, useContext as ni, useLayoutEffect as ti } from "react";
 import { Typography as ze, Tooltip as ea, IconButton as Je, Tabs as ri, Tab as ai, Box as ue, Menu as ii, MenuItem as Dt, Divider as oi, LinearProgress as si, Card as or, Dialog as ci, CircularProgress as ui, styled as na, Button as li, TextField as di, InputAdornment as sr, Select as fi, FormControl as pi, Checkbox as gi, FormControlLabel as hi, createTheme as mi } from "@mui/material";
 import { createSpacing as yi, unstable_createGetCssVar as vi } from "@mui/system";
 import bi, { internal_serializeStyles as en, internal_mutateStyles as Si } from "@mui/styled-engine";
@@ -239,29 +239,29 @@ function xi() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(H, []);
-            } catch (Ee) {
-              $ = Ee;
+            } catch (Ae) {
+              $ = Ae;
             }
             Reflect.construct(l, [], H);
           } else {
             try {
               H.call();
-            } catch (Ee) {
-              $ = Ee;
+            } catch (Ae) {
+              $ = Ae;
             }
             l.call(H.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Ee) {
-            $ = Ee;
+          } catch (Ae) {
+            $ = Ae;
           }
           l();
         }
-      } catch (Ee) {
-        if (Ee && $ && typeof Ee.stack == "string") {
-          for (var W = Ee.stack.split(`
+      } catch (Ae) {
+        if (Ae && $ && typeof Ae.stack == "string") {
+          for (var W = Ae.stack.split(`
 `), xe = $.stack.split(`
 `), ge = W.length - 1, me = xe.length - 1; ge >= 1 && me >= 0 && W[ge] !== xe[me]; )
             me--;
@@ -608,11 +608,11 @@ Check the top-level render call using <` + O + ">.");
               rr(De, l);
         }
         if (mn.call(C, "key")) {
-          var qe = F(l), Ee = Object.keys(C).filter(function(Ja) {
+          var qe = F(l), Ae = Object.keys(C).filter(function(Ja) {
             return Ja !== "key";
-          }), pt = Ee.length > 0 ? "{key: someKey, " + Ee.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), pt = Ae.length > 0 ? "{key: someKey, " + Ae.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!ar[qe + pt]) {
-            var qa = Ee.length > 0 ? "{" + Ee.join(": ..., ") + ": ...}" : "{}";
+            var qa = Ae.length > 0 ? "{" + Ae.join(": ..., ") + ": ...}" : "{}";
             M(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -647,7 +647,7 @@ const Ue = ({ children: e, Size: n, category: t, bold: r, sx: a, ...i }) => /* @
     ...i,
     children: e
   }
-), Bu = ({
+), Fu = ({
   size: e = "lg",
   colorHierarchy: n = "brand/primary",
   disabled: t = !1,
@@ -969,7 +969,7 @@ It.exports = function(n) {
 It.exports.currencySymbolMap = Tt;
 var Pi = It.exports;
 const Oi = /* @__PURE__ */ ta(Pi), ki = (e) => {
-  const [n, t] = Ae(""), [r, a] = Ae("USD"), [i, s] = Ae([]), c = Fe.useRef(null);
+  const [n, t] = Ee(""), [r, a] = Ee("USD"), [i, s] = Ee([]), c = Fe.useRef(null);
   Qr(() => {
     const h = [...new Set(Object.values(Bt).map((d) => d.currency))];
     s(h);
@@ -1223,7 +1223,7 @@ const Oi = /* @__PURE__ */ ta(Pi), ki = (e) => {
     default:
       return lr(e);
   }
-}, ji = (e) => /* @__PURE__ */ we.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...e }, /* @__PURE__ */ we.createElement("path", { d: "M13.5306 8.53065L8.5306 13.5307C8.46083 13.6004 8.37801 13.6558 8.28686 13.6935C8.19571 13.7313 8.09801 13.7507 7.99935 13.7507C7.90069 13.7507 7.80299 13.7313 7.71184 13.6935C7.62069 13.6558 7.53786 13.6004 7.4681 13.5307C7.39833 13.4609 7.34299 13.3781 7.30524 13.2869C7.26748 13.1958 7.24805 13.0981 7.24805 12.9994C7.24805 12.9007 7.26748 12.803 7.30524 12.7119C7.34299 12.6207 7.39833 12.5379 7.4681 12.4682L12.4681 7.46815C12.5379 7.39839 12.6207 7.34304 12.7118 7.30529C12.803 7.26753 12.9007 7.2481 12.9993 7.2481C13.098 7.2481 13.1957 7.26753 13.2869 7.30529C13.378 7.34304 13.4608 7.39839 13.5306 7.46815C13.6004 7.53791 13.6557 7.62074 13.6935 7.71189C13.7312 7.80304 13.7506 7.90074 13.7506 7.9994C13.7506 8.09806 13.7312 8.19576 13.6935 8.28691C13.6557 8.37806 13.6004 8.46089 13.5306 8.53065ZM12.5306 1.96815C12.4609 1.89823 12.3781 1.84275 12.287 1.8049C12.1958 1.76704 12.0981 1.74756 11.9993 1.74756C11.9006 1.74756 11.8029 1.76704 11.7117 1.8049C11.6206 1.84275 11.5378 1.89823 11.4681 1.96815L1.9681 11.4682C1.8272 11.609 1.74805 11.8001 1.74805 11.9994C1.74805 12.1987 1.8272 12.3898 1.9681 12.5307C2.10899 12.6715 2.30009 12.7507 2.49935 12.7507C2.69861 12.7507 2.8897 12.6715 3.0306 12.5307L12.5306 3.03065C12.6003 2.961 12.6556 2.87828 12.6934 2.78723C12.7311 2.69618 12.7506 2.59859 12.7506 2.50003C12.7506 2.40146 12.7311 2.30387 12.6934 2.21282C12.6556 2.12177 12.6003 2.03905 12.5306 1.9694V1.96815Z", fill: "#717076" })), Iu = ({
+}, ji = (e) => /* @__PURE__ */ we.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...e }, /* @__PURE__ */ we.createElement("path", { d: "M13.5306 8.53065L8.5306 13.5307C8.46083 13.6004 8.37801 13.6558 8.28686 13.6935C8.19571 13.7313 8.09801 13.7507 7.99935 13.7507C7.90069 13.7507 7.80299 13.7313 7.71184 13.6935C7.62069 13.6558 7.53786 13.6004 7.4681 13.5307C7.39833 13.4609 7.34299 13.3781 7.30524 13.2869C7.26748 13.1958 7.24805 13.0981 7.24805 12.9994C7.24805 12.9007 7.26748 12.803 7.30524 12.7119C7.34299 12.6207 7.39833 12.5379 7.4681 12.4682L12.4681 7.46815C12.5379 7.39839 12.6207 7.34304 12.7118 7.30529C12.803 7.26753 12.9007 7.2481 12.9993 7.2481C13.098 7.2481 13.1957 7.26753 13.2869 7.30529C13.378 7.34304 13.4608 7.39839 13.5306 7.46815C13.6004 7.53791 13.6557 7.62074 13.6935 7.71189C13.7312 7.80304 13.7506 7.90074 13.7506 7.9994C13.7506 8.09806 13.7312 8.19576 13.6935 8.28691C13.6557 8.37806 13.6004 8.46089 13.5306 8.53065ZM12.5306 1.96815C12.4609 1.89823 12.3781 1.84275 12.287 1.8049C12.1958 1.76704 12.0981 1.74756 11.9993 1.74756C11.9006 1.74756 11.8029 1.76704 11.7117 1.8049C11.6206 1.84275 11.5378 1.89823 11.4681 1.96815L1.9681 11.4682C1.8272 11.609 1.74805 11.8001 1.74805 11.9994C1.74805 12.1987 1.8272 12.3898 1.9681 12.5307C2.10899 12.6715 2.30009 12.7507 2.49935 12.7507C2.69861 12.7507 2.8897 12.6715 3.0306 12.5307L12.5306 3.03065C12.6003 2.961 12.6556 2.87828 12.6934 2.78723C12.7311 2.69618 12.7506 2.59859 12.7506 2.50003C12.7506 2.40146 12.7311 2.30387 12.6934 2.21282C12.6556 2.12177 12.6003 2.03905 12.5306 1.9694V1.96815Z", fill: "#717076" })), _u = ({
   size: e = "lg",
   designType: n = "default",
   disabled: t = !1,
@@ -1252,7 +1252,7 @@ const Oi = /* @__PURE__ */ ta(Pi), ki = (e) => {
     r && /* @__PURE__ */ g.jsx(Ue, { category: "text", Size: "sm", bold: "semibold", children: r }),
     /* @__PURE__ */ g.jsx($i, { ...d })
   ] });
-}, Fu = ({
+}, $u = ({
   placeholder: e,
   disabled: n = !1,
   errExists: t = !1,
@@ -1260,7 +1260,7 @@ const Oi = /* @__PURE__ */ ta(Pi), ki = (e) => {
   counterVisibility: a = !0,
   ...i
 }) => {
-  const [s, c] = Fe.useState(""), [f, p] = Ae(i.rows || 8), h = (d) => {
+  const [s, c] = Fe.useState(""), [f, p] = Ee(i.rows || 8), h = (d) => {
     p((m) => {
       const x = d === "down" ? m + 1 : m - 1;
       return x < 2 ? 2 : x;
@@ -1329,13 +1329,13 @@ const Oi = /* @__PURE__ */ ta(Pi), ki = (e) => {
       )
     ] })
   ] });
-}, _u = ({
+}, ju = ({
   size: e = "md",
   disabled: n = !1,
   children: t,
   ...r
 }) => {
-  const [a, i] = Ae(r.defaultChecked || !1), s = () => {
+  const [a, i] = Ee(r.defaultChecked || !1), s = () => {
     i(!a), r.onChange && r.onChange();
   };
   return /* @__PURE__ */ g.jsxs("label", { className: "blinq-checkbox", children: [
@@ -1353,13 +1353,13 @@ const Oi = /* @__PURE__ */ ta(Pi), ki = (e) => {
     /* @__PURE__ */ g.jsx("span", { className: "checkmark" }),
     t
   ] });
-}, $u = ({
+}, Lu = ({
   size: e = "md",
   disabled: n = !1,
   children: t,
   ...r
 }) => {
-  const [a, i] = Ae(r.checked || !1), s = () => {
+  const [a, i] = Ee(r.checked || !1), s = () => {
     i(!a), r.onChange && r.onChange();
   };
   return /* @__PURE__ */ g.jsxs("label", { className: "blinq-radio-button", children: [
@@ -1377,7 +1377,7 @@ const Oi = /* @__PURE__ */ ta(Pi), ki = (e) => {
     /* @__PURE__ */ g.jsx("span", { className: "checkmark" }),
     t
   ] });
-}, ju = ({
+}, Uu = ({
   left: e,
   right: n,
   onToggle: t,
@@ -1442,7 +1442,7 @@ const Oi = /* @__PURE__ */ ta(Pi), ki = (e) => {
     ))
   ] });
 };
-function Lu({
+function Gu({
   showFirst: e,
   firstComponent: n,
   secondComponent: t
@@ -2526,7 +2526,7 @@ const Uo = ve(Je)`
   &.Mui-disabled {
     background: var(--color-grey-20);
   }
-`, Uu = ({ size: e = "medium", children: n, sx: t, ...r }) => /* @__PURE__ */ g.jsx(Uo, { size: e, tabIndex: -1, ...r, children: n }), Go = ve(ri)`
+`, Ku = ({ size: e = "medium", children: n, sx: t, ...r }) => /* @__PURE__ */ g.jsx(Uo, { size: e, tabIndex: -1, ...r, children: n }), Go = ve(ri)`
   display: flex;
   align-items: flex-start;
   border-radius: var(--border-radius-radius-lg);
@@ -2569,7 +2569,7 @@ const Uo = ve(Je)`
   border-radius: 50%;
   background: var(--color-error-100);
 `;
-function Gu({ value: e, onChange: n, tabs: t, variant: r }) {
+function Vu({ value: e, onChange: n, tabs: t, variant: r }) {
   return /* @__PURE__ */ g.jsx(
     Go,
     {
@@ -2633,7 +2633,7 @@ const zo = ve(ue)`
 function Ho(e) {
   return e === "primary" ? "var(--color-primary-100)" : e === "secondary" ? "var(--color-orange-100)" : e === "success" ? "var(--color-success-100)" : "var(--color-black)";
 }
-function Ku({ title: e, icon: n, bgcolor: t, color: r, type: a = "default" }) {
+function Wu({ title: e, icon: n, bgcolor: t, color: r, type: a = "default" }) {
   return /* @__PURE__ */ g.jsxs(zo, { type: a, bgcolor: t, children: [
     n && /* @__PURE__ */ g.jsx(g.Fragment, { children: n }),
     /* @__PURE__ */ g.jsx(Le, { value: e, size: "sm", weight: "semi", color: r || Ho(a) })
@@ -2656,8 +2656,8 @@ const Zo = ve(({ className: e, ...n }) => /* @__PURE__ */ g.jsx(ea, { ...n, clas
     wordBreak: "break-all"
   }
 }));
-function Vu(e) {
-  const { placement: n = "bottom-start", enterDelay: t = 800, enterNextDelay: r = 800, textId: a, ...i } = e, [s, c] = Ae(!1);
+function zu(e) {
+  const { placement: n = "bottom-start", enterDelay: t = 800, enterNextDelay: r = 800, textId: a, ...i } = e, [s, c] = Ee(!1);
   return Yo(() => {
     if (a) {
       const p = document.getElementById(a), h = (p == null ? void 0 : p.scrollWidth) || 0, d = (p == null ? void 0 : p.clientWidth) || 0, m = (p == null ? void 0 : p.scrollHeight) || 0, x = (p == null ? void 0 : p.clientHeight) || 0, v = h > d || m > x;
@@ -2828,7 +2828,7 @@ const Xo = ve(ii)`
     height: 14px;
   }
 `;
-function Wu({
+function Hu({
   items: e,
   anchorEl: n,
   handleClose: t,
@@ -6109,8 +6109,8 @@ const zr = du(si)(({ theme: e }) => ({
   /* @__PURE__ */ g.jsx($n, { size: 16 }),
   /* @__PURE__ */ g.jsx($n, { size: 16 }),
   /* @__PURE__ */ g.jsx($n, { size: 16 })
-], zu = ({ noDialog: e }) => {
-  const [n, t] = Ae(0), [r, a] = Ae(1), i = 4;
+], Yu = ({ noDialog: e }) => {
+  const [n, t] = Ee(0), [r, a] = Ee(1), i = 4;
   return Qr(() => {
     const s = setInterval(() => {
       t((c) => {
@@ -6167,7 +6167,7 @@ const zr = du(si)(({ theme: e }) => ({
   "&:focus": {
     outline: "none"
   }
-})), Hu = ({ children: e, ...n }) => /* @__PURE__ */ g.jsx(
+})), Zu = ({ children: e, ...n }) => /* @__PURE__ */ g.jsx(
   bu,
   {
     ...n,
@@ -6380,7 +6380,7 @@ function Pu(e) {
 function Ou(e) {
   return nn({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" }, child: [] }] })(e);
 }
-function Yu({
+function Xu({
   value: e,
   onChange: n,
   options: t,
@@ -6402,7 +6402,7 @@ function Yu({
   maxChar: M = 80,
   showWarningForTextLength: w = !1
 }) {
-  const [k, b] = Ae(!1), [I, B] = Ae(null), [re, V] = Ae(""), [o, D] = Ae(!1), [j, F] = Ae(""), ee = (E) => {
+  const [k, b] = Ee(!1), [I, B] = Ee(null), [re, V] = Ee(""), [o, D] = Ee(!1), [j, F] = Ee(""), ee = (E) => {
     n(E.target.value);
   }, ae = (E, R, _) => {
     m ? (r == null || r(R, R), S(!1)) : (E.stopPropagation(), B(R), V(_));
@@ -6671,20 +6671,42 @@ function Yu({
     }
   );
 }
-ve(gi)`
+const ku = ve(gi)`
   padding: 4px;
+ 
   :not(&.Mui-disabled) {
     .MuiSvgIcon-root {
       fill: var(--color-primary-100);
     }
   }
-`;
-ve(hi)`
+`, Mu = ve(hi)`
   margin-left: 0px;
   margin-right: 0px;
   gap: 4px;
+   &.Mui-disabled {
+    cursor: no-drop;
+  }
 `;
-const Zu = mi({
+function qu(e) {
+  const { label: n, onClick: t, ...r } = e, [a, i] = Ee(r.defaultChecked || !1), s = (c) => {
+    i(c), t && t(c);
+  };
+  return /* @__PURE__ */ g.jsx(
+    Mu,
+    {
+      control: /* @__PURE__ */ g.jsx(
+        ku,
+        {
+          ...r,
+          checked: a,
+          onChange: (c) => s(c.target.checked)
+        }
+      ),
+      label: n
+    }
+  );
+}
+const Ju = mi({
   typography: {
     fontFamily: '"Plus Jakarta Sans", sans-serif'
   },
@@ -6752,32 +6774,33 @@ const Zu = mi({
     // You can also define other palette colors like warning, info, success, etc.
   }
 });
-function Xu(e, n) {
+function Qu(e, n) {
   return e.length > n ? e.substring(0, n - 3) + "..." : e;
 }
-function qu(e, n) {
+function el(e, n) {
   return e.length > n;
 }
 export {
-  Bu as Button,
-  _u as CustomCheckbox,
-  Iu as CustomInput,
-  Wu as CustomMenu,
-  $u as CustomRadioButton,
+  Fu as Button,
+  ju as CustomCheckbox,
+  _u as CustomInput,
+  Hu as CustomMenu,
+  Lu as CustomRadioButton,
   Le as CustomText,
-  Fu as CustomTextArea,
-  ju as CustomToggleSwitch,
-  Uu as IconButtonCustom,
-  zu as LinearProgressBar,
-  Hu as MUIButton,
+  $u as CustomTextArea,
+  Uu as CustomToggleSwitch,
+  Ku as IconButtonCustom,
+  Yu as LinearProgressBar,
+  Zu as MUIButton,
+  qu as MUICheckbox,
   Zr as MUIInput,
-  Yu as MUISelect,
-  Gu as MUITabs,
-  Ku as Tag,
-  Vu as Tooltip,
-  Lu as Transitioner,
+  Xu as MUISelect,
+  Vu as MUITabs,
+  Wu as Tag,
+  zu as Tooltip,
+  Gu as Transitioner,
   Ue as TypographyCustom,
-  Zu as defaultTheme,
-  qu as isTextLarge,
-  Xu as textShortner
+  Ju as defaultTheme,
+  el as isTextLarge,
+  Qu 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.85",
+  "version": "1.0.86",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",