@getsoren/design-system 4.52.0 → 4.53.0

package/dist/main.js

@@ -1,5 +1,5 @@
 import { a as mo, c as gn, i as vo, n as Jo, o as bo, r as yo, s as Co, t as Wp } from "./grey-BAzK6S76.js";
-import { Alert as Ql, AppBar as Ji, Autocomplete as Kp, Avatar as ln, Backdrop as jp, Badge as Hp, Box as le, Button as hn, Card as qo, CardContent as yd, Checkbox as ga, Chip as Tr, CircularProgress as Nl, Collapse as Yi, CssBaseline as Gp, Dialog as Zp, DialogActions as Xp, DialogContent as zp, DialogContentText as Jp, Divider as Bn, Fade as Ul, GlobalStyles as mn, IconButton as ct, InputAdornment as Do, InputLabel as Yp, List as vn, ListItem as br, ListItemAvatar as $p, ListItemButton as $i, ListItemIcon as Cd, ListItemText as Gr, Menu as xd, MenuItem as Ed, Modal as _p, Paper as ql, Popper as ef, Radio as tf, Skeleton as vt, Slide as rf, Snackbar as of, Stack as de, SvgIcon as Rt, SwipeableDrawer as nf, Tab as af, TextField as Pn, TextareaAutosize as lf, ThemeProvider as sf, ToggleButton as Xn, ToggleButtonGroup as uf, Toolbar as df, Tooltip as kr, Typography as we, alpha as Bt, createTheme as Oo, css as ha, getOverlayAlpha as _i, responsiveFontSizes as Wl, useMediaQuery as bn, useTheme as pt } from "@mui/material";
+import { Alert as Ql, AppBar as Ji, Autocomplete as Kp, Avatar as ln, Backdrop as jp, Badge as Hp, Box as le, Button as hn, Card as qo, CardContent as yd, Checkbox as ga, Chip as Tr, CircularProgress as Nl, Collapse as Yi, CssBaseline as Gp, Dialog as Zp, DialogActions as Xp, DialogContent as zp, DialogContentText as Jp, Divider as Bn, Fade as Ul, GlobalStyles as mn, IconButton as ct, InputAdornment as Do, InputLabel as Yp, List as vn, ListItem as br, ListItemAvatar as $p, ListItemButton as $i, ListItemIcon as Cd, ListItemText as Gr, Menu as xd, MenuItem as Ed, Modal as _p, Paper as ql, Popper as ef, Radio as tf, Skeleton as vt, Slide as rf, Snackbar as of, Stack as de, SvgIcon as Ot, SwipeableDrawer as nf, Tab as af, TextField as Pn, TextareaAutosize as lf, ThemeProvider as sf, ToggleButton as Xn, ToggleButtonGroup as uf, Toolbar as df, Tooltip as kr, Typography as we, alpha as Tt, createTheme as Oo, css as ha, getOverlayAlpha as _i, responsiveFontSizes as Wl, useMediaQuery as bn, useTheme as pt } from "@mui/material";
 import * as I from "react";
 import Rr, { Children as Sd, cloneElement as ao, createContext as Fa, forwardRef as Ct, isValidElement as xt, memo as Qa, useCallback as qe, useContext as lr, useEffect as Ft, useImperativeHandle as wd, useMemo as jr, useRef as Ke, useState as De } from "react";
 import * as yn from "react/jsx-runtime";
@@ -93,7 +93,7 @@ function Jn(e, t) {
 function Df(e, t) {
   return e.map(t).join("");
 }
-var Wa = 1, Mo = 1, Dd = 0, Ot = 0, ot = 0, Wo = "";
+var Wa = 1, Mo = 1, Dd = 0, kt = 0, ot = 0, Wo = "";
 function Ka(e, t, r, n, a, i, l) {
   return {
     value: e,
@@ -115,16 +115,16 @@ function Mf() {
   return ot;
 }
 function Vf() {
-  return ot = Ot > 0 ? dt(Wo, --Ot) : 0, Mo--, ot === 10 && (Mo = 1, Wa--), ot;
+  return ot = kt > 0 ? dt(Wo, --kt) : 0, Mo--, ot === 10 && (Mo = 1, Wa--), ot;
 }
 function Lt() {
-  return ot = Ot < Dd ? dt(Wo, Ot++) : 0, Mo++, ot === 10 && (Mo = 1, Wa++), ot;
+  return ot = kt < Dd ? dt(Wo, kt++) : 0, Mo++, ot === 10 && (Mo = 1, Wa++), ot;
 }
 function mr() {
-  return dt(Wo, Ot);
+  return dt(Wo, kt);
 }
 function na() {
-  return Ot;
+  return kt;
 }
 function Dn(e, t) {
   return Cn(Wo, e, t);
@@ -162,13 +162,13 @@ function xn(e) {
   return 0;
 }
 function Md(e) {
-  return Wa = Mo = 1, Dd = pr(Wo = e), Ot = 0, [];
+  return Wa = Mo = 1, Dd = pr(Wo = e), kt = 0, [];
 }
 function Vd(e) {
   return Wo = "", e;
 }
 function aa(e) {
-  return Pd(Dn(Ot - 1, rl(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Pd(Dn(kt - 1, rl(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Lf(e) {
   for (; (ot = mr()) && ot < 33; ) Lt();
@@ -181,7 +181,7 @@ function Ff(e, t) {
 function rl(e) {
   for (; Lt(); ) switch (ot) {
     case e:
-      return Ot;
+      return kt;
     case 34:
     case 39:
       e !== 34 && e !== 39 && rl(ot);
@@ -193,15 +193,15 @@ function rl(e) {
       Lt();
       break;
   }
-  return Ot;
+  return kt;
 }
 function Qf(e, t) {
   for (; Lt() && e + ot !== 57; ) if (e + ot === 84 && mr() === 47) break;
-  return "/*" + Dn(t, Ot - 1) + "*" + qa(e === 47 ? e : Lt());
+  return "/*" + Dn(t, kt - 1) + "*" + qa(e === 47 ? e : Lt());
 }
 function Nf(e) {
   for (; !xn(mr()); ) Lt();
-  return Dn(e, Ot);
+  return Dn(e, kt);
 }
 function Uf(e) {
   return Vd(ia("", null, null, null, [""], e = Md(e), 0, [0], e));
@@ -340,13 +340,13 @@ function Hf(e) {
 var Gf = function(t, r, n) {
   for (var a = 0, i = 0; a = i, i = mr(), a === 38 && i === 12 && (r[n] = 1), !xn(i); )
     Lt();
-  return Dn(t, Ot);
+  return Dn(t, kt);
 }, Zf = function(t, r) {
   var n = -1, a = 44;
   do
     switch (xn(a)) {
       case 0:
-        a === 38 && mr() === 12 && (r[n] = 1), t[n] += Gf(Ot - 1, r, n);
+        a === 38 && mr() === 12 && (r[n] = 1), t[n] += Gf(kt - 1, r, n);
         break;
       case 2:
         t[n] += aa(a);
@@ -1292,7 +1292,7 @@ var bA = (e, t) => {
     light: "#FFD95B",
     main: "#FFA726"
   }
-} }, Tt = { palette: {
+} }, Rt = { palette: {
   action: {
     active: "rgba(255, 255, 255, 0.54)",
     disabled: "rgba(255, 255, 255, 0.26)",
@@ -1421,9 +1421,9 @@ var bA = (e, t) => {
 } }, SA = ({ sx: e, ...t }) => /* @__PURE__ */ d(ln, {
   variant: "rounded",
   sx: {
-    "& svg": { color: Tt?.palette?.text?.disabled },
-    backgroundColor: Tt?.palette?.grey?.[100],
-    color: Tt?.palette?.text?.primary,
+    "& svg": { color: Rt?.palette?.text?.disabled },
+    backgroundColor: Rt?.palette?.grey?.[100],
+    color: Rt?.palette?.text?.primary,
     ...e
   },
   ...t
@@ -11785,7 +11785,7 @@ function D2(e) {
     ut || (Yt(!0), wt(!0), Le.current = !1, z && z(N));
   }, Sr = (N, U) => {
     ut && (Yt(!1), je.current = !1, Be.current = null, V && V(N, U));
-  }, kt = (N, U, ae, he) => {
+  }, Bt = (N, U, ae, he) => {
     if (m) {
       if (_.length === U.length && _.every((Ie, Ye) => Ie === U[Ye])) return;
     } else if (_ === U) return;
@@ -11801,7 +11801,7 @@ function D2(e) {
       const He = Ye.findIndex((tt) => k(U, tt));
       He === -1 ? Ye.push(U) : he !== "freeSolo" && (Ye.splice(He, 1), Ie = "removeOption");
     }
-    nt(N, Ye, Ie), kt(N, Ye, Ie, { option: U }), !b && (!N || !N.ctrlKey && !N.metaKey) && Sr(N, Ie), (l === !0 || l === "touch" && Le.current || l === "mouse" && !Le.current) && $.current.blur();
+    nt(N, Ye, Ie), Bt(N, Ye, Ie, { option: U }), !b && (!N || !N.ctrlKey && !N.metaKey) && Sr(N, Ie), (l === !0 || l === "touch" && Le.current || l === "mouse" && !Le.current) && $.current.blur();
   };
   function _r(N, U) {
     if (N === -1) return -1;
@@ -11819,7 +11819,7 @@ function D2(e) {
     let ae = G;
     G === -1 && U === "previous" ? (ae = _.length - 1, w && Ae !== "" && (At(""), L && L(N, "", "reset"))) : (ae += U === "next" ? 1 : -1, ae < 0 && (ae = 0), ae === _.length && (ae = -1)), ae = _r(ae, U), fe(ae), ge(ae);
   }, ho = (N) => {
-    re.current = !0, At(""), L && L(N, "", "clear"), kt(N, m ? [] : null, "clear");
+    re.current = !0, At(""), L && L(N, "", "clear"), Bt(N, m ? [] : null, "clear");
   }, Si = (N) => (U) => {
     if (N.onKeyDown && N.onKeyDown(U), !U.defaultMuiPrevented && (G !== -1 && !["ArrowLeft", "ArrowRight"].includes(U.key) && (fe(-1), ge(-1)), U.which !== 229))
       switch (U.key) {
@@ -11895,16 +11895,16 @@ function D2(e) {
         case "Backspace":
           if (m && !X && Ae === "" && _.length > 0) {
             const ae = G === -1 ? _.length - 1 : G, he = _.slice();
-            he.splice(ae, 1), kt(U, he, "removeOption", { option: _[ae] });
+            he.splice(ae, 1), Bt(U, he, "removeOption", { option: _[ae] });
           }
-          !m && F && !X && Ae === "" && kt(U, null, "removeOption", { option: _ });
+          !m && F && !X && Ae === "" && Bt(U, null, "removeOption", { option: _ });
           break;
         case "Delete":
           if (m && !X && Ae === "" && _.length > 0 && G !== -1) {
             const ae = G, he = _.slice();
-            he.splice(ae, 1), kt(U, he, "removeOption", { option: _[ae] });
+            he.splice(ae, 1), Bt(U, he, "removeOption", { option: _[ae] });
           }
-          !m && F && !X && Ae === "" && kt(U, null, "removeOption", { option: _ });
+          !m && F && !X && Ae === "" && Bt(U, null, "removeOption", { option: _ });
           break;
         default:
       }
@@ -11922,7 +11922,7 @@ function D2(e) {
     Nt(!1), ue.current = !0, re.current = !1, i && xe.current !== -1 && Je && Be.current !== "mouse" && Be.current !== "touch" ? Nr(N, Qe[xe.current], "blur") : i && w && Ae !== "" ? Nr(N, Ae, "blur", "freeSolo") : s && nt(N, _, "blur"), Sr(N, "blur");
   }, Ts = (N) => {
     const U = N.target.value, ae = Ae !== U;
-    ae && (At(U), je.current = !1, L && L(N, U, "input")), U === "" ? !f && !m && !F && kt(N, null, "clear") : Wt(N), ae && wt(!1);
+    ae && (At(U), je.current = !1, L && L(N, U, "input")), U === "" ? !f && !m && !F && Bt(N, null, "clear") : Wt(N), ae && wt(!1);
   }, Zo = (N) => {
     const U = Number(N.currentTarget.getAttribute("data-option-index"));
     xe.current !== U ? Ut({
@@ -11940,9 +11940,9 @@ function D2(e) {
     Nr(N, Qe[Number(N.currentTarget.getAttribute("data-option-index"))], "selectOption"), Le.current = !1;
   }, ur = (N) => (U) => {
     const ae = _.slice();
-    ae.splice(N, 1), kt(U, ae, "removeOption", { option: _[N] });
+    ae.splice(N, 1), Bt(U, ae, "removeOption", { option: _[N] });
   }, Ii = (N) => {
-    kt(N, null, "removeOption", { option: _ });
+    Bt(N, null, "removeOption", { option: _ });
   }, Gn = (N) => {
     ut ? Sr(N, "toggleInput") : Wt(N);
   }, Ti = (N) => {
@@ -14169,9 +14169,9 @@ var Ee = ve("MuiAutocomplete", [
     _t,
     Sr
   ]);
-  const kt = I.useRef([]), Nr = I.useRef(!1), _r = ht ? Wt : kt.current;
+  const Bt = I.useRef([]), Nr = I.useRef(!1), _r = ht ? Wt : Bt.current;
   Pr(() => {
-    ht && !Nr.current && (kt.current = []), Nr.current = ht, ht && Wt.length > 0 && (kt.current = Wt);
+    ht && !Nr.current && (Bt.current = []), Nr.current = ht, ht && Wt.length > 0 && (Bt.current = Wt);
   }, [ht, Wt]);
   const go = !E && !C && et && !Pe, ho = (!P || R === !0) && R !== !1, { onMouseDown: Si } = Je(), { ref: wi, ...Hn } = at(), Zo = Q || ((Oe) => Oe.label ?? Oe), it = {
     ...n,
@@ -15330,7 +15330,7 @@ process.env.NODE_ENV !== "production" && (Ci.propTypes = {
     "standard"
   ])
 });
-var Mv = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Rt, {
+var Mv = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Ot, {
   width: "8",
   height: "8",
   viewBox: "0 0 8 8",
@@ -15451,7 +15451,7 @@ var Mv = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */
       })] })]
     }))
   });
-}, No = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Rt, {
+}, No = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Ot, {
   fontSize: t,
   height: 24,
   width: 24,
@@ -18857,7 +18857,7 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
             variant: "outlined"
           },
           style: ({ theme: e }) => {
-            const t = Bt(e.palette.text.primary, e.palette.action.hoverOpacity);
+            const t = Tt(e.palette.text.primary, e.palette.action.hoverOpacity);
             return {
               "&:hover": {
                 backgroundColor: e.palette.tertiary.main,
@@ -18874,7 +18874,9 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
           style: {
             fontSize: Fe(13),
             letterSpacing: -0.3,
-            minHeight: 40
+            minHeight: 40,
+            paddingLeft: "20px",
+            paddingRight: "20px"
           }
         },
         {
@@ -18899,7 +18901,7 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
             variant: "contained"
           },
           style: ({ theme: e }) => {
-            const t = Bt(e.palette.text.primary, e.palette.action.hoverOpacity);
+            const t = Tt(e.palette.text.primary, e.palette.action.hoverOpacity);
             return {
               "&:hover": {
                 backgroundColor: e.palette.grey.A100,
@@ -18910,6 +18912,25 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
             };
           }
         },
+        {
+          props: {
+            color: "contrast",
+            variant: "outlined"
+          },
+          style: ({ theme: e }) => {
+            const t = Tt(e.palette.text.primary, e.palette.action.hoverOpacity);
+            return {
+              "&:hover": {
+                backgroundColor: e.palette.grey.A100,
+                backgroundImage: `linear-gradient(${t}, ${t})`,
+                borderColor: e.palette.text.disabled
+              },
+              backgroundColor: e.palette.grey.A100,
+              borderColor: e.palette.divider,
+              color: e.palette.text.primary
+            };
+          }
+        },
         {
           props: { variant: "link" },
           style: ({ theme: e, ownerState: t }) => {
@@ -18918,7 +18939,7 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
               "&:hover": {
                 backgroundColor: "transparent",
                 textDecoration: "underline",
-                textDecorationColor: Bt(r || e.palette.primary.main, 0.4)
+                textDecorationColor: Tt(r || e.palette.primary.main, 0.4)
               },
               color: r,
               fontWeight: "inherit",
@@ -19144,7 +19165,7 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
       }, {
         props: { variant: "outlined" },
         style: ({ theme: e }) => {
-          const { common: t } = e.palette, r = Bt(t.white, +_i(1));
+          const { common: t } = e.palette, r = Tt(t.white, +_i(1));
           return { backgroundImage: `linear-gradient(${r}, ${r})` };
         }
       }]
@@ -19302,7 +19323,7 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
             transform: "translateY(-50%)",
             width: 20
           },
-          backgroundColor: Bt(e.palette.secondary.main, 0.08),
+          backgroundColor: Tt(e.palette.secondary.main, 0.08),
           borderColor: e.palette.secondary.main
         },
         backgroundColor: "transparent",
@@ -19515,7 +19536,7 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
           style: ({ theme: e }) => {
             const t = encodeURIComponent(e.palette.action.active);
             return { "& .MuiInputBase-input::-webkit-search-cancel-button": {
-              "&:hover": { backgroundColor: Bt(e.palette.action.active, e.palette.action.hoverOpacity) },
+              "&:hover": { backgroundColor: Tt(e.palette.action.active, e.palette.action.hoverOpacity) },
               backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath 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' fill='${t}'%3E%3C/path%3E%3C/svg%3E")`,
               backgroundPosition: "center",
               backgroundRepeat: "no-repeat",
@@ -19533,7 +19554,7 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
     },
     MuiToggleButton: {
       styleOverrides: { root: ({ theme: e, ownerState: t }) => ({
-        "&.Mui-selected": { ...t.color && t.color !== "standard" && { backgroundColor: Bt(e.palette[t.color].main, 0.12) } },
+        "&.Mui-selected": { ...t.color && t.color !== "standard" && { backgroundColor: Tt(e.palette[t.color].main, 0.12) } },
         borderRadius: e.shape.borderRadius,
         padding: "8px 11px"
       }) },
@@ -19654,7 +19675,7 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
       letterSpacing: -0.3
     }
   })
-}, Ll = Wl(Oo(Ss)), Bp = Wl(Oo(Ss, EA)), Pp = Wl(Oo(Ss, Tt)), TC = {
+}, Ll = Wl(Oo(Ss)), Bp = Wl(Oo(Ss, EA)), Pp = Wl(Oo(Ss, Rt)), TC = {
   commonTheme: Ll,
   darkTheme: Pp,
   lightTheme: Bp
@@ -19754,7 +19775,7 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
 }, ud = "en", wy = (e) => e in fa, Iy = () => {
   const { language: e } = lr(Dp), t = wy(e) ? fa[e] : fa[ud];
   return { t: (n) => t[n] ?? fa[ud][n] ?? n };
-}, xi = Iy, rn = (e) => `linear-gradient(${Bt("#fff", +_i(e))}, ${Bt("#fff", +_i(e))})`, dd = 56, Ty = { viewMode: "soren-planning-timeline-view-mode" }, Ry = [
+}, xi = Iy, rn = (e) => `linear-gradient(${Tt("#fff", +_i(e))}, ${Tt("#fff", +_i(e))})`, dd = 56, Ty = { viewMode: "soren-planning-timeline-view-mode" }, Ry = [
   "day",
   "week",
   "month",
@@ -20112,8 +20133,8 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
   "primary",
   "secondary"
 ], By = (e) => ky.includes(e), Py = ({ color: e, sx: t, variant: r = "filled", fontSize: n = "medium", ...a }, i) => {
-  const { palette: l } = pt(), s = l.mode === "dark" ? l.text.disabled : l.grey[400], u = e || s, c = By(e) ? l?.[e]?.main : u, p = Bt(c, 0.2);
-  return /* @__PURE__ */ M(Rt, {
+  const { palette: l } = pt(), s = l.mode === "dark" ? l.text.disabled : l.grey[400], u = e || s, c = By(e) ? l?.[e]?.main : u, p = Tt(c, 0.2);
+  return /* @__PURE__ */ M(Ot, {
     ...a,
     viewBox: "0 0 16 16",
     ref: i,
@@ -20142,7 +20163,7 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
       fill: "transparent"
     })]
   });
-}, Dy = Ct(Py), Aa = Dy, My = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Rt, {
+}, Dy = Ct(Py), Aa = Dy, My = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Ot, {
   width: "12",
   height: "12",
   viewBox: "0 0 12 12",
@@ -20155,7 +20176,7 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
     fill: r,
     fillOpacity: "0.54"
   })
-}), ws = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Rt, {
+}), ws = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Ot, {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -20746,12 +20767,12 @@ var vb = (e) => /* @__PURE__ */ M(yt, {
   size: "small",
   sx: {
     "&:hover": {
-      backgroundColor: Tt?.palette?.primary?.dark,
-      opacity: Tt?.palette?.primary?.dark
+      backgroundColor: Rt?.palette?.primary?.dark,
+      opacity: Rt?.palette?.primary?.dark
     },
-    backgroundColor: Tt?.palette.primary.main,
-    borderColor: Tt?.palette.primary.main,
-    color: Tt?.palette?.text?.contrast,
+    backgroundColor: Rt?.palette.primary.main,
+    borderColor: Rt?.palette.primary.main,
+    color: Rt?.palette?.text?.contrast,
     ...e
   },
   ...t
@@ -21257,7 +21278,7 @@ function LC({ label: e, value: t, onChange: r, checked: n, onCheckedChange: a, o
     ]
   })] });
 }
-var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */ M(Rt, {
+var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */ M(Ot, {
   width: "40",
   height: "40",
   viewBox: "0 0 40 40",
@@ -21413,7 +21434,7 @@ var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         },
         size: "small",
         "aria-label": "increment",
-        children: /* @__PURE__ */ d(Rt, {
+        children: /* @__PURE__ */ d(Ot, {
           viewBox: "0 0 24 24",
           children: /* @__PURE__ */ d("path", { d: "M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z" })
         })
@@ -21429,7 +21450,7 @@ var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         disabled: t === n || t === 0,
         size: "small",
         "aria-label": "decrement",
-        children: /* @__PURE__ */ d(Rt, {
+        children: /* @__PURE__ */ d(Ot, {
           viewBox: "0 0 24 24",
           children: /* @__PURE__ */ d("path", { d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1z" })
         })
@@ -21472,12 +21493,12 @@ var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
   ref: a,
   sx: {
     "& .MuiInputBase-root": {
-      "&:hover .MuiOutlinedInput-notchedOutline": { borderColor: Tt?.palette?.primary?.light },
-      backgroundColor: Tt?.palette?.grey?.["50"],
-      color: Tt?.palette?.text?.primary
+      "&:hover .MuiOutlinedInput-notchedOutline": { borderColor: Rt?.palette?.primary?.light },
+      backgroundColor: Rt?.palette?.grey?.["50"],
+      color: Rt?.palette?.text?.primary
     },
-    "& .MuiOutlinedInput-notchedOutline": { borderColor: Bt(Tt?.palette?.border?.outline, 0.23) },
-    "& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: Tt?.palette?.primary?.main },
+    "& .MuiOutlinedInput-notchedOutline": { borderColor: Tt(Rt?.palette?.border?.outline, 0.23) },
+    "& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: Rt?.palette?.primary?.main },
     maxWidth: 400,
     ...e,
     "input[type='search']::-webkit-search-cancel-button": { filter: ({ palette: i }) => i?.mode === "light" ? "invert(1)" : "invert(0)" }
@@ -21488,7 +21509,7 @@ var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
       autoComplete: "off",
       startAdornment: r === "search" && /* @__PURE__ */ d(Do, {
         position: "start",
-        children: /* @__PURE__ */ d(Rt, {
+        children: /* @__PURE__ */ d(Ot, {
           focusable: "false",
           "aria-hidden": "true",
           viewBox: "0 0 24 24",
@@ -21576,7 +21597,7 @@ var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
       ...e
     }
   });
-}), a6 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Rt, {
+}), a6 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Ot, {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -21588,7 +21609,7 @@ var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
     d: "M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",
     fill: r
   })
-}), i6 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Rt, {
+}), i6 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */ d(Ot, {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -21652,7 +21673,7 @@ var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
       })]
     })]
   });
-}, WC = s6, Mp = ({ color: e = "currentColor" }) => /* @__PURE__ */ d(Rt, {
+}, WC = s6, Mp = ({ color: e = "currentColor" }) => /* @__PURE__ */ d(Ot, {
   focusable: "false",
   "aria-hidden": "true",
   viewBox: "0 0 24 24",
@@ -21684,7 +21705,7 @@ var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
       })
     })
   });
-}, c6 = d6, p6 = ({ sx: e, color: t = "currentColor" }) => /* @__PURE__ */ d(Rt, {
+}, c6 = d6, p6 = ({ sx: e, color: t = "currentColor" }) => /* @__PURE__ */ d(Ot, {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -21950,7 +21971,7 @@ var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
   position: "absolute",
   right: -20,
   top: -12
-}, g6 = ({ expanded: e }) => /* @__PURE__ */ d(Rt, {
+}, g6 = ({ expanded: e }) => /* @__PURE__ */ d(Ot, {
   fontSize: "small",
   viewBox: "0 0 24 24",
   sx: {
@@ -22221,8 +22242,8 @@ var zy = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         textDecoration: "none",
         width: "100%"
       },
-      "& > a.active": { backgroundColor: ({ palette: P }) => Bt(P.primary.main, P.action.selectedOpacity) },
-      "& > a.active:hover": { backgroundColor: ({ palette: P }) => Bt(P.primary.main, P.action.selectedOpacity + P.action.hoverOpacity) },
+      "& > a.active": { backgroundColor: ({ palette: P }) => Tt(P.primary.main, P.action.selectedOpacity) },
+      "& > a.active:hover": { backgroundColor: ({ palette: P }) => Tt(P.primary.main, P.action.selectedOpacity + P.action.hoverOpacity) },
       overflow: "hidden",
       padding: "0 !important"
     },

package/package.json

@@ -2,7 +2,7 @@
   "name": "@getsoren/design-system",
   "description": "Design System React library",
   "sideEffects": false,
-  "version": "4.52.0",
+  "version": "4.53.0",
   "license": "ISC",
   "type": "module",
   "types": "./dist/src/main.d.ts",