@fangzsx/component-library 0.0.41 → 0.0.43

package/dist/components/AppBarPublic/index.js

@@ -1,17 +1,17 @@
 import { jsx as n, jsxs as y } from "react/jsx-runtime";
-import { c as E } from "../../createSvgIcon-C0YrvByi.js";
+import { c as j } from "../../createSvgIcon-C0YrvByi.js";
 import { Stack as w, Popper as $, ClickAwayListener as D, Paper as U } from "@mui/material";
 import * as C from "react";
 import { useState as Z } from "react";
 import { C as G, B as b } from "../../index-D9x5yU0s.js";
 import { g as V, a as A, c as l, P as r } from "../../generateUtilityClasses-BCID9NF1.js";
-import { u as H, s as B, c as T, a as h, m as v } from "../../DefaultPropsProvider-DVX_ssOt.js";
+import { u as H, s as B, c as h, a as T, m as v } from "../../DefaultPropsProvider-DVX_ssOt.js";
 import { c as I, a as F } from "../../useTimeout-UzNJH-cm.js";
 import { P as W } from "../../Paper-Cz0ZdEav.js";
 import { u as _ } from "../../useId-CK6Kn3Tn.js";
 import { B as q } from "../../ButtonBase-CSQZHD_g.js";
 import { B as Y } from "../../Box-DPlM16yK.js";
-const J = E(/* @__PURE__ */ n("path", {
+const J = j(/* @__PURE__ */ n("path", {
   d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
 }), "Menu");
 function K(o) {
@@ -26,7 +26,7 @@ const Q = (o) => {
   } = o, s = {
     root: ["root", `color${l(e)}`, `position${l(a)}`]
   };
-  return h(s, K, t);
+  return T(s, K, t);
 }, L = (o, e) => o ? `${o?.replace(")", "")}, ${e})` : e, X = B(W, {
   name: "MuiAppBar",
   slot: "Root",
@@ -175,7 +175,7 @@ const Q = (o) => {
     component: "header",
     ownerState: d,
     elevation: 4,
-    className: T(g.root, s, i === "fixed" && "mui-fixed"),
+    className: h(g.root, s, i === "fixed" && "mui-fixed"),
     ref: a,
     ...u
   });
@@ -248,7 +248,7 @@ const R = A("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
   };
-  return h(i, o2, e);
+  return T(i, o2, e);
 }, e2 = B(q, {
   name: "MuiIconButton",
   slot: "Root",
@@ -396,13 +396,13 @@ const R = A("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     size: g = "medium",
     id: z,
     loading: f = null,
-    loadingIndicator: P,
-    ...j
-  } = t, O = _(z), S = P ?? /* @__PURE__ */ n(G, {
+    loadingIndicator: E,
+    ...P
+  } = t, O = _(z), S = E ?? /* @__PURE__ */ n(G, {
     "aria-labelledby": O,
     color: "inherit",
     size: 16
-  }), m = {
+  }), x = {
     ...t,
     edge: s,
     color: i,
@@ -411,25 +411,25 @@ const R = A("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     loading: f,
     loadingIndicator: S,
     size: g
-  }, x = r2(m);
+  }, m = r2(x);
   return /* @__PURE__ */ y(e2, {
     id: f ? O : z,
-    className: T(x.root, c),
+    className: h(m.root, c),
     centerRipple: !0,
     focusRipple: !d,
     disabled: u || f,
     ref: a,
-    ...j,
-    ownerState: m,
+    ...P,
+    ownerState: x,
     children: [typeof f == "boolean" && // use plain HTML span to minimize the runtime overhead
     /* @__PURE__ */ n("span", {
-      className: x.loadingWrapper,
+      className: m.loadingWrapper,
       style: {
         display: "contents"
       },
       children: /* @__PURE__ */ n(a2, {
-        className: x.loadingIndicator,
-        ownerState: m,
+        className: m.loadingIndicator,
+        ownerState: x,
         children: f && S
       })
     }), p]
@@ -524,7 +524,7 @@ const n2 = (o) => {
     disableGutters: a,
     variant: t
   } = o;
-  return h({
+  return T({
     root: ["root", !a && "gutters", t]
   }, t2, e);
 }, s2 = B("div", {
@@ -585,7 +585,7 @@ const n2 = (o) => {
   }, g = n2(d);
   return /* @__PURE__ */ n(s2, {
     as: p,
-    className: T(g.root, s),
+    className: h(g.root, s),
     ref: a,
     ownerState: d,
     ...u
@@ -630,15 +630,18 @@ process.env.NODE_ENV !== "production" && (N.propTypes = {
   variant: r.oneOfType([r.oneOf(["dense", "regular"]), r.string])
 });
 const i2 = "data:image/svg+xml,%3csvg%20width='107'%20height='40'%20viewBox='0%200%20107%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200V32.1252L3.0277%2033.8762L10.5965%2038.2503L13.6243%2040L16.652%2038.2503L24.2208%2033.8762L27.2485%2032.1261V0H0ZM24.2208%2030.3751L13.6243%2036.5002L3.0277%2030.3751V3.03121H24.2208V30.3751Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M16.6808%2017.1008V10.8984H10.5728C10.5728%2012.1316%209.54697%2013.1315%208.28221%2013.1315V16.1098H10.5728V18.5895H22.7887V29.3101L13.6268%2034.4681L4.46484%2029.3101V22.3121H10.5728V25.7586L13.6226%2027.4759L16.6808%2025.7527V20.8352H4.46484V4.94531H22.7887V17.1008H16.6808Z'%20fill='%2327A4E8'/%3e%3cpath%20d='M46.0749%208.7868C46.0749%208.81752%2046.0749%208.84824%2046.0749%208.87896C46.0749%2011.1917%2046.0749%2013.5044%2046.0749%2015.8172C46.0738%2015.8325%2046.0738%2015.8479%2046.0749%2015.8632C46.0826%2015.9214%2046.0573%2015.9378%2046.0003%2015.9378C44.792%2015.9378%2043.5836%2015.9378%2042.3752%2015.9378C42.3127%2015.9378%2042.2996%2015.9175%2042.2996%2015.8589C42.2996%2014.731%2042.2996%2013.6032%2042.2996%2012.4753C42.2996%2012.3826%2042.2996%2012.3821%2042.2058%2012.3821H40.6888C40.5989%2012.3821%2040.5989%2012.3821%2040.5989%2012.4737V17.7859C40.5989%2017.8743%2040.5988%2017.8743%2040.6904%2017.8743C41.7058%2017.8743%2042.719%2017.8655%2043.7365%2017.877C44.6746%2017.8885%2045.3748%2018.3246%2045.8391%2019.1354C46.0038%2019.4378%2046.0855%2019.7785%2046.076%2020.1228C46.076%2023.0587%2046.076%2025.9946%2046.076%2028.9305C46.0789%2028.974%2046.0617%2029.0165%2046.0294%2029.0457C45.2655%2029.7632%2044.5019%2030.4813%2043.7387%2031.1999C43.7144%2031.2167%2043.6867%2031.2279%2043.6576%2031.2328C43.6394%2031.2353%2043.621%2031.2353%2043.6028%2031.2328H36.8323V24.0664H40.5989V27.5618C40.5989%2027.6557%2040.5988%2027.6557%2040.691%2027.6557C41.2019%2027.6557%2041.7129%2027.6557%2042.2261%2027.6557C42.2908%2027.6557%2042.3056%2027.6359%2042.3056%2027.5739C42.3056%2025.5574%2042.3056%2023.5409%2042.3056%2021.5244C42.3056%2021.4597%2042.2864%2021.4443%2042.2239%2021.4448C41.1997%2021.4448%2040.1756%2021.4498%2039.1536%2021.4448C38.5073%2021.4512%2037.8866%2021.1925%2037.4359%2020.729C37.1138%2020.4131%2036.9071%2019.9981%2036.8487%2019.5507C36.8368%2019.4528%2036.8311%2019.3542%2036.8317%2019.2555C36.8317%2016.5435%2036.8317%2013.8314%2036.8317%2011.1193C36.8273%2011.0738%2036.8441%2011.0289%2036.8773%2010.9975C37.6393%2010.2778%2038.4001%209.55698%2039.1597%208.83508C39.1739%208.81944%2039.1869%208.80275%2039.1986%208.78516L46.0749%208.7868Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M57.369%208.78711C57.369%208.82002%2057.369%208.85294%2057.369%208.8853V12.2864C57.369%2012.3802%2057.369%2012.3802%2057.2769%2012.3802H53.0334C53.0115%2012.3802%2052.989%2012.3802%2052.9676%2012.3802C52.9128%2012.3741%2052.8925%2012.395%2052.8925%2012.4537C52.8925%2014.1301%2052.8925%2015.8065%2052.8925%2017.4829C52.8925%2017.5043%2052.8925%2017.5262%2052.8958%2017.5548H56.5329V21.1275C56.5044%2021.1275%2056.4748%2021.1314%2056.4452%2021.1314H52.9912C52.8925%2021.1314%2052.8925%2021.1314%2052.8925%2021.2323V27.5605C52.8925%2027.6565%2052.8925%2027.6565%2052.9884%2027.6565H57.5977V31.2271C57.5763%2031.2271%2057.5533%2031.2309%2057.5302%2031.2309C54.7524%2031.2309%2051.9745%2031.2309%2049.1967%2031.2309C49.1347%2031.2309%2049.1133%2031.2112%2049.1205%2031.1525C49.1216%2031.1328%2049.1216%2031.113%2049.1205%2031.0932V8.89902C49.1205%208.86171%2049.1205%208.82441%2049.1205%208.7893L57.369%208.78711Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M62.8666%208.78906H69.7501V16.0685H65.9643V12.3898H64.2433V27.653H65.9643V23.9272H69.7501V29.0304L67.3415%2031.2378H60.4883V11.0431L62.8666%208.78906Z'%20fill='%230B6B9F'/%3e%3cpath%20d='M94.9616%208.84635V31.1432C94.9616%2031.2339%2094.9616%2031.2339%2094.8728%2031.2339H94.6875C93.4341%2031.2339%2092.1808%2031.2339%2090.9275%2031.2339H90.8271C90.8075%2031.2348%2090.7878%2031.2314%2090.7696%2031.2238C90.7453%2031.2088%2090.7294%2031.1832%2090.7268%2031.1547C90.5415%2030.3406%2090.3547%2029.5266%2090.1665%2028.7125L89.3326%2025.092C89.0632%2023.9217%2088.794%2022.7515%2088.525%2021.5812C88.5135%2021.5291%2088.4987%2021.4781%2088.4855%2021.4271H88.4685V31.232H84.8149C84.68%2031.232%2084.6938%2031.2534%2084.6938%2031.1092C84.6938%2023.7014%2084.6938%2016.2938%2084.6938%208.8864C84.6938%208.85349%2084.6938%208.82057%2084.6938%208.78766H89.0491C89.0483%208.79422%2089.0483%208.80085%2089.0491%208.80741L89.4455%2010.6067C89.6542%2011.5524%2089.8629%2012.4981%2090.0716%2013.4438C90.2504%2014.2524%2090.4291%2015.0612%2090.6078%2015.8701C90.6612%2016.1104%2090.714%2016.3509%2090.7663%2016.5915L90.9242%2017.3085C90.9823%2017.574%2091.0406%2017.8396%2091.0991%2018.1055C91.1259%2018.2284%2091.1539%2018.3507%2091.1819%2018.4731H91.1983V8.86555C91.1983%208.83922%2091.1983%208.81344%2091.1939%208.78711H94.9572C94.961%208.80686%2094.9616%208.82661%2094.9616%208.84635Z'%20fill='%2327A4E8'/%3e%3cpath%20d='M78.1551%208.76172H81.971C81.971%208.79628%2081.9672%208.83139%2081.9672%208.86649C81.9672%2015.5304%2081.9672%2022.1941%2081.9672%2028.8577C81.9725%2028.9054%2081.9557%2028.9529%2081.9217%2028.9866C81.1596%2029.7118%2080.3977%2030.4377%2079.636%2031.1644C79.6073%2031.1893%2079.5708%2031.2034%2079.5329%2031.2044C77.3267%2031.2066%2075.1205%2031.2066%2072.9143%2031.2044C72.8913%2031.2044%2072.8682%2031.2044%2072.8408%2031.2001V8.87143C72.8408%208.83468%2072.8408%208.79738%2072.8408%208.76172H76.6567C76.6567%208.78531%2076.6523%208.80944%2076.6523%208.83358C76.6523%2015.036%2076.6523%2021.2386%2076.6523%2027.4413C76.6523%2027.5082%2076.6693%2027.5263%2076.7362%2027.5263C77.1748%2027.5231%2077.6178%2027.5263%2078.0586%2027.5263C78.1622%2027.5263%2078.1622%2027.5263%2078.1622%2027.4238C78.1622%2021.2323%2078.1622%2015.0405%2078.1622%208.84839C78.1584%208.81657%2078.1562%208.7886%2078.1551%208.76172Z'%20fill='%2327A4E8'/%3e%3cpath%20d='M100.474%208.76172L98.0066%2011.2302L98%2011.1907V31.2335C99.2526%2031.2313%20100.506%2031.2313%20101.76%2031.2335V24.0666H103.099V31.2335C104.352%2031.2313%20105.605%2031.2313%20106.859%2031.2335V8.76172H100.474ZM101.76%2020.6106V12.2177H103.099V20.6106H101.76Z'%20fill='%2327A4E8'/%3e%3c/svg%3e";
-function m2({ onLogin: o, onSignUp: e }) {
+function x2({ onLogin: o, onSignUp: e }) {
   const [a, t] = Z(null), s = !!a;
   return /* @__PURE__ */ n(
     M,
     {
       position: "sticky",
+      elevation: 0,
       sx: {
         top: 0,
-        zIndex: 1200
+        zIndex: 1200,
+        boxShadow: "0px 5px 20px -5px rgba(0, 0, 0, 0.03)",
+        borderBottom: "1px solid #E6EAED"
       },
       children: /* @__PURE__ */ y(N, { sx: { backgroundColor: "white", justifyContent: "space-between" }, children: [
         /* @__PURE__ */ n(
@@ -695,5 +698,5 @@ function m2({ onLogin: o, onSignUp: e }) {
   );
 }
 export {
-  m2 as AppBarPublic
+  x2 as AppBarPublic
 };

package/dist/components/CheckboxGroup/index.d.ts

@@ -14,5 +14,6 @@ export interface CheckboxGroupProps {
     onChange?: (checkedValues: string[]) => void;
     sx?: any;
     forceError?: boolean;
+    disabled?: boolean;
 }
-export declare function CheckboxGroup({ options, required, minChecked, maxChecked, errorMessage, helperText, onChange, sx, forceError, }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxGroup({ options, required, minChecked, maxChecked, errorMessage, helperText, onChange, sx, forceError, disabled, }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/CheckboxGroup/index.js

@@ -1,39 +1,41 @@
-import { jsxs as x, jsx as l } from "react/jsx-runtime";
-import { FormControl as G, FormGroup as I, FormControlLabel as y, Checkbox as B, FormHelperText as f } from "@mui/material";
+import { jsxs as G, jsx as l } from "react/jsx-runtime";
+import { FormControl as I, FormGroup as y, FormControlLabel as B, Checkbox as C, FormHelperText as p } from "@mui/material";
 import { useState as d } from "react";
-function P({
+function S({
   options: c,
-  required: p = !1,
+  required: b = !1,
   minChecked: r,
   maxChecked: o,
   errorMessage: m,
   helperText: i,
   onChange: u,
-  sx: b,
-  forceError: h = !1
+  sx: h,
+  forceError: g = !1,
+  disabled: f = !1
 }) {
-  const [n, g] = d(
+  const [n, F] = d(
     c.reduce((e, t) => ({
       ...e,
       [t.name]: t.defaultChecked || !1
     }), {})
-  ), [F, v] = d(!1), j = (e) => {
-    v(!0);
+  ), [v, j] = d(!1), L = (e) => {
+    j(!0);
     const t = {
       ...n,
       [e.target.name]: e.target.checked
     };
-    g(t);
-    const M = Object.keys(t).filter(
-      ($) => t[$]
+    F(t);
+    const $ = Object.keys(t).filter(
+      (x) => t[x]
     );
-    u && u(M);
-  }, a = Object.values(n).filter(Boolean).length, s = h || F && (r !== void 0 && a < r || o !== void 0 && a > o), L = () => m || (r !== void 0 && a < r ? `Please select at least ${r} option${r > 1 ? "s" : ""}` : o !== void 0 && a > o ? `Please select no more than ${o} option${o > 1 ? "s" : ""}` : "");
-  return /* @__PURE__ */ x(
-    G,
+    u && u($);
+  }, a = Object.values(n).filter(Boolean).length, s = !f && (g || v && (r !== void 0 && a < r || o !== void 0 && a > o)), M = () => m || (r !== void 0 && a < r ? `Please select at least ${r} option${r > 1 ? "s" : ""}` : o !== void 0 && a > o ? `Please select no more than ${o} option${o > 1 ? "s" : ""}` : "");
+  return /* @__PURE__ */ G(
+    I,
     {
-      required: p,
+      required: b,
       error: s,
+      disabled: f,
       component: "fieldset",
       sx: {
         m: 0,
@@ -47,12 +49,12 @@ function P({
         "& .MuiFormControlLabel-label": {
           margin: "0 !important"
         },
-        ...b
+        ...h
       },
       variant: "standard",
       children: [
-        /* @__PURE__ */ l(I, { children: c.map((e) => /* @__PURE__ */ l(
-          y,
+        /* @__PURE__ */ l(y, { children: c.map((e) => /* @__PURE__ */ l(
+          B,
           {
             sx: {
               color: "#404A58",
@@ -61,10 +63,10 @@ function P({
               }
             },
             control: /* @__PURE__ */ l(
-              B,
+              C,
               {
                 checked: n[e.name] || !1,
-                onChange: j,
+                onChange: L,
                 name: e.name,
                 color: s ? "error" : "primary"
               }
@@ -73,11 +75,11 @@ function P({
           },
           e.name
         )) }),
-        s ? /* @__PURE__ */ l(f, { children: L() }) : i ? /* @__PURE__ */ l(f, { children: i }) : null
+        s ? /* @__PURE__ */ l(p, { children: M() }) : i ? /* @__PURE__ */ l(p, { children: i }) : null
       ]
     }
   );
 }
 export {
-  P as CheckboxGroup
+  S as CheckboxGroup
 };

package/dist/components/TextFieldInput/index.d.ts

@@ -12,5 +12,6 @@ export interface TextFieldInputProps {
     rows?: number;
     sx?: any;
     forceError?: boolean;
+    disabled?: boolean;
 }
-export declare function TextFieldInput({ label, placeholder, required, errorMessage, helperText, variant, onChange, defaultValue, type, multiline, rows, sx, forceError, }: TextFieldInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextFieldInput({ label, placeholder, required, errorMessage, helperText, variant, onChange, defaultValue, type, multiline, rows, sx, forceError, disabled, }: TextFieldInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TextFieldInput/index.js

@@ -1,9 +1,9 @@
-import { jsx as f, jsxs as de } from "react/jsx-runtime";
+import { jsx as b, jsxs as de } from "react/jsx-runtime";
 import * as me from "react";
 import { useState as D } from "react";
 import { g as fe, a as be, P as e } from "../../generateUtilityClasses-BCID9NF1.js";
 import { u as Te, c as he, s as xe, a as ye } from "../../DefaultPropsProvider-DVX_ssOt.js";
-import { u as p } from "../../useSlot-DKccmcQE.js";
+import { u as i } from "../../useSlot-DKccmcQE.js";
 import { u as Pe } from "../../useId-CK6Kn3Tn.js";
 import { O as Ie, F as Fe, I as ge, a as Oe, S as we } from "../../Select-BSsJnv6h.js";
 import { F as Le, a as Se } from "../../FormHelperText-B-xlmRr4.js";
@@ -18,39 +18,39 @@ const Re = {
   outlined: Ie
 }, ve = (s) => {
   const {
-    classes: i
+    classes: a
   } = s;
   return ye({
     root: ["root"]
-  }, je, i);
+  }, je, a);
 }, He = xe(Se, {
   name: "MuiTextField",
   slot: "Root"
-})({}), q = /* @__PURE__ */ me.forwardRef(function(i, a) {
-  const b = Te({
-    props: i,
+})({}), q = /* @__PURE__ */ me.forwardRef(function(a, u) {
+  const T = Te({
+    props: a,
     name: "MuiTextField"
   }), {
-    autoComplete: g,
-    autoFocus: T = !1,
-    children: u,
-    className: O,
-    color: h = "primary",
-    defaultValue: c,
-    disabled: x = !1,
-    error: y = !1,
-    FormHelperTextProps: w,
+    autoComplete: O,
+    autoFocus: h = !1,
+    children: c,
+    className: w,
+    color: x = "primary",
+    defaultValue: d,
+    disabled: y = !1,
+    error: P = !1,
+    FormHelperTextProps: L,
     fullWidth: l = !1,
-    helperText: d,
-    id: L,
-    InputLabelProps: S,
-    inputProps: C,
-    InputProps: j,
-    inputRef: R,
+    helperText: p,
+    id: S,
+    InputLabelProps: C,
+    inputProps: j,
+    InputProps: R,
+    inputRef: v,
     label: t,
-    maxRows: v,
-    minRows: P,
-    multiline: N = !1,
+    maxRows: I,
+    minRows: H,
+    multiline: m = !1,
     name: _,
     onBlur: $,
     onChange: z,
@@ -58,40 +58,40 @@ const Re = {
     placeholder: G,
     required: V = !1,
     rows: J,
-    select: I = !1,
-    SelectProps: H,
+    select: F = !1,
+    SelectProps: M,
     slots: B = {},
     slotProps: K = {},
     type: Q,
     value: U,
-    variant: F = "outlined",
+    variant: g = "outlined",
     ...X
-  } = b, o = {
-    ...b,
-    autoFocus: T,
-    color: h,
-    disabled: x,
-    error: y,
+  } = T, o = {
+    ...T,
+    autoFocus: h,
+    color: x,
+    disabled: y,
+    error: P,
     fullWidth: l,
-    multiline: N,
+    multiline: m,
     required: V,
-    select: I,
-    variant: F
+    select: F,
+    variant: g
   }, Y = ve(o);
-  process.env.NODE_ENV !== "production" && I && !u && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
-  const n = Pe(L), M = d && n ? `${n}-helper-text` : void 0, k = t && n ? `${n}-label` : void 0, Z = Re[F], r = {
+  process.env.NODE_ENV !== "production" && F && !c && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
+  const n = Pe(S), E = p && n ? `${n}-helper-text` : void 0, k = t && n ? `${n}-label` : void 0, Z = Re[g], r = {
     slots: B,
     slotProps: {
-      input: j,
-      inputLabel: S,
-      htmlInput: C,
-      formHelperText: w,
-      select: H,
+      input: R,
+      inputLabel: C,
+      htmlInput: j,
+      formHelperText: L,
+      select: M,
       ...K
     }
-  }, m = {}, E = r.slotProps.inputLabel;
-  F === "outlined" && (E && typeof E.shrink < "u" && (m.notched = E.shrink), m.label = t), I && ((!H || !H.native) && (m.id = void 0), m["aria-describedby"] = void 0);
-  const [ee, te] = p("root", {
+  }, f = {}, N = r.slotProps.inputLabel;
+  g === "outlined" && (N && typeof N.shrink < "u" && (f.notched = N.shrink), f.label = t), F && ((!M || !M.native) && (f.id = void 0), f["aria-describedby"] = void 0);
+  const [ee, te] = i("root", {
     elementType: He,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
@@ -99,52 +99,52 @@ const Re = {
       ...X
     },
     ownerState: o,
-    className: he(Y.root, O),
-    ref: a,
+    className: he(Y.root, w),
+    ref: u,
     additionalProps: {
-      disabled: x,
-      error: y,
+      disabled: y,
+      error: P,
       fullWidth: l,
       required: V,
-      color: h,
-      variant: F
+      color: x,
+      variant: g
     }
-  }), [oe, ne] = p("input", {
+  }), [oe, ne] = i("input", {
     elementType: Z,
     externalForwardedProps: r,
-    additionalProps: m,
+    additionalProps: f,
     ownerState: o
-  }), [re, se] = p("inputLabel", {
+  }), [re, se] = i("inputLabel", {
     elementType: Oe,
     externalForwardedProps: r,
     ownerState: o
-  }), [le, pe] = p("htmlInput", {
+  }), [le, pe] = i("htmlInput", {
     elementType: "input",
     externalForwardedProps: r,
     ownerState: o
-  }), [ie, ae] = p("formHelperText", {
+  }), [ie, ae] = i("formHelperText", {
     elementType: Le,
     externalForwardedProps: r,
     ownerState: o
-  }), [ue, ce] = p("select", {
+  }), [ue, ce] = i("select", {
     elementType: we,
     externalForwardedProps: r,
     ownerState: o
-  }), W = /* @__PURE__ */ f(oe, {
-    "aria-describedby": M,
-    autoComplete: g,
-    autoFocus: T,
-    defaultValue: c,
+  }), W = /* @__PURE__ */ b(oe, {
+    "aria-describedby": E,
+    autoComplete: O,
+    autoFocus: h,
+    defaultValue: d,
     fullWidth: l,
-    multiline: N,
+    multiline: m,
     name: _,
     rows: J,
-    maxRows: v,
-    minRows: P,
+    maxRows: I,
+    minRows: H,
     type: Q,
     value: U,
     id: n,
-    inputRef: R,
+    inputRef: v,
     onBlur: $,
     onChange: z,
     onFocus: A,
@@ -157,23 +157,23 @@ const Re = {
   });
   return /* @__PURE__ */ de(ee, {
     ...te,
-    children: [t != null && t !== "" && /* @__PURE__ */ f(re, {
+    children: [t != null && t !== "" && /* @__PURE__ */ b(re, {
       htmlFor: n,
       id: k,
       ...se,
       children: t
-    }), I ? /* @__PURE__ */ f(ue, {
-      "aria-describedby": M,
+    }), F ? /* @__PURE__ */ b(ue, {
+      "aria-describedby": E,
       id: n,
       labelId: k,
       value: U,
       input: W,
       ...ce,
-      children: u
-    }) : W, d && /* @__PURE__ */ f(ie, {
-      id: M,
+      children: c
+    }) : W, p && /* @__PURE__ */ b(ie, {
+      id: E,
       ...ae,
-      children: d
+      children: p
     })]
   });
 });
@@ -381,46 +381,48 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
 });
 function qe({
   label: s,
-  placeholder: i,
-  required: a = !1,
-  errorMessage: b = "This field is required",
-  helperText: g,
-  variant: T = "outlined",
-  onChange: u,
-  defaultValue: O = "",
-  type: h = "text",
-  multiline: c = !1,
-  rows: x,
-  sx: y,
-  forceError: w = !1
+  placeholder: a,
+  required: u = !1,
+  errorMessage: T = "This field is required",
+  helperText: O,
+  variant: h = "outlined",
+  onChange: c,
+  defaultValue: w = "",
+  type: x = "text",
+  multiline: d = !1,
+  rows: y,
+  sx: P,
+  forceError: L = !1,
+  disabled: l = !1
 }) {
-  const [l, d] = D(O), [L, S] = D(!1), C = (v) => {
-    const P = v.target.value;
-    d(P), u && u(P);
-  }, j = () => {
-    S(!0);
-  }, R = String(l || "").trim() === "", t = w || L && a && R;
-  return /* @__PURE__ */ f(
+  const [p, S] = D(w), [C, j] = D(!1), R = (H) => {
+    const m = H.target.value;
+    S(m), c && c(m);
+  }, v = () => {
+    j(!0);
+  }, t = String(p || "").trim() === "", I = !l && (L || C && u && t);
+  return /* @__PURE__ */ b(
     q,
     {
       label: s,
-      placeholder: i,
-      value: l,
-      onChange: C,
-      onBlur: j,
-      error: t,
-      helperText: t ? b : g || " ",
-      variant: T,
-      required: a,
-      type: h,
-      multiline: c,
-      rows: x,
-      InputLabelProps: {
-        shrink: !0
+      placeholder: a,
+      value: p,
+      onChange: R,
+      onBlur: v,
+      error: I,
+      helperText: I ? T : O || " ",
+      variant: h,
+      required: u,
+      disabled: l,
+      type: x,
+      multiline: d,
+      rows: y,
+      slotProps: {
+        inputLabel: { shrink: !0 }
       },
       sx: {
         "& .MuiInputBase-root": {
-          height: c ? "auto" : 40
+          height: d ? "auto" : 40
         },
         "& .MuiInputLabel-root": {
           transform: "translate(14px, -9px) scale(0.75)",
@@ -429,7 +431,7 @@ function qe({
           }
         },
         "& .MuiOutlinedInput-input": {
-          padding: c ? "8.5px 14px" : "8px 14px"
+          padding: d ? "8.5px 14px" : "8px 14px"
         },
         "& .MuiFormHelperText-root": {
           marginLeft: 0,
@@ -439,7 +441,7 @@ function qe({
           border: "none !important",
           outline: "none !important"
         },
-        ...y
+        ...P
       },
       fullWidth: !0
     }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fangzsx/component-library",
   "author": "Jay Gilbert Garzon",
   "private": false,
-  "version": "0.0.41",
+  "version": "0.0.43",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",