@fangzsx/component-library 0.0.20 → 0.0.22

package/dist/components/TextFieldInput/index.js

@@ -2,20 +2,21 @@ import { jsxs as Te, jsx as I } from "react/jsx-runtime";
 import * as u from "react";
 import ot, { useState as Bt } from "react";
 import { P as e, a as de, g as fe, c as Re, j as on, k as Nt, r as kt } from "../../generateUtilityClasses-BCID9NF1.js";
-import { b as ye, s as U, u as be, c as pe, m as ve, a as ce, r as we, f as Ln } from "../../useForkRef-gLJikozA.js";
-import { i as St, u as re, r as jn, m as An, a as $n, e as Bn } from "../../useSlot-jPRhj-MO.js";
+import { s as U, u as be, c as pe, m as ye, a as ce, r as we, e as Ln } from "../../DefaultPropsProvider-DVX_ssOt.js";
+import { i as St, u as re, r as jn, m as An, a as $n, e as Bn } from "../../useSlot-DKccmcQE.js";
 import { u as rn } from "../../useId-CK6Kn3Tn.js";
 import { a as pt, F as zn, u as zt } from "../../useFormControl-BGLuGvqS.js";
-import { f as dt, i as sn, a as Wn, d as Un, c as Wt, b as Vn, F as Hn } from "../../FormLabel-DLyFlUyL.js";
+import { f as dt, i as sn, a as Wn, d as Un, c as Wt, b as Vn, F as Hn } from "../../FormLabel-D4ON51Wt.js";
 import { _ as _n, b as qn, T as an, e as wt, g as ze, r as Ne, f as ln, c as Mt, a as Ft, d as Kn } from "../../useTimeout-DmOXPFt0.js";
-import { g as Gn } from "../../index-1CH5DDiw.js";
-import { u as cn, P as Xn } from "../../Paper-DZg6u5tT.js";
+import { g as Gn } from "../../index-Cx-D0vTo.js";
+import { u as ve } from "../../useForkRef-9kN4DArm.js";
+import { u as cn, P as Xn } from "../../Paper-oafkOzNM.js";
 import "@mui/system";
 import * as Yn from "react-dom";
 import rt from "react-dom";
-import { m as Zn } from "../../mergeSlotProps-CADAqXOb.js";
+import { m as Zn } from "../../mergeSlotProps-S3NX_8iG.js";
 import { i as Jn } from "../../integerPropType-BihGt2aU.js";
-import { c as Qn } from "../../createSvgIcon-ChKzptBc.js";
+import { c as Qn } from "../../createSvgIcon-C0YrvByi.js";
 const eo = "exact-prop: ​";
 function un(t) {
   return process.env.NODE_ENV === "production" ? t : {
@@ -427,7 +428,7 @@ const dn = /* @__PURE__ */ u.forwardRef(function(n, o) {
     ...d
   } = n, {
     current: m
-  } = u.useRef(l != null), b = u.useRef(null), y = ye(o, b), E = u.useRef(null), f = u.useRef(null), h = u.useCallback(() => {
+  } = u.useRef(l != null), b = u.useRef(null), y = ve(o, b), E = u.useRef(null), f = u.useRef(null), h = u.useCallback(() => {
     const c = b.current, p = f.current;
     if (!c || !p)
       return;
@@ -583,7 +584,7 @@ const ft = (t, n) => {
   name: "MuiInputBase",
   slot: "Root",
   overridesResolver: ft
-})(ve(({
+})(ye(({
   theme: t
 }) => ({
   ...t.typography.body1,
@@ -627,7 +628,7 @@ const ft = (t, n) => {
   name: "MuiInputBase",
   slot: "Input",
   overridesResolver: mt
-})(ve(({
+})(ye(({
   theme: t
 }) => {
   const n = t.palette.mode === "light", o = {
@@ -798,7 +799,7 @@ const ft = (t, n) => {
   } = u.useRef(te != null), Z = u.useRef(), L = u.useCallback((K) => {
     process.env.NODE_ENV !== "production" && K && K.nodeName !== "INPUT" && !K.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), A = ye(Z, p, c.ref, L), [G, ie] = u.useState(!1), F = pt();
+  }, []), A = ve(Z, p, c.ref, L), [G, ie] = u.useState(!1), F = pt();
   process.env.NODE_ENV !== "production" && u.useEffect(() => {
     if (F)
       return F.registerEffect();
@@ -1191,7 +1192,7 @@ const qe = {
     } = t;
     return [...ft(t, n), !o.disableUnderline && n.underline];
   }
-})(ve(({
+})(ye(({
   theme: t
 }) => {
   let o = t.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
@@ -1532,7 +1533,7 @@ const Fe = {
     } = t;
     return [...ft(t, n), !o.disableUnderline && n.underline];
   }
-})(ve(({
+})(ye(({
   theme: t
 }) => {
   const n = t.palette.mode === "light", o = n ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)", r = n ? "rgba(0, 0, 0, 0.06)" : "rgba(255, 255, 255, 0.09)", a = n ? "rgba(0, 0, 0, 0.09)" : "rgba(255, 255, 255, 0.13)", s = n ? "rgba(0, 0, 0, 0.12)" : "rgba(255, 255, 255, 0.12)";
@@ -1669,7 +1670,7 @@ const Fe = {
   name: "MuiFilledInput",
   slot: "Input",
   overridesResolver: mt
-})(ve(({
+})(ye(({
   theme: t
 }) => ({
   paddingTop: 25,
@@ -2009,7 +2010,7 @@ const yo = U("fieldset", {
 }), vo = U("legend", {
   name: "MuiNotchedOutlined",
   shouldForwardProp: we
-})(ve(({
+})(ye(({
   theme: t
 }) => ({
   float: "unset",
@@ -2154,7 +2155,7 @@ const xe = {
   name: "MuiOutlinedInput",
   slot: "Root",
   overridesResolver: ft
-})(ve(({
+})(ye(({
   theme: t
 }) => {
   const n = t.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
@@ -2227,7 +2228,7 @@ const xe = {
 })), Oo = U(fn, {
   name: "MuiOutlinedInput",
   slot: "NotchedOutline"
-})(ve(({
+})(ye(({
   theme: t
 }) => {
   const n = t.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
@@ -2238,7 +2239,7 @@ const xe = {
   name: "MuiOutlinedInput",
   slot: "Input",
   overridesResolver: mt
-})(ve(({
+})(ye(({
   theme: t
 }) => ({
   padding: "16.5px 14px",
@@ -2566,7 +2567,7 @@ const So = (t) => {
       [`& .${Un.asterisk}`]: n.asterisk
     }, n.root, o.formControl && n.formControl, o.size === "small" && n.sizeSmall, o.shrink && n.shrink, !o.disableAnimation && n.animated, o.focused && n.focused, n[o.variant]];
   }
-})(ve(({
+})(ye(({
   theme: t
 }) => ({
   display: "block",
@@ -2814,7 +2815,7 @@ function Co(t) {
   } = An({
     ...s,
     externalSlotProps: i
-  }), m = ye(d, i?.ref, t.additionalProps?.ref);
+  }), m = ve(d, i?.ref, t.additionalProps?.ref);
   return $n(n, {
     ...l,
     ref: m
@@ -3035,7 +3036,7 @@ const vn = /* @__PURE__ */ u.forwardRef(function(n, o) {
       w.previousKeyMatched && ($ || Ke(p, C, !1, d, Ot, w)) ? c.preventDefault() : w.previousKeyMatched = !1;
     }
     b && b(c);
-  }, T = ye(f, o);
+  }, T = ve(f, o);
   let g = -1;
   u.Children.forEach(i, (c, p) => {
     if (!/* @__PURE__ */ u.isValidElement(c)) {
@@ -3170,7 +3171,7 @@ const Fo = {
     // eslint-disable-next-line react/prop-types
     TransitionComponent: T = Oe,
     ...g
-  } = n, R = Kn(), c = u.useRef(), p = cn(), v = u.useRef(null), O = ye(v, et(s), o), C = (x) => (P) => {
+  } = n, R = Kn(), c = u.useRef(), p = cn(), v = u.useRef(null), O = ve(v, et(s), o), C = (x) => (P) => {
     if (x) {
       const V = v.current;
       P === void 0 ? x(V) : x(V, P);
@@ -3485,7 +3486,7 @@ function ct(t) {
     getTabbable: s = Vo,
     isEnabled: i = Ho,
     open: l
-  } = t, d = u.useRef(!1), m = u.useRef(null), b = u.useRef(null), y = u.useRef(null), E = u.useRef(null), f = u.useRef(!1), h = u.useRef(null), N = ye(et(n), h), T = u.useRef(null);
+  } = t, d = u.useRef(!1), m = u.useRef(null), b = u.useRef(null), y = u.useRef(null), E = u.useRef(null), f = u.useRef(!1), h = u.useRef(null), N = ve(et(n), h), T = u.useRef(null);
   u.useEffect(() => {
     !l || !h.current || (f.current = !o);
   }, [o, l]), u.useEffect(() => {
@@ -3623,7 +3624,7 @@ const ut = /* @__PURE__ */ u.forwardRef(function(n, o) {
     children: r,
     container: a,
     disablePortal: s = !1
-  } = n, [i, l] = u.useState(null), d = ye(/* @__PURE__ */ u.isValidElement(r) ? et(r) : null, o);
+  } = n, [i, l] = u.useState(null), d = ve(/* @__PURE__ */ u.isValidElement(r) ? et(r) : null, o);
   if (ze(() => {
     s || l(_o(a) || document.body);
   }, [a, s]), ze(() => {
@@ -3697,7 +3698,7 @@ const qo = {
     // eslint-disable-next-line react/prop-types
     TransitionComponent: R = Oe,
     ...c
-  } = n, p = u.useRef(null), v = ye(p, et(l), o), O = (M) => (x) => {
+  } = n, p = u.useRef(null), v = ve(p, et(l), o), O = (M) => (x) => {
     if (M) {
       const P = p.current;
       x === void 0 ? M(P) : M(P, x);
@@ -4033,7 +4034,7 @@ function Jo(t) {
     onClose: d,
     open: m,
     rootRef: b
-  } = t, y = u.useRef({}), E = u.useRef(null), f = u.useRef(null), h = ye(f, b), [N, T] = u.useState(!m), g = Zo(l);
+  } = t, y = u.useRef({}), E = u.useRef(null), f = u.useRef(null), h = ve(f, b), [N, T] = u.useState(!m), g = Zo(l);
   let R = !0;
   (t["aria-hidden"] === "false" || t["aria-hidden"] === !1) && (R = !1);
   const c = () => ge(E.current), p = () => (y.current.modalRef = f.current, y.current.mount = E.current, y.current), v = () => {
@@ -4130,7 +4131,7 @@ const er = (t) => {
     } = t;
     return [n.root, !o.open && o.exited && n.hidden];
   }
-})(ve(({
+})(ye(({
   theme: t
 }) => ({
   position: "fixed",
@@ -5520,7 +5521,7 @@ const xr = (t) => {
     name: "Select"
   }), Q = u.useRef(null), ee = u.useRef(null), [te, he] = u.useState(null), {
     current: Z
-  } = u.useRef($ != null), [L, A] = u.useState(), G = ye(o, N), ie = u.useCallback((S) => {
+  } = u.useRef($ != null), [L, A] = u.useState(), G = ve(o, N), ie = u.useCallback((S) => {
     ee.current = S, S && he(S);
   }, []), F = te?.parentNode;
   u.useImperativeHandle(G, () => ({
@@ -5960,7 +5961,7 @@ const Tr = Qn(/* @__PURE__ */ I("path", {
     filled: /* @__PURE__ */ I(Sr, {
       ownerState: M
     })
-  }[q], k = ye(o, et(X));
+  }[q], k = ve(o, et(X));
   return /* @__PURE__ */ I(u.Fragment, {
     children: /* @__PURE__ */ u.cloneElement(X, {
       // Most of the logic is implemented in `SelectInput`.
@@ -6527,7 +6528,7 @@ process.env.NODE_ENV !== "production" && (Fn.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-function Kr({
+function Gr({
   label: t,
   placeholder: n,
   required: o = !1,
@@ -6595,5 +6596,5 @@ function Kr({
   );
 }
 export {
-  Kr as TextFieldInput
+  Gr as TextFieldInput
 };

package/dist/{createSvgIcon-ChKzptBc.js → createSvgIcon-C0YrvByi.js}

@@ -1,7 +1,7 @@
 import * as a from "react";
 import { jsxs as b, jsx as g } from "react/jsx-runtime";
 import { g as w, a as N, c, P as e } from "./generateUtilityClasses-BCID9NF1.js";
-import { u as C, s as O, c as T, a as R, m as E } from "./useForkRef-gLJikozA.js";
+import { u as C, s as O, c as T, a as R, m as E } from "./DefaultPropsProvider-DVX_ssOt.js";
 function j(o) {
   return w("MuiSvgIcon", o);
 }

package/dist/{index-B08hLYdM.js → index-BPIwhwks.js}

@@ -2,10 +2,10 @@ import { jsx as c, jsxs as U } from "react/jsx-runtime";
 import { c as P } from "./colors-BYtTt7gN.js";
 import * as k from "react";
 import { g as G, a as _, c as i, P as t } from "./generateUtilityClasses-BCID9NF1.js";
-import { u as A, s as f, c as R, a as H, m as O, e as so, r as lo } from "./useForkRef-gLJikozA.js";
+import { u as A, s as f, c as R, a as H, m as O, b as so, r as lo } from "./DefaultPropsProvider-DVX_ssOt.js";
 import { c as K, a as co } from "./useTimeout-DmOXPFt0.js";
 import { u as po } from "./useId-CK6Kn3Tn.js";
-import { B as uo } from "./ButtonBase-DxZEqM87.js";
+import { B as uo } from "./ButtonBase-DycJOmlJ.js";
 import { css as Y, keyframes as Z } from "@mui/system";
 function go(o) {
   return G("MuiCircularProgress", o);

package/dist/{index-1CH5DDiw.js → index-Cx-D0vTo.js}

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { GlobalStyles as c } from "@mui/system";
 import { i as m, d as y, T as p, P as o } from "./generateUtilityClasses-BCID9NF1.js";
-import { d as x } from "./useForkRef-gLJikozA.js";
+import { d as x } from "./DefaultPropsProvider-DVX_ssOt.js";
 const P = (e) => {
   const r = {
     systemProps: {},

package/dist/main.d.ts

@@ -2,6 +2,7 @@ export { AppBarPublic } from './components/AppBarPublic';
 export { Banner } from './components/Banner';
 export { Button } from './components/Button';
 export { CheckBox } from './components/Checkbox';
+export { ScrollableDialog as Dialog } from './components/Dialog';
 export { CheckboxGroup } from './components/CheckboxGroup';
 export { Dropdown } from './components/Dropdown';
 export { FlatBanner } from './components/FlatBanner';

package/dist/main.js

@@ -1,30 +1,32 @@
 import { AppBarPublic as e } from "./components/AppBarPublic/index.js";
 import { Banner as p } from "./components/Banner/index.js";
-import { B as f } from "./index-B08hLYdM.js";
+import { B as f } from "./index-BPIwhwks.js";
 import { CheckBox as a } from "./components/Checkbox/index.js";
-import { CheckboxGroup as i } from "./components/CheckboxGroup/index.js";
-import { Dropdown as u } from "./components/Dropdown/index.js";
-import { FlatBanner as c } from "./components/FlatBanner/index.js";
-import { Label as b } from "./components/Label/index.js";
-import { LinearProgress as s } from "./components/LinearProgress/index.js";
+import { ScrollableDialog as i } from "./components/Dialog/index.js";
+import { CheckboxGroup as B } from "./components/CheckboxGroup/index.js";
+import { Dropdown as c } from "./components/Dropdown/index.js";
+import { FlatBanner as b } from "./components/FlatBanner/index.js";
+import { Label as g } from "./components/Label/index.js";
+import { LinearProgress as C } from "./components/LinearProgress/index.js";
 import { MediaCardWithAction as k } from "./components/MediaCardWithAction/index.js";
 import { RadioButtonGroup as F } from "./components/RadioButtonGroup/index.js";
 import { Stepper as L } from "./components/Stepper/index.js";
-import { Text as T } from "./components/Text/index.js";
+import { Text as S } from "./components/Text/index.js";
 import { TextFieldInput as w } from "./components/TextFieldInput/index.js";
 export {
   e as AppBarPublic,
   p as Banner,
   f as Button,
   a as CheckBox,
-  i as CheckboxGroup,
-  u as Dropdown,
-  c as FlatBanner,
-  b as Label,
-  s as LinearProgress,
+  B as CheckboxGroup,
+  i as Dialog,
+  c as Dropdown,
+  b as FlatBanner,
+  g as Label,
+  C as LinearProgress,
   k as MediaCardWithAction,
   F as RadioButtonGroup,
   L as Stepper,
-  T as Text,
+  S as Text,
   w as TextFieldInput
 };

package/dist/{mergeSlotProps-CADAqXOb.js → mergeSlotProps-S3NX_8iG.js}

@@ -1,4 +1,4 @@
-import { c as t } from "./useForkRef-gLJikozA.js";
+import { c as t } from "./DefaultPropsProvider-DVX_ssOt.js";
 function x(s, i) {
   const a = s.charCodeAt(2);
   return s[0] === "o" && s[1] === "n" && a >= 65 && a <= 90 && typeof i == "function";

package/dist/useForkRef-9kN4DArm.js

@@ -0,0 +1,27 @@
+import * as t from "react";
+function a(...e) {
+  const r = t.useRef(void 0), o = t.useCallback((n) => {
+    const f = e.map((u) => {
+      if (u == null)
+        return null;
+      if (typeof u == "function") {
+        const c = u, l = c(n);
+        return typeof l == "function" ? l : () => {
+          c(null);
+        };
+      }
+      return u.current = n, () => {
+        u.current = null;
+      };
+    });
+    return () => {
+      f.forEach((u) => u?.());
+    };
+  }, e);
+  return t.useMemo(() => e.every((n) => n == null) ? null : (n) => {
+    r.current && (r.current(), r.current = void 0), n != null && (r.current = o(n));
+  }, e);
+}
+export {
+  a as u
+};

package/dist/{useSlot-jPRhj-MO.js → useSlot-DKccmcQE.js}

@@ -1,4 +1,5 @@
-import { c as S, b as x } from "./useForkRef-gLJikozA.js";
+import { c as S } from "./DefaultPropsProvider-DVX_ssOt.js";
+import { u as x } from "./useForkRef-9kN4DArm.js";
 function v(e) {
   return typeof e == "string";
 }
@@ -36,10 +37,10 @@ function k(e) {
     additionalProps: t,
     externalSlotProps: s,
     externalForwardedProps: o,
-    className: d
+    className: u
   } = e;
   if (!n) {
-    const i = S(t?.className, d, o?.className, s?.className), f = {
+    const i = S(t?.className, u, o?.className, s?.className), f = {
       ...t?.style,
       ...o?.style,
       ...s?.style
@@ -53,10 +54,10 @@ function k(e) {
       internalRef: void 0
     };
   }
-  const u = H({
+  const d = H({
     ...o,
     ...s
-  }), p = h(s), P = h(o), r = n(u), l = S(r?.className, t?.className, d, o?.className, s?.className), m = {
+  }), p = h(s), P = h(o), r = n(d), l = S(r?.className, t?.className, u, o?.className, s?.className), m = {
     ...r?.style,
     ...t?.style,
     ...o?.style,
@@ -72,13 +73,13 @@ function k(e) {
     internalRef: r.ref
   };
 }
-function R(e, n) {
+function A(e, n) {
   const {
     className: t,
     elementType: s,
     ownerState: o,
-    externalForwardedProps: d,
-    internalForwardedProps: u,
+    externalForwardedProps: u,
+    internalForwardedProps: d,
     shouldForwardComponentProp: p = !1,
     ...P
   } = n, {
@@ -90,7 +91,7 @@ function R(e, n) {
       [e]: void 0
     },
     ...c
-  } = d, i = l[e] || s, f = F(m[e], o), {
+  } = u, i = l[e] || s, f = F(m[e], o), {
     props: {
       component: a,
       ...N
@@ -102,8 +103,8 @@ function R(e, n) {
     externalForwardedProps: e === "root" ? c : void 0,
     externalSlotProps: f
   }), w = x(g, f?.ref, n.ref), y = e === "root" ? a || r : a, C = E(i, {
-    ...e === "root" && !r && !l[e] && u,
-    ...e !== "root" && !l[e] && u,
+    ...e === "root" && !r && !l[e] && d,
+    ...e !== "root" && !l[e] && d,
     ...N,
     ...y && !p && {
       as: y
@@ -121,5 +122,5 @@ export {
   v as i,
   k as m,
   F as r,
-  R as u
+  A as u
 };

package/package.json

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