@fangzsx/component-library 0.0.21 → 0.0.22

package/dist/{ButtonBase-DxZEqM87.js → ButtonBase-DycJOmlJ.js}

@@ -1,10 +1,11 @@
 import * as f from "react";
 import W, { isValidElement as H, cloneElement as G, Children as Ve } from "react";
 import { P as e, a as ce, g as Se } from "./generateUtilityClasses-BCID9NF1.js";
-import { c as v, u as pe, s as ne, b as ae, a as Be } from "./useForkRef-gLJikozA.js";
+import { c as v, u as pe, s as ne, a as Be } from "./DefaultPropsProvider-DVX_ssOt.js";
 import { jsx as $, jsxs as Oe } from "react/jsx-runtime";
-import { u as Le, _ as je, b as ke, T as ue, d as Fe, e as J, f as Ie, r as Ue } from "./useTimeout-DmOXPFt0.js";
+import { u as Le, _ as je, b as ke, T as ae, d as Fe, e as J, f as Ie, r as Ue } from "./useTimeout-DmOXPFt0.js";
 import { keyframes as oe } from "@mui/system";
+import { u as ue } from "./useForkRef-9kN4DArm.js";
 function le(n) {
   try {
     return n.matches(":focus-visible");
@@ -187,9 +188,9 @@ var Ke = Object.values || function(n) {
     }));
   }, o.render = function() {
     var i = this.props, s = i.component, r = i.childFactory, c = ke(i, ["component", "childFactory"]), l = this.state.contextValue, p = Ke(this.state.children).map(r);
-    return delete c.appear, delete c.enter, delete c.exit, s === null ? /* @__PURE__ */ W.createElement(ue.Provider, {
+    return delete c.appear, delete c.enter, delete c.exit, s === null ? /* @__PURE__ */ W.createElement(ae.Provider, {
       value: l
-    }, p) : /* @__PURE__ */ W.createElement(ue.Provider, {
+    }, p) : /* @__PURE__ */ W.createElement(ae.Provider, {
       value: l
     }, /* @__PURE__ */ W.createElement(s, c, p));
   }, t;
@@ -633,7 +634,7 @@ const tt = ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), nt = (n) =
     touchRippleRef: A,
     type: O,
     ...U
-  } = u, _ = f.useRef(null), b = $e(), he = ae(b.ref, A), [L, K] = f.useState(!1);
+  } = u, _ = f.useRef(null), b = $e(), he = ue(b.ref, A), [L, K] = f.useState(!1);
   p && L && K(!1), f.useImperativeHandle(i, () => ({
     focusVisible: () => {
       K(!0), _.current.focus();
@@ -669,7 +670,7 @@ const tt = ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), nt = (n) =
     X.type = O === void 0 && !a ? "button" : O, X.disabled = p;
   } else
     !U.href && !U.to && (X.role = "button"), p && (X["aria-disabled"] = p);
-  const we = ae(o, _), re = {
+  const we = ue(o, _), re = {
     ...u,
     centerRipple: s,
     component: l,

package/dist/{useForkRef-gLJikozA.js → DefaultPropsProvider-DVX_ssOt.js}

@@ -1,8 +1,8 @@
-import { P, b as ne, r as L, h as re, s as M, i as oe, c as se, T as ie } from "./generateUtilityClasses-BCID9NF1.js";
-import ue from "@emotion/styled";
+import { P, b as ne, r as j, h as re, s as L, i as oe, c as se, T as ie } from "./generateUtilityClasses-BCID9NF1.js";
+import fe from "@emotion/styled";
 import "@emotion/react";
-import { unstable_memoTheme as fe } from "@mui/system";
-import * as w from "react";
+import { unstable_memoTheme as ae } from "@mui/system";
+import * as K from "react";
 import "react/jsx-runtime";
 function q(e) {
   var t, n, r = "";
@@ -13,18 +13,18 @@ function q(e) {
   } else for (n in e) e[n] && (r && (r += " "), r += n);
   return r;
 }
-function ae() {
+function ue() {
   for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++) (e = arguments[n]) && (t = q(e)) && (r && (r += " "), r += t);
   return r;
 }
-function ke(e, t, n = void 0) {
+function Ge(e, t, n = void 0) {
   const r = {};
   for (const o in e) {
     const s = e[o];
-    let i = "", u = !0;
-    for (let a = 0; a < s.length; a += 1) {
-      const f = s[a];
-      f && (i += (u === !0 ? "" : " ") + t(f), u = !1, n && n[f] && (i += " " + n[f]));
+    let i = "", f = !0;
+    for (let u = 0; u < s.length; u += 1) {
+      const a = s[u];
+      a && (i += (f === !0 ? "" : " ") + t(a), f = !1, n && n[a] && (i += " " + n[a]));
     }
     r[o] = i;
   }
@@ -107,7 +107,7 @@ function de(e) {
 }
 var me = /[A-Z]|^ms/g, ye = /_EMO_([^_]+?)_([^]*?)_EMO_/g, U = function(t) {
   return t.charCodeAt(1) === 45;
-}, k = function(t) {
+}, M = function(t) {
   return t != null && typeof t != "boolean";
 }, T = /* @__PURE__ */ de(function(e) {
   return U(e) ? e : e.replace(me, "-$&").toLowerCase();
@@ -153,14 +153,14 @@ function _(e, t, n) {
               styles: i.styles,
               next: p
             }, i = i.next;
-        var u = s.styles + ";";
-        return u;
+        var f = s.styles + ";";
+        return f;
       }
       return he(e, t, n);
     }
   }
-  var a = n;
-  return a;
+  var u = n;
+  return u;
 }
 function he(e, t, n) {
   var r = "";
@@ -171,21 +171,21 @@ function he(e, t, n) {
     for (var s in n) {
       var i = n[s];
       if (typeof i != "object") {
-        var u = i;
-        k(u) && (r += T(s) + ":" + G(s, u) + ";");
+        var f = i;
+        M(f) && (r += T(s) + ":" + G(s, f) + ";");
       } else if (Array.isArray(i) && typeof i[0] == "string" && t == null)
-        for (var a = 0; a < i.length; a++)
-          k(i[a]) && (r += T(s) + ":" + G(s, i[a]) + ";");
+        for (var u = 0; u < i.length; u++)
+          M(i[u]) && (r += T(s) + ":" + G(s, i[u]) + ";");
       else {
-        var f = _(e, t, i);
+        var a = _(e, t, i);
         switch (s) {
           case "animation":
           case "animationName": {
-            r += T(s) + ":" + f + ";";
+            r += T(s) + ":" + a + ";";
             break;
           }
           default:
-            r += s + "{" + f + "}";
+            r += s + "{" + a + "}";
         }
       }
     }
@@ -204,23 +204,23 @@ function pe(e, t, n) {
     var i = s;
     o += i[0];
   }
-  for (var u = 1; u < e.length; u++)
-    if (o += _(n, t, e[u]), r) {
-      var a = s;
-      o += a[u];
+  for (var f = 1; f < e.length; f++)
+    if (o += _(n, t, e[f]), r) {
+      var u = s;
+      o += u[f];
     }
   W.lastIndex = 0;
-  for (var f = "", c; (c = W.exec(o)) !== null; )
-    f += "-" + c[1];
-  var b = ce(o) + f;
+  for (var a = "", c; (c = W.exec(o)) !== null; )
+    a += "-" + c[1];
+  var w = ce(o) + a;
   return {
-    name: b,
+    name: w,
     styles: o,
     next: p
   };
 }
 function ve(e, t) {
-  const n = ue(e, t);
+  const n = fe(e, t);
   return process.env.NODE_ENV !== "production" ? (...r) => {
     const o = typeof e == "string" ? `"${e}"` : "component";
     return r.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
@@ -230,11 +230,11 @@ function ve(e, t) {
 function xe(e, t) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }
-const H = [];
+const k = [];
 function S(e) {
-  return H[0] = e, pe(H);
+  return k[0] = e, pe(k);
 }
-function N(e, t, n = !1) {
+function F(e, t, n = !1) {
   const r = {
     ...t
   };
@@ -247,29 +247,29 @@ function N(e, t, n = !1) {
           ...r[s]
         };
       else if (s === "componentsProps" || s === "slotProps") {
-        const i = e[s], u = t[s];
-        if (!u)
+        const i = e[s], f = t[s];
+        if (!f)
           r[s] = i || {};
         else if (!i)
-          r[s] = u;
+          r[s] = f;
         else {
           r[s] = {
-            ...u
+            ...f
           };
-          for (const a in i)
-            if (Object.prototype.hasOwnProperty.call(i, a)) {
-              const f = a;
-              r[s][f] = N(i[f], u[f], n);
+          for (const u in i)
+            if (Object.prototype.hasOwnProperty.call(i, u)) {
+              const a = u;
+              r[s][a] = F(i[a], f[a], n);
             }
         }
-      } else s === "className" && n && t.className ? r.className = ae(e?.className, t?.className) : s === "style" && n && t.style ? r.style = {
+      } else s === "className" && n && t.className ? r.className = ue(e?.className, t?.className) : s === "style" && n && t.style ? r.style = {
         ...e?.style,
         ...t?.style
       } : r[s] === void 0 && (r[s] = e[s]);
     }
   return r;
 }
-const Se = /* @__PURE__ */ w.createContext(void 0);
+const Se = /* @__PURE__ */ K.createContext(void 0);
 process.env.NODE_ENV !== "production" && (P.node, P.object);
 function we(e) {
   const {
@@ -280,13 +280,13 @@ function we(e) {
   if (!t || !t.components || !t.components[n])
     return r;
   const o = t.components[n];
-  return o.defaultProps ? N(o.defaultProps, r, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? N(o, r, t.components.mergeClassNameAndStyle) : r;
+  return o.defaultProps ? F(o.defaultProps, r, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? F(o, r, t.components.mergeClassNameAndStyle) : r;
 }
 function be({
   props: e,
   name: t
 }) {
-  const n = w.useContext(Se);
+  const n = K.useContext(Se);
   return we({
     props: e,
     name: t,
@@ -299,7 +299,7 @@ const ge = ne();
 function Y(e, t = "") {
   return e.displayName || e.name || t;
 }
-function K(e, t, n) {
+function H(e, t, n) {
   const r = Y(t);
   return e.displayName || (r !== "" ? `${n}(${r})` : n);
 }
@@ -311,10 +311,10 @@ function Oe(e) {
       return Y(e, "Component");
     if (typeof e == "object")
       switch (e.$$typeof) {
-        case L.ForwardRef:
-          return K(e, e.render, "ForwardRef");
-        case L.Memo:
-          return K(e, e.type, "memo");
+        case j.ForwardRef:
+          return H(e, e.render, "ForwardRef");
+        case j.Memo:
+          return H(e, e.type, "memo");
         default:
           return;
       }
@@ -333,23 +333,23 @@ function Ae(e) {
     typeof o.style != "function" && (o.style = S(o.style));
   }), r;
 }
-const Ce = re();
+const Pe = re();
 function $(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
 function x(e, t) {
   return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
 }
-function Pe(e) {
+function _e(e) {
   return e ? (t, n) => n[e] : null;
 }
-function _e(e, t, n) {
-  e.theme = Te(e.theme) ? n : e.theme[t] || e.theme;
+function Ce(e, t, n) {
+  e.theme = $e(e.theme) ? n : e.theme[t] || e.theme;
 }
-function C(e, t, n) {
+function A(e, t, n) {
   const r = typeof t == "function" ? t(e) : t;
   if (Array.isArray(r))
-    return r.flatMap((o) => C(e, o, n));
+    return r.flatMap((o) => A(e, o, n));
   if (Array.isArray(r?.variants)) {
     let o;
     if (r.isProcessed)
@@ -377,8 +377,8 @@ function B(e, t, n = [], r = void 0) {
       }, !i.props(o))
         continue;
     } else
-      for (const u in i.props)
-        if (e[u] !== i.props[u] && e.ownerState?.[u] !== i.props[u])
+      for (const f in i.props)
+        if (e[f] !== i.props[f] && e.ownerState?.[f] !== i.props[f])
           continue e;
     typeof i.style == "function" ? (o ??= {
       ...e,
@@ -391,86 +391,86 @@ function B(e, t, n = [], r = void 0) {
 function Re(e = {}) {
   const {
     themeId: t,
-    defaultTheme: n = Ce,
+    defaultTheme: n = Pe,
     rootShouldForwardProp: r = $,
     slotShouldForwardProp: o = $
   } = e;
-  function s(u) {
-    _e(u, t, n);
+  function s(f) {
+    Ce(f, t, n);
   }
-  return (u, a = {}) => {
-    xe(u, (l) => l.filter((d) => d !== M));
+  return (f, u = {}) => {
+    xe(f, (l) => l.filter((d) => d !== L));
     const {
-      name: f,
+      name: a,
       slot: c,
-      skipVariantsResolver: b,
+      skipVariantsResolver: w,
       skipSx: z,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: V = Pe(Z(c)),
+      overridesResolver: N = _e(Z(c)),
       ...J
-    } = a, R = f && f.startsWith("Mui") || c ? "components" : "custom", Q = b !== void 0 ? b : (
+    } = u, C = a && a.startsWith("Mui") || c ? "components" : "custom", Q = w !== void 0 ? w : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       c && c !== "Root" && c !== "root" || !1
     ), X = z || !1;
-    let g = $;
-    c === "Root" || c === "root" ? g = r : c ? g = o : $e(u) && (g = void 0);
-    const E = ve(u, {
-      shouldForwardProp: g,
-      label: Fe(f, c),
+    let b = $;
+    c === "Root" || c === "root" ? b = r : c ? b = o : Fe(f) && (b = void 0);
+    const R = ve(f, {
+      shouldForwardProp: b,
+      label: Te(a, c),
       ...J
     }), ee = (l) => {
       if (l.__emotion_real === l)
         return l;
       if (typeof l == "function")
         return function(v) {
-          return C(v, l, v.theme.modularCssLayers ? R : void 0);
+          return A(v, l, v.theme.modularCssLayers ? C : void 0);
         };
       if (oe(l)) {
         const d = Ae(l);
         return function(h) {
-          return d.variants ? C(h, d, h.theme.modularCssLayers ? R : void 0) : h.theme.modularCssLayers ? x(d.style, R) : d.style;
+          return d.variants ? A(h, d, h.theme.modularCssLayers ? C : void 0) : h.theme.modularCssLayers ? x(d.style, C) : d.style;
         };
       }
       return l;
-    }, I = (...l) => {
+    }, V = (...l) => {
       const d = [], v = l.map(ee), h = [];
-      if (d.push(s), f && V && h.push(function(m) {
-        const y = m.theme.components?.[f]?.styleOverrides;
+      if (d.push(s), a && N && h.push(function(m) {
+        const y = m.theme.components?.[a]?.styleOverrides;
         if (!y)
           return null;
-        const D = {};
-        for (const j in y)
-          D[j] = C(m, y[j], m.theme.modularCssLayers ? "theme" : void 0);
-        return V(m, D);
-      }), f && !Q && h.push(function(m) {
-        const y = m.theme?.components?.[f]?.variants;
+        const I = {};
+        for (const D in y)
+          I[D] = A(m, y[D], m.theme.modularCssLayers ? "theme" : void 0);
+        return N(m, I);
+      }), a && !Q && h.push(function(m) {
+        const y = m.theme?.components?.[a]?.variants;
         return y ? B(m, y, [], m.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), X || h.push(M), Array.isArray(v[0])) {
-        const O = v.shift(), m = new Array(d.length).fill(""), A = new Array(h.length).fill("");
+      }), X || h.push(L), Array.isArray(v[0])) {
+        const g = v.shift(), m = new Array(d.length).fill(""), O = new Array(h.length).fill("");
         let y;
-        y = [...m, ...O, ...A], y.raw = [...m, ...O.raw, ...A], d.unshift(y);
+        y = [...m, ...g, ...O], y.raw = [...m, ...g.raw, ...O], d.unshift(y);
       }
-      const te = [...d, ...v, ...h], F = E(...te);
-      return u.muiName && (F.muiName = u.muiName), process.env.NODE_ENV !== "production" && (F.displayName = Ee(f, c, u)), F;
+      const te = [...d, ...v, ...h], E = R(...te);
+      return f.muiName && (E.muiName = f.muiName), process.env.NODE_ENV !== "production" && (E.displayName = Ee(a, c, f)), E;
     };
-    return E.withConfig && (I.withConfig = E.withConfig), I;
+    return R.withConfig && (V.withConfig = R.withConfig), V;
   };
 }
 function Ee(e, t, n) {
   return e ? `${e}${se(t || "")}` : `Styled(${Oe(n)})`;
 }
-function Fe(e, t) {
+function Te(e, t) {
   let n;
   return process.env.NODE_ENV !== "production" && e && (n = `${e}-${Z(t || "Root")}`), n;
 }
-function Te(e) {
+function $e(e) {
   for (const t in e)
     return !1;
   return !0;
 }
-function $e(e) {
+function Fe(e) {
   return typeof e == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
@@ -482,47 +482,23 @@ function Z(e) {
 function Ne(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const Ve = (e) => Ne(e) && e !== "classes", Ge = Re({
+const Ve = (e) => Ne(e) && e !== "classes", We = Re({
   themeId: ie,
   defaultTheme: ge,
   rootShouldForwardProp: Ve
-}), We = fe;
+}), ke = ae;
 process.env.NODE_ENV !== "production" && (P.node, P.object.isRequired);
 function He(e) {
   return be(e);
 }
-function Ke(...e) {
-  const t = w.useRef(void 0), n = w.useCallback((r) => {
-    const o = e.map((s) => {
-      if (s == null)
-        return null;
-      if (typeof s == "function") {
-        const i = s, u = i(r);
-        return typeof u == "function" ? u : () => {
-          i(null);
-        };
-      }
-      return s.current = r, () => {
-        s.current = null;
-      };
-    });
-    return () => {
-      o.forEach((s) => s?.());
-    };
-  }, e);
-  return w.useMemo(() => e.every((r) => r == null) ? null : (r) => {
-    t.current && (t.current(), t.current = void 0), r != null && (t.current = n(r));
-  }, e);
-}
 export {
-  ke as a,
-  Ke as b,
-  ae as c,
+  Ge as a,
+  F as b,
+  ue as c,
   ge as d,
-  N as e,
-  Ne as f,
-  We as m,
+  Ne as e,
+  ke as m,
   Ve as r,
-  Ge as s,
+  We as s,
   He as u
 };

package/dist/{FormLabel-DLyFlUyL.js → FormLabel-D4ON51Wt.js}

@@ -1,6 +1,6 @@
 import * as a from "react";
 import { g as z, a as E, c as T, P as e } from "./generateUtilityClasses-BCID9NF1.js";
-import { u as L, s as N, c as $, a as A, m as H } from "./useForkRef-gLJikozA.js";
+import { u as L, s as N, c as $, a as A, m as H } from "./DefaultPropsProvider-DVX_ssOt.js";
 import { F as re, a as Q } from "./useFormControl-BGLuGvqS.js";
 import { jsx as O, jsxs as P } from "react/jsx-runtime";
 import { c as oe } from "./useTimeout-DmOXPFt0.js";

package/dist/{Paper-DZg6u5tT.js → Paper-oafkOzNM.js}

@@ -1,6 +1,6 @@
 import * as f from "react";
 import { T as h, g as P, a as b, e as d, f as c, P as a } from "./generateUtilityClasses-BCID9NF1.js";
-import { d as T, u as g, s as w, c as E, a as $, m as N } from "./useForkRef-gLJikozA.js";
+import { d as T, u as g, s as w, c as E, a as $, m as N } from "./DefaultPropsProvider-DVX_ssOt.js";
 import { useTheme as O } from "@mui/system";
 import { jsx as x } from "react/jsx-runtime";
 import { a as C } from "./useTimeout-DmOXPFt0.js";

package/dist/{SwitchBase-BPRcMkqu.js → SwitchBase-V2UoemN5.js}

@@ -1,10 +1,10 @@
 import * as H from "react";
 import { g as J, a as K, c as Q, P as e } from "./generateUtilityClasses-BCID9NF1.js";
-import { s as k, a as W, r as X } from "./useForkRef-gLJikozA.js";
+import { s as k, a as W, r as X } from "./DefaultPropsProvider-DVX_ssOt.js";
 import { u as Y, a as Z } from "./useFormControl-BGLuGvqS.js";
-import { u as F } from "./useSlot-jPRhj-MO.js";
+import { u as F } from "./useSlot-DKccmcQE.js";
 import { jsxs as ee, jsx as oe } from "react/jsx-runtime";
-import { B as te } from "./ButtonBase-DxZEqM87.js";
+import { B as te } from "./ButtonBase-DycJOmlJ.js";
 import { r as se } from "./useTimeout-DmOXPFt0.js";
 function ne(s) {
   return J("PrivateSwitchBase", s);

package/dist/{Typography-DMROEdKW.js → Typography-CTrRb9FL.js}

@@ -1,7 +1,7 @@
 import * as O from "react";
 import { g as j, a as B, c, P as e } from "./generateUtilityClasses-BCID9NF1.js";
-import { u as S, s as w, c as C, a as P, m as W } from "./useForkRef-gLJikozA.js";
-import { i as M } from "./index-1CH5DDiw.js";
+import { u as S, s as w, c as C, a as P, m as W } from "./DefaultPropsProvider-DVX_ssOt.js";
+import { i as M } from "./index-Cx-D0vTo.js";
 import { c as R } from "./useTimeout-DmOXPFt0.js";
 import { jsx as N } from "react/jsx-runtime";
 function D(o) {

package/dist/components/AppBarPublic/index.js

@@ -1,15 +1,15 @@
 import { jsx as n, jsxs as y } from "react/jsx-runtime";
-import { c as E } from "../../createSvgIcon-ChKzptBc.js";
+import { c as E } 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-B08hLYdM.js";
+import { C as G, B as b } from "../../index-BPIwhwks.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 "../../useForkRef-gLJikozA.js";
+import { u as H, s as B, c as T, a as h, m as v } from "../../DefaultPropsProvider-DVX_ssOt.js";
 import { c as I, a as F } from "../../useTimeout-DmOXPFt0.js";
-import { P as W } from "../../Paper-DZg6u5tT.js";
+import { P as W } from "../../Paper-oafkOzNM.js";
 import { u as _ } from "../../useId-CK6Kn3Tn.js";
-import { B as q } from "../../ButtonBase-DxZEqM87.js";
+import { B as q } from "../../ButtonBase-DycJOmlJ.js";
 import { B as Y } from "../../Box-DPlM16yK.js";
 const J = E(/* @__PURE__ */ n("path", {
   d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"

package/dist/components/Button/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../colors-BYtTt7gN.js";
-import { B as p } from "../../index-B08hLYdM.js";
+import { B as p } from "../../index-BPIwhwks.js";
 export {
   p as Button
 };

package/dist/components/Checkbox/index.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as f from "react";
 import { a as j, g as w, c as l, P as e } from "../../generateUtilityClasses-BCID9NF1.js";
-import { u as M, c as $, s as N, a as V, r as F, m as H } from "../../useForkRef-gLJikozA.js";
-import { S as E } from "../../SwitchBase-BPRcMkqu.js";
-import { c as h } from "../../createSvgIcon-ChKzptBc.js";
+import { u as M, c as $, s as N, a as V, r as F, m as H } from "../../DefaultPropsProvider-DVX_ssOt.js";
+import { S as E } from "../../SwitchBase-V2UoemN5.js";
+import { c as h } from "../../createSvgIcon-C0YrvByi.js";
 import { c as I } from "../../useTimeout-DmOXPFt0.js";
-import { u as U } from "../../useSlot-jPRhj-MO.js";
-import { m as D } from "../../mergeSlotProps-CADAqXOb.js";
+import { u as U } from "../../useSlot-DKccmcQE.js";
+import { m as D } from "../../mergeSlotProps-S3NX_8iG.js";
 const L = h(/* @__PURE__ */ r("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
 }), "CheckBoxOutlineBlank"), q = h(/* @__PURE__ */ r("path", {

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

@@ -0,0 +1,18 @@
+import { Breakpoint } from '@mui/material/styles';
+import { ReactNode } from 'react';
+
+interface ScrollableDialogProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    children: ReactNode;
+    actions?: ReactNode;
+    maxWidth?: Breakpoint | false;
+    fullWidth?: boolean;
+    showCloseButton?: boolean;
+    dividers?: boolean;
+    fullScreen?: boolean;
+    slideTransition?: boolean;
+}
+export declare function ScrollableDialog({ open, onClose, title, children, actions, maxWidth, fullWidth, showCloseButton, dividers, fullScreen, slideTransition }: ScrollableDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Dialog/index.js

@@ -0,0 +1,67 @@
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { c as f } from "../../createSvgIcon-C0YrvByi.js";
+import { Slide as x, Dialog as u, DialogTitle as g, IconButton as h, DialogContent as D, DialogActions as C } from "@mui/material";
+import { forwardRef as j } from "react";
+const y = f(/* @__PURE__ */ i("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Close"), I = j(function(o, t) {
+  return /* @__PURE__ */ i(x, { direction: "up", ref: t, ...o });
+});
+function w({
+  open: e,
+  onClose: o,
+  title: t,
+  children: l,
+  actions: r,
+  maxWidth: s = "sm",
+  fullWidth: a = !0,
+  showCloseButton: c = !0,
+  dividers: p = !0,
+  fullScreen: m = !1,
+  slideTransition: d = !1
+}) {
+  return /* @__PURE__ */ n(
+    u,
+    {
+      open: e,
+      onClose: o,
+      maxWidth: s,
+      fullWidth: a,
+      fullScreen: m,
+      scroll: "paper",
+      slots: d ? { transition: I } : void 0,
+      sx: {
+        "& .MuiDialog-paper": {
+          maxWidth: {
+            xs: "100%",
+            md: "600px"
+          }
+        }
+      },
+      children: [
+        /* @__PURE__ */ n(g, { sx: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          pr: 1
+        }, children: [
+          t,
+          c && /* @__PURE__ */ i(
+            h,
+            {
+              onClick: o,
+              size: "small",
+              sx: { ml: 2 },
+              children: /* @__PURE__ */ i(y, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(D, { dividers: p, children: l }),
+        r && /* @__PURE__ */ i(C, { sx: { px: 3, py: 2 }, children: r })
+      ]
+    }
+  );
+}
+export {
+  w as ScrollableDialog
+};

package/dist/components/MediaCardWithAction/index.js

@@ -1,11 +1,11 @@
 import { jsx as d, jsxs as x } from "react/jsx-runtime";
-import { B as A } from "../../index-B08hLYdM.js";
+import { B as A } from "../../index-BPIwhwks.js";
 import * as u from "react";
 import { g as m, a as f, P as e } from "../../generateUtilityClasses-BCID9NF1.js";
-import { u as C, s as g, c as y, a as b } from "../../useForkRef-gLJikozA.js";
-import { P as U } from "../../Paper-DZg6u5tT.js";
+import { u as C, s as g, c as y, a as b } from "../../DefaultPropsProvider-DVX_ssOt.js";
+import { P as U } from "../../Paper-oafkOzNM.js";
 import { a as N } from "../../useTimeout-DmOXPFt0.js";
-import { T as v } from "../../Typography-DMROEdKW.js";
+import { T as v } from "../../Typography-CTrRb9FL.js";
 function I(o) {
   return m("MuiCard", o);
 }

package/dist/components/RadioButtonGroup/index.js

@@ -1,16 +1,17 @@
 import { jsx as l, jsxs as I } from "react/jsx-runtime";
 import * as u from "react";
 import { useState as Z } from "react";
-import { f as X, c as lo, F as io, a as co, b as po } from "../../FormLabel-DLyFlUyL.js";
+import { f as X, c as lo, F as io, a as co, b as po } from "../../FormLabel-D4ON51Wt.js";
 import { a as $, g as B, c as M, P as o } from "../../generateUtilityClasses-BCID9NF1.js";
-import { u as _, c as G, s as N, a as L, m as V, r as Y, b as uo } from "../../useForkRef-gLJikozA.js";
-import { a as A, u as fo } from "../../useFormControl-BGLuGvqS.js";
+import { u as _, c as G, s as N, a as L, m as V, r as Y } from "../../DefaultPropsProvider-DVX_ssOt.js";
+import { a as A, u as uo } from "../../useFormControl-BGLuGvqS.js";
+import { u as fo } from "../../useForkRef-9kN4DArm.js";
 import { u as mo } from "../../useId-CK6Kn3Tn.js";
-import { u as oo } from "../../useSlot-jPRhj-MO.js";
-import { T as J } from "../../Typography-DMROEdKW.js";
+import { u as oo } from "../../useSlot-DKccmcQE.js";
+import { T as J } from "../../Typography-CTrRb9FL.js";
 import { r as eo, c as K } from "../../useTimeout-DmOXPFt0.js";
-import { S as bo } from "../../SwitchBase-BPRcMkqu.js";
-import { c as ro } from "../../createSvgIcon-ChKzptBc.js";
+import { S as bo } from "../../SwitchBase-V2UoemN5.js";
+import { c as ro } from "../../createSvgIcon-C0YrvByi.js";
 function yo(e) {
   return B("MuiFormControlLabel", e);
 }
@@ -711,7 +712,7 @@ const Go = (e) => {
     onChange: d,
     value: m,
     ...f
-  } = r, h = u.useRef(null), P = Go(r), [S, R] = fo({
+  } = r, h = u.useRef(null), P = Go(r), [S, R] = uo({
     controlled: m,
     default: p,
     name: "RadioGroup"
@@ -722,7 +723,7 @@ const Go = (e) => {
       n || (n = h.current.querySelector("input:not(:disabled)")), n && n.focus();
     }
   }), []);
-  const w = uo(t, h), b = mo(c), F = u.useMemo(() => ({
+  const w = fo(t, h), b = mo(c), F = u.useMemo(() => ({
     name: b,
     onChange(n) {
       R(n.target.value), d && d(n, n.target.value);
@@ -775,7 +776,7 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
    */
   value: o.any
 });
-function Jo({
+function Ko({
   label: e,
   options: r,
   defaultValue: t,
@@ -834,5 +835,5 @@ function Jo({
   );
 }
 export {
-  Jo as RadioButtonGroup
+  Ko as RadioButtonGroup
 };

package/dist/components/Stepper/index.js

@@ -3,10 +3,10 @@ import { Stepper as ee } from "@mui/material";
 import { B as te } from "../../Box-DPlM16yK.js";
 import * as b from "react";
 import { g as D, a as V, P as e } from "../../generateUtilityClasses-BCID9NF1.js";
-import { u as _, s as L, c as j, a as k, m as R } from "../../useForkRef-gLJikozA.js";
+import { u as _, s as L, c as j, a as k, m as R } from "../../DefaultPropsProvider-DVX_ssOt.js";
 import { i as oe } from "../../integerPropType-BihGt2aU.js";
-import { u as z } from "../../useSlot-jPRhj-MO.js";
-import { c as H, S as ne } from "../../createSvgIcon-ChKzptBc.js";
+import { u as z } from "../../useSlot-DKccmcQE.js";
+import { c as H, S as ne } from "../../createSvgIcon-C0YrvByi.js";
 const F = /* @__PURE__ */ b.createContext({});
 process.env.NODE_ENV !== "production" && (F.displayName = "StepperContext");
 const W = /* @__PURE__ */ b.createContext({});

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