@zydon/common 1.1.67 → 1.1.68

package/dist/{index-1bec1a5e.js → index-0c2680f2.js}

@@ -1,6 +1,6 @@
 import * as de from "react";
 import y, { createContext as Da, useLayoutEffect as Os, useEffect as rt, useContext as qt, useRef as Oe, useInsertionEffect as t1, useCallback as yt, useMemo as _t, forwardRef as Ot, createElement as Mr, useState as wt, useId as dc, cloneElement as r1, Children as V2, isValidElement as hc, memo as zi, Component as Fa, PureComponent as Ia, useReducer as H2, useImperativeHandle as U2, Fragment as Y2, Suspense as G2 } from "react";
-import { Dialog as pc, Box as Je, Paper as n1, Fab as q2, IconButton as Jt, GlobalStyles as a1, useTheme as K2, useMediaQuery as X2, ListSubheader as Z2, Typography as Tt, Stack as Se, styled as Bt, Popper as Q2, autocompleteClasses as J2, Autocomplete as eb, TextField as xn, CircularProgress as gc, InputAdornment as ka, Popover as i1, SvgIcon as Ft, alpha as Mi, CssBaseline as o1, DialogTitle as s1, DialogContent as l1, DialogActions as u1, Button as Tr, Avatar as ud, Badge as tb, AvatarGroup as rb, LinearProgress as nb, Skeleton as ab, Drawer as ib, StepConnector as ob, Stepper as sb, Step as lb, StepLabel as ub, Tooltip as cb, FormHelperText as Kr, Slider as fb, FormControlLabel as Ms, Checkbox as c1, FormControl as f1, FormLabel as d1, FormGroup as db, RadioGroup as hb, Radio as pb, Switch as gb } from "@mui/material";
+import { Dialog as pc, Box as Je, Paper as n1, Fab as q2, IconButton as Jt, GlobalStyles as a1, useTheme as K2, useMediaQuery as X2, ListSubheader as Z2, Typography as Tt, Stack as Ce, styled as Bt, Popper as Q2, autocompleteClasses as J2, Autocomplete as eb, TextField as xn, CircularProgress as gc, InputAdornment as ka, Popover as i1, SvgIcon as Ft, alpha as Mi, CssBaseline as o1, DialogTitle as s1, DialogContent as l1, DialogActions as u1, Button as Tr, Avatar as ud, Badge as tb, AvatarGroup as rb, LinearProgress as nb, Skeleton as ab, Drawer as ib, StepConnector as ob, Stepper as sb, Step as lb, StepLabel as ub, Tooltip as cb, FormHelperText as Kr, Slider as fb, FormControlLabel as Ms, Checkbox as c1, FormControl as f1, FormLabel as d1, FormGroup as db, RadioGroup as hb, Radio as pb, Switch as gb } from "@mui/material";
 import { CacheProvider as vb, ThemeContext as h1 } from "@emotion/react";
 import { createPortal as p1 } from "react-dom";
 import { LocalizationProvider as g1, DatePicker as mb, DateRangePicker as bb, DateTimePicker as yb, TimePicker as xb } from "@mui/x-date-pickers-pro";
@@ -23,7 +23,7 @@ const $b = {
 }, me = (e) => {
   const t = (e == null ? void 0 : e.durationIn) || 0.64, r = (e == null ? void 0 : e.easeIn) || [0.43, 0.13, 0.23, 0.96];
   return { duration: t, ease: r };
-}, Ce = (e) => {
+}, Ee = (e) => {
   const t = (e == null ? void 0 : e.durationOut) || 0.48, r = (e == null ? void 0 : e.easeOut) || [0.43, 0.13, 0.23, 0.96];
   return { duration: t, ease: r };
 }, Xo = (e) => {
@@ -33,53 +33,53 @@ const $b = {
     in: {
       initial: { opacity: 0 },
       animate: { opacity: 1, transition: me },
-      exit: { opacity: 0, transition: Ce }
+      exit: { opacity: 0, transition: Ee }
     },
     inUp: {
       initial: { y: t, opacity: 0 },
       animate: { y: 0, opacity: 1, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { y: t, opacity: 0, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { y: t, opacity: 0, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     inDown: {
       initial: { y: -t, opacity: 0 },
       animate: { y: 0, opacity: 1, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { y: -t, opacity: 0, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { y: -t, opacity: 0, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     inLeft: {
       initial: { x: -t, opacity: 0 },
       animate: { x: 0, opacity: 1, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { x: -t, opacity: 0, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { x: -t, opacity: 0, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     inRight: {
       initial: { x: t, opacity: 0 },
       animate: { x: 0, opacity: 1, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { x: t, opacity: 0, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { x: t, opacity: 0, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     // OUT
     out: {
       initial: { opacity: 1 },
       animate: { opacity: 0, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { opacity: 1, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { opacity: 1, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     outUp: {
       initial: { y: 0, opacity: 1 },
       animate: { y: -t, opacity: 0, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { y: 0, opacity: 1, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { y: 0, opacity: 1, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     outDown: {
       initial: { y: 0, opacity: 1 },
       animate: { y: t, opacity: 0, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { y: 0, opacity: 1, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { y: 0, opacity: 1, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     outLeft: {
       initial: { x: 0, opacity: 1 },
       animate: { x: -t, opacity: 0, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { x: 0, opacity: 1, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { x: 0, opacity: 1, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     outRight: {
       initial: { x: 0, opacity: 1 },
       animate: { x: t, opacity: 0, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { x: 0, opacity: 1, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { x: 0, opacity: 1, transition: Ee({ durationOut: n, easeOut: i }) }
     }
   };
 }, FG = (e) => {
@@ -89,7 +89,7 @@ const $b = {
     in: {
       initial: { scale: 0, opacity: 0 },
       animate: { scale: 1, opacity: 1, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { scale: 0, opacity: 0, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { scale: 0, opacity: 0, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     inUp: {
       initial: { scale: 0, opacity: 0, translateY: t },
@@ -103,7 +103,7 @@ const $b = {
         scale: 0,
         opacity: 0,
         translateY: t,
-        transition: Ce({ durationOut: n, easeOut: i })
+        transition: Ee({ durationOut: n, easeOut: i })
       }
     },
     inDown: {
@@ -118,7 +118,7 @@ const $b = {
         scale: 0,
         opacity: 0,
         translateY: -t,
-        transition: Ce({ durationOut: n, easeOut: i })
+        transition: Ee({ durationOut: n, easeOut: i })
       }
     },
     inLeft: {
@@ -133,7 +133,7 @@ const $b = {
         scale: 0,
         opacity: 0,
         translateX: -t,
-        transition: Ce({ durationOut: n, easeOut: i })
+        transition: Ee({ durationOut: n, easeOut: i })
       }
     },
     inRight: {
@@ -148,7 +148,7 @@ const $b = {
         scale: 0,
         opacity: 0,
         translateX: t,
-        transition: Ce({ durationOut: n, easeOut: i })
+        transition: Ee({ durationOut: n, easeOut: i })
       }
     },
     // OUT
@@ -200,21 +200,21 @@ const $b = {
     inX: {
       initial: { rotateX: -180, opacity: 0 },
       animate: { rotateX: 0, opacity: 1, transition: me({ durationIn: t, easeIn: n }) },
-      exit: { rotateX: -180, opacity: 0, transition: Ce({ durationOut: r, easeOut: a }) }
+      exit: { rotateX: -180, opacity: 0, transition: Ee({ durationOut: r, easeOut: a }) }
     },
     inY: {
       initial: { rotateY: -180, opacity: 0 },
       animate: { rotateY: 0, opacity: 1, transition: me({ durationIn: t, easeIn: n }) },
-      exit: { rotateY: -180, opacity: 0, transition: Ce({ durationOut: r, easeOut: a }) }
+      exit: { rotateY: -180, opacity: 0, transition: Ee({ durationOut: r, easeOut: a }) }
     },
     // OUT
     outX: {
       initial: { rotateX: 0, opacity: 1 },
-      animate: { rotateX: 70, opacity: 0, transition: Ce({ durationOut: r, easeOut: a }) }
+      animate: { rotateX: 70, opacity: 0, transition: Ee({ durationOut: r, easeOut: a }) }
     },
     outY: {
       initial: { rotateY: 0, opacity: 1 },
-      animate: { rotateY: 70, opacity: 0, transition: Ce({ durationOut: r, easeOut: a }) }
+      animate: { rotateY: 70, opacity: 0, transition: Ee({ durationOut: r, easeOut: a }) }
     }
   };
 }, jG = (e) => {
@@ -224,43 +224,43 @@ const $b = {
     inUp: {
       initial: { y: t },
       animate: { y: 0, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { y: t, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { y: t, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     inDown: {
       initial: { y: -t },
       animate: { y: 0, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { y: -t, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { y: -t, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     inLeft: {
       initial: { x: -t },
       animate: { x: 0, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { x: -t, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { x: -t, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     inRight: {
       initial: { x: t },
       animate: { x: 0, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { x: t, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { x: t, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     // OUT
     outUp: {
       initial: { y: 0 },
       animate: { y: -t, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { y: 0, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { y: 0, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     outDown: {
       initial: { y: 0 },
       animate: { y: t, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { y: 0, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { y: 0, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     outLeft: {
       initial: { x: 0 },
       animate: { x: -t, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { x: 0, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { x: 0, transition: Ee({ durationOut: n, easeOut: i }) }
     },
     outRight: {
       initial: { x: 0 },
       animate: { x: t, transition: me({ durationIn: r, easeIn: a }) },
-      exit: { x: 0, transition: Ce({ durationOut: n, easeOut: i }) }
+      exit: { x: 0, transition: Ee({ durationOut: n, easeOut: i }) }
     }
   };
 }, LG = (e) => {
@@ -270,12 +270,12 @@ const $b = {
     inX: {
       initial: { scaleX: 0, opacity: 0 },
       animate: { scaleX: 1, opacity: 1, transition: me({ durationIn: t, easeIn: n }) },
-      exit: { scaleX: 0, opacity: 0, transition: Ce({ durationOut: r, easeOut: a }) }
+      exit: { scaleX: 0, opacity: 0, transition: Ee({ durationOut: r, easeOut: a }) }
     },
     inY: {
       initial: { scaleY: 0, opacity: 0 },
       animate: { scaleY: 1, opacity: 1, transition: me({ durationIn: t, easeIn: n }) },
-      exit: { scaleY: 0, opacity: 0, transition: Ce({ durationOut: r, easeOut: a }) }
+      exit: { scaleY: 0, opacity: 0, transition: Ee({ durationOut: r, easeOut: a }) }
     },
     // OUT
     outX: {
@@ -315,7 +315,7 @@ const $b = {
         y: [12, -24, 720],
         scaleY: [0.985, 0.9, 3],
         opacity: [1, 1, 0],
-        transition: Ce({ durationOut: r, easeOut: a })
+        transition: Ee({ durationOut: r, easeOut: a })
       }
     },
     inDown: {
@@ -330,7 +330,7 @@ const $b = {
         y: [-12, 24, -720],
         scaleY: [0.985, 0.9, 3],
         opacity: [1, 1, 0],
-        transition: Ce({ durationOut: r, easeOut: a })
+        transition: Ee({ durationOut: r, easeOut: a })
       }
     },
     inLeft: {
@@ -345,7 +345,7 @@ const $b = {
         x: [0, 24, -720],
         scaleX: [1, 0.9, 2],
         opacity: [1, 1, 0],
-        transition: Ce({ durationOut: r, easeOut: a })
+        transition: Ee({ durationOut: r, easeOut: a })
       }
     },
     inRight: {
@@ -360,7 +360,7 @@ const $b = {
         x: [0, -24, 720],
         scaleX: [1, 0.9, 2],
         opacity: [1, 1, 0],
-        transition: Ce({ durationOut: r, easeOut: a })
+        transition: Ee({ durationOut: r, easeOut: a })
       }
     },
     // OUT
@@ -387,12 +387,12 @@ const $b = {
     in: {
       initial: { opacity: 0, rotate: -360 },
       animate: { opacity: 1, rotate: 0, transition: me({ durationIn: t, easeIn: n }) },
-      exit: { opacity: 0, rotate: -360, transition: Ce({ durationOut: r, easeOut: a }) }
+      exit: { opacity: 0, rotate: -360, transition: Ee({ durationOut: r, easeOut: a }) }
     },
     // OUT
     out: {
       initial: { opacity: 1, rotate: 0 },
-      animate: { opacity: 0, rotate: -360, transition: Ce({ durationOut: r, easeOut: a }) }
+      animate: { opacity: 0, rotate: -360, transition: Ee({ durationOut: r, easeOut: a }) }
     }
   };
 }, zG = (e) => ({
@@ -5611,7 +5611,7 @@ const Jw = (e, t, r) => {
     ...n,
     children: r
   }
-), e3 = () => import("./features-5a6fe6d6.js").then((e) => e.default), t3 = ({ children: e }) => /* @__PURE__ */ g.jsx(Ly, { strict: !0, features: e3, children: /* @__PURE__ */ g.jsxs(sr.div, { style: { height: "100%" }, children: [
+), e3 = () => import("./features-2089f6dc.js").then((e) => e.default), t3 = ({ children: e }) => /* @__PURE__ */ g.jsx(Ly, { strict: !0, features: e3, children: /* @__PURE__ */ g.jsxs(sr.div, { style: { height: "100%" }, children: [
   " ",
   e,
   " "
@@ -8408,7 +8408,7 @@ const Lg = 8, J4 = (e) => {
     paddingTop: 8
   };
   return Object.prototype.hasOwnProperty.call(a, "group") ? /* @__PURE__ */ g.jsx(Z2, { component: "div", style: s, children: a.group }, a.key) : /* @__PURE__ */ g.jsx(Tt, { component: "li", ...o, noWrap: !0, style: s, children: /* @__PURE__ */ g.jsxs(
-    Se,
+    Ce,
     {
       component: "div",
       direction: "row",
@@ -10126,7 +10126,7 @@ var wA = 1, Sv = 38, CA = 40, EA = [Sv, CA], SA = function(t) {
   return EA.indexOf(t) > -1;
 }, _A = function(t) {
   return Number(String(t).replace(/%/g, ""));
-}, kA = 1, Ee = function(e) {
+}, kA = 1, Se = function(e) {
   xA(t, e);
   function t(r) {
     bA(this, t);
@@ -12800,7 +12800,7 @@ var rj = function(t) {
       "div",
       { style: v.body },
       y.createElement(rj, { colors: i, onClick: h, onSwatchHover: n }),
-      y.createElement(Ee, {
+      y.createElement(Se, {
         style: { input: v.input },
         value: a,
         onChange: h
@@ -13090,7 +13090,7 @@ var Qv = function(e) {
         y.createElement(
           "div",
           { style: a.field },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: a.input, label: a.label },
             label: "hex",
             value: this.props.hex,
@@ -13103,7 +13103,7 @@ var Qv = function(e) {
         y.createElement(
           "div",
           { style: a.field },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: a.input, label: a.label },
             label: "r",
             value: this.props.rgb.r,
@@ -13113,7 +13113,7 @@ var Qv = function(e) {
         y.createElement(
           "div",
           { style: a.field },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: a.input, label: a.label },
             label: "g",
             value: this.props.rgb.g,
@@ -13123,7 +13123,7 @@ var Qv = function(e) {
         y.createElement(
           "div",
           { style: a.field },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: a.input, label: a.label },
             label: "b",
             value: this.props.rgb.b,
@@ -13133,7 +13133,7 @@ var Qv = function(e) {
         y.createElement(
           "div",
           { style: a.alpha },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: a.input, label: a.label },
             label: "a",
             value: this.props.rgb.a,
@@ -13147,7 +13147,7 @@ var Qv = function(e) {
         y.createElement(
           "div",
           { style: a.field },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: a.input, label: a.label },
             label: "h",
             value: Math.round(this.props.hsl.h),
@@ -13157,7 +13157,7 @@ var Qv = function(e) {
         y.createElement(
           "div",
           { style: a.field },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: a.input, label: a.label },
             label: "s",
             value: Math.round(this.props.hsl.s * 100) + "%",
@@ -13167,7 +13167,7 @@ var Qv = function(e) {
         y.createElement(
           "div",
           { style: a.field },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: a.input, label: a.label },
             label: "l",
             value: Math.round(this.props.hsl.l * 100) + "%",
@@ -13177,7 +13177,7 @@ var Qv = function(e) {
         y.createElement(
           "div",
           { style: a.alpha },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: a.input, label: a.label },
             label: "a",
             value: this.props.hsl.a,
@@ -13531,25 +13531,25 @@ var pj = function(t) {
     "div",
     { style: i.fields, className: "flexbox-fix" },
     y.createElement("div", { style: i.active }),
-    y.createElement(Ee, {
+    y.createElement(Se, {
       style: { wrap: i.HEXwrap, input: i.HEXinput, label: i.HEXlabel },
       label: "hex",
       value: r,
       onChange: o
     }),
-    y.createElement(Ee, {
+    y.createElement(Se, {
       style: { wrap: i.RGBwrap, input: i.RGBinput, label: i.RGBlabel },
       label: "r",
       value: n.r,
       onChange: o
     }),
-    y.createElement(Ee, {
+    y.createElement(Se, {
       style: { wrap: i.RGBwrap, input: i.RGBinput, label: i.RGBlabel },
       label: "g",
       value: n.g,
       onChange: o
     }),
-    y.createElement(Ee, {
+    y.createElement(Se, {
       style: { wrap: i.RGBwrap, input: i.RGBinput, label: i.RGBlabel },
       label: "b",
       value: n.b,
@@ -13902,7 +13902,7 @@ var xj = function(t) {
     y.createElement(
       "div",
       { style: l.material, className: "material-picker " + u },
-      y.createElement(Ee, {
+      y.createElement(Se, {
         style: { wrap: l.HEXwrap, input: l.HEXinput, label: l.HEXlabel },
         label: "hex",
         value: n,
@@ -13914,7 +13914,7 @@ var xj = function(t) {
         y.createElement(
           "div",
           { style: l.third },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { wrap: l.RGBwrap, input: l.RGBinput, label: l.RGBlabel },
             label: "r",
             value: a.r,
@@ -13924,7 +13924,7 @@ var xj = function(t) {
         y.createElement(
           "div",
           { style: l.third },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { wrap: l.RGBwrap, input: l.RGBinput, label: l.RGBlabel },
             label: "g",
             value: a.g,
@@ -13934,7 +13934,7 @@ var xj = function(t) {
         y.createElement(
           "div",
           { style: l.third },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { wrap: l.RGBwrap, input: l.RGBinput, label: l.RGBlabel },
             label: "b",
             value: a.b,
@@ -14036,45 +14036,45 @@ var wj = function(t) {
   return y.createElement(
     "div",
     { style: o.fields },
-    y.createElement(Ee, {
+    y.createElement(Se, {
       style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },
       label: "h",
       value: Math.round(a.h),
       onChange: s
     }),
-    y.createElement(Ee, {
+    y.createElement(Se, {
       style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },
       label: "s",
       value: Math.round(a.s * 100),
       onChange: s
     }),
-    y.createElement(Ee, {
+    y.createElement(Se, {
       style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },
       label: "v",
       value: Math.round(a.v * 100),
       onChange: s
     }),
     y.createElement("div", { style: o.divider }),
-    y.createElement(Ee, {
+    y.createElement(Se, {
       style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },
       label: "r",
       value: n.r,
       onChange: s
     }),
-    y.createElement(Ee, {
+    y.createElement(Se, {
       style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },
       label: "g",
       value: n.g,
       onChange: s
     }),
-    y.createElement(Ee, {
+    y.createElement(Se, {
       style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },
       label: "b",
       value: n.b,
       onChange: s
     }),
     y.createElement("div", { style: o.divider }),
-    y.createElement(Ee, {
+    y.createElement(Se, {
       style: { wrap: o.HEXwrap, input: o.HEXinput, label: o.HEXlabel },
       label: "#",
       value: i.replace("#", ""),
@@ -14474,7 +14474,7 @@ var Mj = function(t) {
     y.createElement(
       "div",
       { style: s.double },
-      y.createElement(Ee, {
+      y.createElement(Se, {
         style: { input: s.input, label: s.label },
         label: "hex",
         value: i.replace("#", ""),
@@ -14484,7 +14484,7 @@ var Mj = function(t) {
     y.createElement(
       "div",
       { style: s.single },
-      y.createElement(Ee, {
+      y.createElement(Se, {
         style: { input: s.input, label: s.label },
         label: "r",
         value: n.r,
@@ -14496,7 +14496,7 @@ var Mj = function(t) {
     y.createElement(
       "div",
       { style: s.single },
-      y.createElement(Ee, {
+      y.createElement(Se, {
         style: { input: s.input, label: s.label },
         label: "g",
         value: n.g,
@@ -14508,7 +14508,7 @@ var Mj = function(t) {
     y.createElement(
       "div",
       { style: s.single },
-      y.createElement(Ee, {
+      y.createElement(Se, {
         style: { input: s.input, label: s.label },
         label: "b",
         value: n.b,
@@ -14520,7 +14520,7 @@ var Mj = function(t) {
     y.createElement(
       "div",
       { style: s.alpha },
-      y.createElement(Ee, {
+      y.createElement(Se, {
         style: { input: s.input, label: s.label },
         label: "a",
         value: Math.round(n.a * 100),
@@ -15236,7 +15236,7 @@ var If = function(t) {
         { style: d.hash },
         "#"
       ),
-      y.createElement(Ee, {
+      y.createElement(Se, {
         label: null,
         style: { input: d.input },
         value: a.replace("#", ""),
@@ -15430,7 +15430,7 @@ var Bj = function(t) {
       y.createElement(
         "div",
         { style: u.double },
-        y.createElement(Ee, {
+        y.createElement(Se, {
           style: { input: u.input, label: u.label },
           label: "hex",
           value: i,
@@ -15443,7 +15443,7 @@ var Bj = function(t) {
         y.createElement(
           "div",
           { style: u.single },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: u.input2, label: u.label2 },
             label: "rgb",
             value: l,
@@ -15453,7 +15453,7 @@ var Bj = function(t) {
         y.createElement(
           "div",
           { style: u.single },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: u.input2, label: u.label2 },
             label: "hsv",
             value: f,
@@ -15463,7 +15463,7 @@ var Bj = function(t) {
         y.createElement(
           "div",
           { style: u.single },
-          y.createElement(Ee, {
+          y.createElement(Se, {
             style: { input: u.input2, label: u.label2 },
             label: "hsl",
             value: c,
@@ -23213,7 +23213,7 @@ const qf = ({ sx: e }) => /* @__PURE__ */ g.jsx(
     return d;
   }, [a, u]);
   return /* @__PURE__ */ g.jsx(
-    Se,
+    Ce,
     {
       display: "grid",
       sx: {
@@ -24131,7 +24131,7 @@ const qf = ({ sx: e }) => /* @__PURE__ */ g.jsx(
     ]
   }
 ), DV = ({ text: e, sx: t }) => /* @__PURE__ */ g.jsxs(
-  Se,
+  Ce,
   {
     alignItems: "center",
     justifyContent: "center",
@@ -24187,7 +24187,7 @@ const qf = ({ sx: e }) => /* @__PURE__ */ g.jsx(
   ], c = y.useCallback((f) => ({
     bottom: f.isLastVisible ? 0 : 8
   }), []);
-  return /* @__PURE__ */ g.jsxs(Se, { position: "relative", borderRadius: 2, overflow: "hidden", children: [
+  return /* @__PURE__ */ g.jsxs(Ce, { position: "relative", borderRadius: 2, overflow: "hidden", children: [
     n && /* @__PURE__ */ g.jsx(qf, { sx: { zIndex: 1 } }),
     /* @__PURE__ */ g.jsx(
       kb,
@@ -24705,33 +24705,37 @@ const BV = Zr("div")(() => ({
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
     n
   ) ? /* @__PURE__ */ g.jsx(Je, { sx: { overflowX: "auto", ...t }, ...r, children: e }) : /* @__PURE__ */ g.jsx(BV, { children: /* @__PURE__ */ g.jsx(zV, { clickOnTrack: !1, sx: t, ...r, children: e }) });
-}, VV = zi(WV), HV = Bt(Se)(({ theme: e }) => ({
+}, VV = zi(WV), HV = Bt(Ce)(({ theme: e }) => ({
   flexDirection: "row",
   alignItems: "center",
-  justifyContent: "space-between",
   borderBottom: `1px solid ${e.palette.grey[300]}`,
   padding: "22px 20px"
-})), UV = Bt(Se)({
+})), UV = Bt(Ce)({
   padding: 32
 }), pq = ({
   headerTitle: e,
   onClose: t,
   children: r,
   contentProps: n,
-  ...a
+  maxWidth: a = 684,
+  headerInfo: i,
+  ...o
 }) => /* @__PURE__ */ g.jsxs(
   ib,
   {
     anchor: "right",
     PaperProps: {
-      sx: { width: 1, maxWidth: 684 }
+      sx: { width: 1, maxWidth: a }
     },
     onClose: t,
-    ...a,
+    ...o,
     children: [
       /* @__PURE__ */ g.jsxs(HV, { children: [
-        /* @__PURE__ */ g.jsx(Tt, { variant: "subtitle1", children: e }),
-        /* @__PURE__ */ g.jsx(Jt, { onClick: t, children: /* @__PURE__ */ g.jsx(lt, { icon: "ic:round-close" }) })
+        /* @__PURE__ */ g.jsxs(Ce, { flexDirection: "row", alignItems: "center", children: [
+          /* @__PURE__ */ g.jsx(Jt, { onClick: t, children: /* @__PURE__ */ g.jsx(lt, { icon: "ic:round-close" }) }),
+          /* @__PURE__ */ g.jsx(Tt, { variant: "subtitle1", children: e })
+        ] }),
+        i
       ] }),
       /* @__PURE__ */ g.jsx(VV, { children: /* @__PURE__ */ g.jsx(UV, { ...n, children: r }) })
     ]
@@ -25501,7 +25505,7 @@ const vH = ({
   onCropComplete: a,
   image: { width: i, height: o, aspect: s, imgSrc: u = "" }
 }) => /* @__PURE__ */ g.jsx(
-  Se,
+  Ce,
   {
     position: "relative",
     alignItems: "center",
@@ -29372,7 +29376,7 @@ const uU = Zr("span")(({
       ]
     }
   );
-}, cU = Bt(Se)(({ theme: e }) => ({
+}, cU = Bt(Ce)(({ theme: e }) => ({
   flexDirection: "row",
   alignItems: "center",
   justifyContent: "space-between",
@@ -29476,15 +29480,15 @@ const uU = Zr("span")(({
   cnpjIsValid: mU,
   cpfIsValid: vU,
   validatePassword: Ss
-}, Symbol.toStringTag, { value: "Module" })), bU = Bt(Se)(({ theme: e }) => ({
+}, Symbol.toStringTag, { value: "Module" })), bU = Bt(Ce)(({ theme: e }) => ({
   width: "100%",
   border: `solid 1px ${Mi(e.palette.grey[500], 0.32)}`,
   padding: 16,
   borderRadius: 8,
   gap: 8
-})), yU = Bt(Se)(() => ({
+})), yU = Bt(Ce)(() => ({
   gap: 4
-})), Ro = Bt(Se)(({ theme: e }) => ({
+})), Ro = Bt(Ce)(({ theme: e }) => ({
   flexDirection: "row",
   alignItems: "center",
   gap: 8,
@@ -29613,7 +29617,7 @@ const uU = Zr("span")(({
     }
   }
 })), wU = ({ active: e, completed: t }) => /* @__PURE__ */ g.jsx(
-  Se,
+  Ce,
   {
     alignItems: "center",
     justifyContent: "center",
@@ -31091,7 +31095,7 @@ const AY = {
     }
   );
   return t ? /* @__PURE__ */ g.jsx(cb, { title: o, children: /* @__PURE__ */ g.jsxs(
-    Se,
+    Ce,
     {
       flexShrink: 0,
       component: "span",
@@ -31152,7 +31156,7 @@ const AY = {
 }) => t != null && t.length ? /* @__PURE__ */ g.jsx(j1, { initial: !1, children: t.map((a) => {
   const { key: i, name: o = "", size: s = 0 } = ed(a), u = typeof a == "string";
   return e ? /* @__PURE__ */ g.jsxs(
-    Se,
+    Ce,
     {
       component: sr.div,
       ...Xo().inUp,
@@ -31203,7 +31207,7 @@ const AY = {
     },
     i
   ) : /* @__PURE__ */ g.jsxs(
-    Se,
+    Ce,
     {
       component: sr.div,
       ...Xo().inUp,
@@ -31220,7 +31224,7 @@ const AY = {
       },
       children: [
         /* @__PURE__ */ g.jsx(J0, { file: a }),
-        /* @__PURE__ */ g.jsxs(Se, { flexGrow: 1, sx: { minWidth: 0 }, children: [
+        /* @__PURE__ */ g.jsxs(Ce, { flexGrow: 1, sx: { minWidth: 0 }, children: [
           /* @__PURE__ */ g.jsx(Tt, { variant: "subtitle2", noWrap: !0, children: u ? a : o }),
           /* @__PURE__ */ g.jsx(Tt, { variant: "caption", sx: { color: "text.secondary" }, children: u ? "" : Kf(s) })
         ] }),
@@ -31242,7 +31246,7 @@ const AY = {
     return null;
   const t = typeof e == "string" ? e : e.preview;
   return /* @__PURE__ */ g.jsx(
-    Se,
+    Ce,
     {
       position: "absolute",
       width: 1,
@@ -31291,7 +31295,7 @@ const AY = {
   sx: r,
   ...n
 }) => /* @__PURE__ */ g.jsxs(
-  Se,
+  Ce,
   {
     spacing: 5,
     alignItems: "center",
@@ -31390,7 +31394,7 @@ const AY = {
         children: [
           /* @__PURE__ */ g.jsx("input", { ...T(), id: e, tabIndex: b }),
           p ? /* @__PURE__ */ g.jsx(
-            Se,
+            Ce,
             {
               sx: {
                 ...O && {
@@ -31455,7 +31459,7 @@ const AY = {
           onRemove: c
         }
       ) }),
-      /* @__PURE__ */ g.jsxs(Se, { direction: "row", justifyContent: "flex-end", spacing: 1.5, children: [
+      /* @__PURE__ */ g.jsxs(Ce, { direction: "row", justifyContent: "flex-end", spacing: 1.5, children: [
         f && /* @__PURE__ */ g.jsx(
           Tr,
           {
@@ -31766,7 +31770,7 @@ const YY = (e = !1) => {
       ),
       /* @__PURE__ */ g.jsx(Tr, { variant: "contained", size: "medium", onClick: a, children: "Salvar" })
     ] }),
-    children: /* @__PURE__ */ g.jsxs(Se, { gap: 2, children: [
+    children: /* @__PURE__ */ g.jsxs(Ce, { gap: 2, children: [
       /* @__PURE__ */ g.jsx(
         vH,
         {
@@ -31783,9 +31787,9 @@ const YY = (e = !1) => {
           onZoomChange: v
         }
       ),
-      /* @__PURE__ */ g.jsxs(Se, { gap: 1.5, children: [
+      /* @__PURE__ */ g.jsxs(Ce, { gap: 1.5, children: [
         /* @__PURE__ */ g.jsxs(
-          Se,
+          Ce,
           {
             width: 1,
             direction: "row",
@@ -31809,7 +31813,7 @@ const YY = (e = !1) => {
             ]
           }
         ),
-        /* @__PURE__ */ g.jsxs(Se, { direction: "row", gap: 2, children: [
+        /* @__PURE__ */ g.jsxs(Ce, { direction: "row", gap: 2, children: [
           /* @__PURE__ */ g.jsx(
             Tr,
             {
@@ -31839,7 +31843,7 @@ const YY = (e = !1) => {
       ] })
     ] })
   }
-), GY = Bt(Se)({
+), GY = Bt(Ce)({
   position: "relative",
   width: "100%",
   borderRadius: 8,
@@ -31847,7 +31851,7 @@ const YY = (e = !1) => {
   "&:hover .actions": {
     display: "flex"
   }
-}), qY = Bt(Se)(({ theme: e }) => ({
+}), qY = Bt(Ce)(({ theme: e }) => ({
   display: "none",
   position: "absolute",
   alignItems: "center",
@@ -32065,9 +32069,9 @@ const YY = (e = !1) => {
   const i = `${e}.zipCode`, o = `${e}.publicPlace`, s = `${e}.number`, u = `${e}.district`, l = `${e}.complement`, c = `${e}.state`, f = `${e}.city`, d = (h) => {
     h.key === "Enter" && h.preventDefault();
   };
-  return /* @__PURE__ */ g.jsxs(Se, { gap: 1.5, ...t, children: [
+  return /* @__PURE__ */ g.jsxs(Ce, { gap: 1.5, ...t, children: [
     /* @__PURE__ */ g.jsxs(
-      Se,
+      Ce,
       {
         direction: {
           xs: "column",
@@ -32101,7 +32105,7 @@ const YY = (e = !1) => {
             }
           ),
           /* @__PURE__ */ g.jsxs(
-            Se,
+            Ce,
             {
               direction: {
                 xs: "column",
@@ -32149,7 +32153,7 @@ const YY = (e = !1) => {
       }
     ),
     /* @__PURE__ */ g.jsxs(
-      Se,
+      Ce,
       {
         direction: {
           xs: "column",
@@ -32197,7 +32201,7 @@ const YY = (e = !1) => {
       }
     ),
     /* @__PURE__ */ g.jsxs(
-      Se,
+      Ce,
       {
         gap: 1.5,
         flexWrap: "wrap",
@@ -32380,8 +32384,8 @@ const $q = ({
   };
   R2("paste", l, i);
   const f = t.some((d) => u[d]);
-  return /* @__PURE__ */ g.jsxs(Se, { children: [
-    /* @__PURE__ */ g.jsx(Se, { direction: "row", spacing: 2, justifyContent: "center", ref: i, children: t.map((d, h) => /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ g.jsxs(Ce, { children: [
+    /* @__PURE__ */ g.jsx(Ce, { direction: "row", spacing: 2, justifyContent: "center", ref: i, children: t.map((d, h) => /* @__PURE__ */ g.jsx(
       Mt,
       {
         name: `${e}${h + 1}`,
@@ -32636,7 +32640,7 @@ const $q = ({
   methods: n,
   ...a
 }) => /* @__PURE__ */ g.jsx(Mb, { ...n, children: /* @__PURE__ */ g.jsx(
-  Se,
+  Ce,
   {
     component: "form",
     id: e,
@@ -33088,7 +33092,7 @@ const Wq = ({
     setZoom: w
   } = A2({ image: o, onFileCropped: e, onImageUploaded: t, onCancel: r });
   return /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
-    /* @__PURE__ */ g.jsxs(Se, { position: "relative", alignItems: "center", justifyContent: "center", children: [
+    /* @__PURE__ */ g.jsxs(Ce, { position: "relative", alignItems: "center", justifyContent: "center", children: [
       s && /* @__PURE__ */ g.jsx(KY, {}),
       /* @__PURE__ */ g.jsx(
         zY,
@@ -33522,7 +33526,7 @@ export {
   lu as b6,
   DG as b7,
   me as b8,
-  Ce as b9,
+  Ee as b9,
   tK as bA,
   xq as bB,
   gq as bC,