@notificationapi/react 1.6.2 → 1.8.0

package/dist/components/Preferences/PreferenceInput.js

@@ -1,31 +1,33 @@
-import { jsxs as R, jsx as i, Fragment as ne } from "react/jsx-runtime";
+import { jsxs as x, jsx as n, Fragment as ne } from "react/jsx-runtime";
 import { g as we, a as Ce } from "../../assets/channelUtils.js";
+import { getThemeColors as ke } from "../../utils/theme.js";
+import { B as Se, r as W, b as Re, u as xe } from "../../assets/ButtonBase.js";
 import { T as _ } from "../../assets/Typography.js";
-import * as g from "react";
-import { e as L, g as q, s as w, K as ee, c as j, P as o, h as v, b as D, m as I, u as W, a as A, J as ke, I as Se } from "../../assets/DefaultPropsProvider.js";
+import * as v from "react";
+import { g as L, P as o, e as w, a as A, o as Oe, n as $e } from "../../assets/createTheme.js";
+import { g as q, s as C, r as ee, c as j, a as D, m as I, u as H } from "../../assets/DefaultPropsProvider.js";
 import { c as Q } from "../../assets/createSimplePaletteValueFilter.js";
-import { u as H, f as ue, c as Re, S as Oe } from "../../assets/Stack.js";
-import { B as xe, r as K, a as $e } from "../../assets/ButtonBase.js";
-import { a as fe, u as Pe } from "../../assets/dividerClasses.js";
-import { u as Te } from "../../assets/resolveComponentProps.js";
-import { c as be } from "../../assets/createSvgIcon.js";
-import { D as Fe } from "../../assets/Divider.js";
-function Ne(e) {
+import { u as X, f as ue, c as Pe, S as Te } from "../../assets/Stack.js";
+import { a as fe, u as Fe } from "../../assets/dividerClasses.js";
+import { u as Ne } from "../../assets/resolveComponentProps.js";
+import { c as he } from "../../assets/createSvgIcon.js";
+import { D as Be } from "../../assets/Divider.js";
+function Ie(e) {
   return L("PrivateSwitchBase", e);
 }
 q("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const Be = (e) => {
+const ze = (e) => {
   const {
     classes: t,
     checked: r,
-    disabled: a,
-    edge: s
+    disabled: s,
+    edge: a
   } = e, c = {
-    root: ["root", r && "checked", a && "disabled", s && `edge${v(s)}`],
+    root: ["root", r && "checked", s && "disabled", a && `edge${w(a)}`],
     input: ["input"]
   };
-  return D(c, Ne, t);
-}, Ie = w(xe)({
+  return D(c, Ie, t);
+}, je = C(Se)({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -61,7 +63,7 @@ const Be = (e) => {
       marginRight: -12
     }
   }]
-}), ze = w("input", {
+}), Me = C("input", {
   shouldForwardProp: ee
 })({
   cursor: "inherit",
@@ -74,87 +76,87 @@ const Be = (e) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), oe = /* @__PURE__ */ g.forwardRef(function(t, r) {
+}), oe = /* @__PURE__ */ v.forwardRef(function(t, r) {
   const {
-    autoFocus: a,
-    checked: s,
+    autoFocus: s,
+    checked: a,
     checkedIcon: c,
-    className: l,
+    className: i,
     defaultChecked: u,
-    disabled: f,
-    disableFocusRipple: p = !1,
-    edge: d = !1,
-    icon: n,
-    id: m,
-    inputProps: k,
-    inputRef: S,
-    name: N,
-    onBlur: y,
-    onChange: P,
-    onFocus: b,
-    readOnly: T,
+    disabled: d,
+    disableFocusRipple: m = !1,
+    edge: f = !1,
+    icon: p,
+    id: b,
+    inputProps: l,
+    inputRef: R,
+    name: k,
+    onBlur: h,
+    onChange: T,
+    onFocus: g,
+    readOnly: F,
     required: O = !1,
     tabIndex: M,
-    type: C,
+    type: S,
     value: G,
-    ...X
+    ...K
   } = t, [z, U] = fe({
-    controlled: s,
+    controlled: a,
     default: !!u,
     name: "SwitchBase",
     state: "checked"
-  }), x = H(), J = (F) => {
-    b && b(F), x && x.onFocus && x.onFocus(F);
-  }, E = (F) => {
-    y && y(F), x && x.onBlur && x.onBlur(F);
-  }, B = (F) => {
-    if (F.nativeEvent.defaultPrevented)
+  }), $ = X(), Z = (N) => {
+    g && g(N), $ && $.onFocus && $.onFocus(N);
+  }, E = (N) => {
+    h && h(N), $ && $.onBlur && $.onBlur(N);
+  }, B = (N) => {
+    if (N.nativeEvent.defaultPrevented)
       return;
-    const se = F.target.checked;
-    U(se), P && P(F, se);
+    const ae = N.target.checked;
+    U(ae), T && T(N, ae);
   };
-  let $ = f;
-  x && typeof $ > "u" && ($ = x.disabled);
-  const ve = C === "checkbox" || C === "radio", Z = {
+  let P = d;
+  $ && typeof P > "u" && (P = $.disabled);
+  const ve = S === "checkbox" || S === "radio", J = {
     ...t,
     checked: z,
-    disabled: $,
-    disableFocusRipple: p,
-    edge: d
-  }, ae = Be(Z);
-  return /* @__PURE__ */ R(Ie, {
+    disabled: P,
+    disableFocusRipple: m,
+    edge: f
+  }, se = ze(J);
+  return /* @__PURE__ */ x(je, {
     component: "span",
-    className: j(ae.root, l),
+    className: j(se.root, i),
     centerRipple: !0,
-    focusRipple: !p,
-    disabled: $,
+    focusRipple: !m,
+    disabled: P,
     tabIndex: null,
     role: void 0,
-    onFocus: J,
+    onFocus: Z,
     onBlur: E,
-    ownerState: Z,
+    ownerState: J,
     ref: r,
-    ...X,
-    children: [/* @__PURE__ */ i(ze, {
-      autoFocus: a,
-      checked: s,
+    ...K,
+    children: [/* @__PURE__ */ n(Me, {
+      autoFocus: s,
+      checked: a,
       defaultChecked: u,
-      className: ae.input,
-      disabled: $,
-      id: ve ? m : void 0,
-      name: N,
+      className: se.input,
+      disabled: P,
+      id: ve ? b : void 0,
+      name: k,
       onChange: B,
-      readOnly: T,
-      ref: S,
+      readOnly: F,
+      ref: R,
       required: O,
-      ownerState: Z,
+      ownerState: J,
       tabIndex: M,
-      type: C,
-      ...C === "checkbox" && G === void 0 ? {} : {
+      type: S,
+      ...S === "checkbox" && G === void 0 ? {} : {
         value: G
       },
-      ...k
-    }), z ? c : n]
+      ...l
+    }), z ? c : p]
   });
 });
 process.env.NODE_ENV !== "production" && (oe.propTypes = {
@@ -214,7 +216,7 @@ process.env.NODE_ENV !== "production" && (oe.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: K,
+  inputRef: W,
   /*
    * @ignore
    */
@@ -260,23 +262,23 @@ process.env.NODE_ENV !== "production" && (oe.propTypes = {
    */
   value: o.any
 });
-function je(e) {
+function Ee(e) {
   return L("MuiFormControlLabel", e);
 }
-const V = q("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), Me = (e) => {
+const V = q("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), Le = (e) => {
   const {
     classes: t,
     disabled: r,
-    labelPlacement: a,
-    error: s,
+    labelPlacement: s,
+    error: a,
     required: c
-  } = e, l = {
-    root: ["root", r && "disabled", `labelPlacement${v(a)}`, s && "error", c && "required"],
+  } = e, i = {
+    root: ["root", r && "disabled", `labelPlacement${w(s)}`, a && "error", c && "required"],
     label: ["label", r && "disabled"],
-    asterisk: ["asterisk", s && "error"]
+    asterisk: ["asterisk", a && "error"]
   };
-  return D(l, je, t);
-}, Ee = w("label", {
+  return D(i, Ee, t);
+}, qe = C("label", {
   name: "MuiFormControlLabel",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -285,7 +287,7 @@ const V = q("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlaceme
     } = e;
     return [{
       [`& .${V.label}`]: t.label
-    }, t.root, t[`labelPlacement${v(r.labelPlacement)}`]];
+    }, t.root, t[`labelPlacement${w(r.labelPlacement)}`]];
   }
 })(I(({
   theme: e
@@ -338,7 +340,7 @@ const V = q("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlaceme
       // used for row presentation of radio/checkbox
     }
   }]
-}))), Le = w("span", {
+}))), De = C("span", {
   name: "MuiFormControlLabel",
   slot: "Asterisk",
   overridesResolver: (e, t) => t.asterisk
@@ -348,68 +350,68 @@ const V = q("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlaceme
   [`&.${V.error}`]: {
     color: (e.vars || e).palette.error.main
   }
-}))), he = /* @__PURE__ */ g.forwardRef(function(t, r) {
-  const a = W({
+}))), me = /* @__PURE__ */ v.forwardRef(function(t, r) {
+  const s = H({
     props: t,
     name: "MuiFormControlLabel"
   }), {
-    checked: s,
+    checked: a,
     className: c,
-    componentsProps: l = {},
+    componentsProps: i = {},
     control: u,
-    disabled: f,
-    disableTypography: p,
-    inputRef: d,
-    label: n,
-    labelPlacement: m = "end",
-    name: k,
-    onChange: S,
-    required: N,
-    slots: y = {},
-    slotProps: P = {},
-    value: b,
-    ...T
-  } = a, O = H(), M = f ?? u.props.disabled ?? (O == null ? void 0 : O.disabled), C = N ?? u.props.required, G = {
+    disabled: d,
+    disableTypography: m,
+    inputRef: f,
+    label: p,
+    labelPlacement: b = "end",
+    name: l,
+    onChange: R,
+    required: k,
+    slots: h = {},
+    slotProps: T = {},
+    value: g,
+    ...F
+  } = s, O = X(), M = d ?? u.props.disabled ?? (O == null ? void 0 : O.disabled), S = k ?? u.props.required, G = {
     disabled: M,
-    required: C
+    required: S
   };
-  ["checked", "name", "onChange", "value", "inputRef"].forEach(($) => {
-    typeof u.props[$] > "u" && typeof a[$] < "u" && (G[$] = a[$]);
+  ["checked", "name", "onChange", "value", "inputRef"].forEach((P) => {
+    typeof u.props[P] > "u" && typeof s[P] < "u" && (G[P] = s[P]);
   });
-  const X = ue({
-    props: a,
+  const K = ue({
+    props: s,
     muiFormControl: O,
     states: ["error"]
   }), z = {
-    ...a,
+    ...s,
     disabled: M,
-    labelPlacement: m,
-    required: C,
-    error: X.error
-  }, U = Me(z), x = {
-    slots: y,
+    labelPlacement: b,
+    required: S,
+    error: K.error
+  }, U = Le(z), $ = {
+    slots: h,
     slotProps: {
-      ...l,
-      ...P
+      ...i,
+      ...T
     }
-  }, [J, E] = $e("typography", {
+  }, [Z, E] = Re("typography", {
     elementType: _,
-    externalForwardedProps: x,
+    externalForwardedProps: $,
     ownerState: z
   });
-  let B = n;
-  return B != null && B.type !== _ && !p && (B = /* @__PURE__ */ i(J, {
+  let B = p;
+  return B != null && B.type !== _ && !m && (B = /* @__PURE__ */ n(Z, {
     component: "span",
     ...E,
     className: j(U.label, E == null ? void 0 : E.className),
     children: B
-  })), /* @__PURE__ */ R(Ee, {
+  })), /* @__PURE__ */ x(qe, {
     className: j(U.root, c),
     ownerState: z,
     ref: r,
-    ...T,
-    children: [/* @__PURE__ */ g.cloneElement(u, G), C ? /* @__PURE__ */ R("div", {
-      children: [B, /* @__PURE__ */ R(Le, {
+    ...F,
+    children: [/* @__PURE__ */ v.cloneElement(u, G), S ? /* @__PURE__ */ x("div", {
+      children: [B, /* @__PURE__ */ x(De, {
         ownerState: z,
         "aria-hidden": !0,
         className: U.asterisk,
@@ -418,7 +420,7 @@ const V = q("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlaceme
     }) : B]
   });
 });
-process.env.NODE_ENV !== "production" && (he.propTypes = {
+process.env.NODE_ENV !== "production" && (me.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -458,7 +460,7 @@ process.env.NODE_ENV !== "production" && (he.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: K,
+  inputRef: W,
   /**
    * A text or an element to be used in an enclosing label element.
    */
@@ -506,20 +508,20 @@ process.env.NODE_ENV !== "production" && (he.propTypes = {
    */
   value: o.any
 });
-function qe(e) {
+function Ge(e) {
   return L("MuiFormGroup", e);
 }
 q("MuiFormGroup", ["root", "row", "error"]);
-const De = (e) => {
+const Ue = (e) => {
   const {
     classes: t,
     row: r,
-    error: a
+    error: s
   } = e;
   return D({
-    root: ["root", r && "row", a && "error"]
-  }, qe, t);
-}, Ge = w("div", {
+    root: ["root", r && "row", s && "error"]
+  }, Ge, t);
+}, Ve = C("div", {
   name: "MuiFormGroup",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -540,31 +542,31 @@ const De = (e) => {
       flexDirection: "row"
     }
   }]
-}), me = /* @__PURE__ */ g.forwardRef(function(t, r) {
-  const a = W({
+}), be = /* @__PURE__ */ v.forwardRef(function(t, r) {
+  const s = H({
     props: t,
     name: "MuiFormGroup"
   }), {
-    className: s,
+    className: a,
     row: c = !1,
-    ...l
-  } = a, u = H(), f = ue({
-    props: a,
+    ...i
+  } = s, u = X(), d = ue({
+    props: s,
     muiFormControl: u,
     states: ["error"]
-  }), p = {
-    ...a,
+  }), m = {
+    ...s,
     row: c,
-    error: f.error
-  }, d = De(p);
-  return /* @__PURE__ */ i(Ge, {
-    className: j(d.root, s),
-    ownerState: p,
+    error: d.error
+  }, f = Ue(m);
+  return /* @__PURE__ */ n(Ve, {
+    className: j(f.root, a),
+    ownerState: m,
     ref: r,
-    ...l
+    ...i
   });
 });
-process.env.NODE_ENV !== "production" && (me.propTypes = {
+process.env.NODE_ENV !== "production" && (be.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -591,19 +593,19 @@ process.env.NODE_ENV !== "production" && (me.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-const Ue = be(/* @__PURE__ */ i("path", {
+const _e = he(/* @__PURE__ */ n("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-}), "RadioButtonUnchecked"), Ve = be(/* @__PURE__ */ i("path", {
+}), "RadioButtonUnchecked"), Ae = he(/* @__PURE__ */ n("path", {
   d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-}), "RadioButtonChecked"), _e = w("span", {
+}), "RadioButtonChecked"), We = C("span", {
   shouldForwardProp: ee
 })({
   position: "relative",
   display: "flex"
-}), Ae = w(Ue)({
+}), He = C(_e)({
   // Scale applied to prevent dot misalignment in Safari
   transform: "scale(1)"
-}), We = w(Ve)(I(({
+}), Xe = C(Ae)(I(({
   theme: e
 }) => ({
   left: 0,
@@ -630,22 +632,22 @@ function te(e) {
   const {
     checked: t = !1,
     classes: r = {},
-    fontSize: a
-  } = e, s = {
+    fontSize: s
+  } = e, a = {
     ...e,
     checked: t
   };
-  return /* @__PURE__ */ R(_e, {
+  return /* @__PURE__ */ x(We, {
     className: r.root,
-    ownerState: s,
-    children: [/* @__PURE__ */ i(Ae, {
-      fontSize: a,
+    ownerState: a,
+    children: [/* @__PURE__ */ n(He, {
+      fontSize: s,
       className: r.background,
-      ownerState: s
-    }), /* @__PURE__ */ i(We, {
-      fontSize: a,
+      ownerState: a
+    }), /* @__PURE__ */ n(Xe, {
+      fontSize: s,
       className: r.dot,
-      ownerState: s
+      ownerState: a
     })]
   });
 }
@@ -664,27 +666,27 @@ process.env.NODE_ENV !== "production" && (te.propTypes = {
    */
   fontSize: o.oneOf(["small", "medium"])
 });
-const re = /* @__PURE__ */ g.createContext(void 0);
+const re = /* @__PURE__ */ v.createContext(void 0);
 process.env.NODE_ENV !== "production" && (re.displayName = "RadioGroupContext");
-function He() {
-  return g.useContext(re);
+function Ke() {
+  return v.useContext(re);
 }
-function Ke(e) {
+function Ze(e) {
   return L("MuiRadio", e);
 }
-const ie = q("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), Xe = (e) => {
+const ie = q("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), Je = (e) => {
   const {
     classes: t,
     color: r,
-    size: a
-  } = e, s = {
-    root: ["root", `color${v(r)}`, a !== "medium" && `size${v(a)}`]
+    size: s
+  } = e, a = {
+    root: ["root", `color${w(r)}`, s !== "medium" && `size${w(s)}`]
   };
   return {
     ...t,
-    ...D(s, Ke, t)
+    ...D(a, Ze, t)
   };
-}, Je = w(oe, {
+}, Qe = C(oe, {
   shouldForwardProp: (e) => ee(e) || e === "classes",
   name: "MuiRadio",
   slot: "Root",
@@ -692,7 +694,7 @@ const ie = q("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorS
     const {
       ownerState: r
     } = e;
-    return [t.root, r.size !== "medium" && t[`size${v(r.size)}`], t[`color${v(r.color)}`]];
+    return [t.root, r.size !== "medium" && t[`size${w(r.size)}`], t[`color${w(r.color)}`]];
   }
 })(I(({
   theme: e
@@ -748,57 +750,57 @@ const ie = q("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorS
     }
   }]
 })));
-function Ze(e, t) {
+function Ye(e, t) {
   return typeof t == "object" && t !== null ? e === t : String(e) === String(t);
 }
-const le = /* @__PURE__ */ i(te, {
+const le = /* @__PURE__ */ n(te, {
   checked: !0
-}), ce = /* @__PURE__ */ i(te, {}), ge = /* @__PURE__ */ g.forwardRef(function(t, r) {
-  const a = W({
+}), ce = /* @__PURE__ */ n(te, {}), ge = /* @__PURE__ */ v.forwardRef(function(t, r) {
+  const s = H({
     props: t,
     name: "MuiRadio"
   }), {
-    checked: s,
+    checked: a,
     checkedIcon: c = le,
-    color: l = "primary",
+    color: i = "primary",
     icon: u = ce,
-    name: f,
-    onChange: p,
-    size: d = "medium",
-    className: n,
-    disabled: m,
-    disableRipple: k = !1,
-    ...S
-  } = a, N = H();
-  let y = m;
-  N && typeof y > "u" && (y = N.disabled), y ?? (y = !1);
-  const P = {
-    ...a,
-    disabled: y,
-    disableRipple: k,
-    color: l,
-    size: d
-  }, b = Xe(P), T = He();
-  let O = s;
-  const M = Re(p, T && T.onChange);
-  let C = f;
-  return T && (typeof O > "u" && (O = Ze(T.value, a.value)), typeof C > "u" && (C = T.name)), /* @__PURE__ */ i(Je, {
+    name: d,
+    onChange: m,
+    size: f = "medium",
+    className: p,
+    disabled: b,
+    disableRipple: l = !1,
+    ...R
+  } = s, k = X();
+  let h = b;
+  k && typeof h > "u" && (h = k.disabled), h ?? (h = !1);
+  const T = {
+    ...s,
+    disabled: h,
+    disableRipple: l,
+    color: i,
+    size: f
+  }, g = Je(T), F = Ke();
+  let O = a;
+  const M = Pe(m, F && F.onChange);
+  let S = d;
+  return F && (typeof O > "u" && (O = Ye(F.value, s.value)), typeof S > "u" && (S = F.name)), /* @__PURE__ */ n(Qe, {
     type: "radio",
-    icon: /* @__PURE__ */ g.cloneElement(u, {
-      fontSize: ce.props.fontSize ?? d
+    icon: /* @__PURE__ */ v.cloneElement(u, {
+      fontSize: ce.props.fontSize ?? f
     }),
-    checkedIcon: /* @__PURE__ */ g.cloneElement(c, {
-      fontSize: le.props.fontSize ?? d
+    checkedIcon: /* @__PURE__ */ v.cloneElement(c, {
+      fontSize: le.props.fontSize ?? f
     }),
-    disabled: y,
-    ownerState: P,
-    classes: b,
-    name: C,
+    disabled: h,
+    ownerState: T,
+    classes: g,
+    name: S,
     checked: O,
     onChange: M,
     ref: r,
-    className: j(b.root, n),
-    ...S
+    className: j(g.root, p),
+    ...R
   });
 });
 process.env.NODE_ENV !== "production" && (ge.propTypes = {
@@ -855,7 +857,7 @@ process.env.NODE_ENV !== "production" && (ge.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: K,
+  inputRef: W,
   /**
    * Name attribute of the `input` element.
    */
@@ -888,57 +890,57 @@ process.env.NODE_ENV !== "production" && (ge.propTypes = {
    */
   value: o.any
 });
-function Qe(e) {
+function eo(e) {
   return L("MuiRadioGroup", e);
 }
 q("MuiRadioGroup", ["root", "row", "error"]);
-const Ye = (e) => {
+const oo = (e) => {
   const {
     classes: t,
     row: r,
-    error: a
+    error: s
   } = e;
   return D({
-    root: ["root", r && "row", a && "error"]
-  }, Qe, t);
-}, ye = /* @__PURE__ */ g.forwardRef(function(t, r) {
+    root: ["root", r && "row", s && "error"]
+  }, eo, t);
+}, ye = /* @__PURE__ */ v.forwardRef(function(t, r) {
   const {
     // private
     // eslint-disable-next-line react/prop-types
-    actions: a,
-    children: s,
+    actions: s,
+    children: a,
     className: c,
-    defaultValue: l,
+    defaultValue: i,
     name: u,
-    onChange: f,
-    value: p,
-    ...d
-  } = t, n = g.useRef(null), m = Ye(t), [k, S] = fe({
-    controlled: p,
-    default: l,
+    onChange: d,
+    value: m,
+    ...f
+  } = t, p = v.useRef(null), b = oo(t), [l, R] = fe({
+    controlled: m,
+    default: i,
     name: "RadioGroup"
   });
-  g.useImperativeHandle(a, () => ({
+  v.useImperativeHandle(s, () => ({
     focus: () => {
-      let b = n.current.querySelector("input:not(:disabled):checked");
-      b || (b = n.current.querySelector("input:not(:disabled)")), b && b.focus();
+      let g = p.current.querySelector("input:not(:disabled):checked");
+      g || (g = p.current.querySelector("input:not(:disabled)")), g && g.focus();
     }
   }), []);
-  const N = Te(r, n), y = Pe(u), P = g.useMemo(() => ({
-    name: y,
-    onChange(b) {
-      S(b.target.value), f && f(b, b.target.value);
+  const k = Ne(r, p), h = Fe(u), T = v.useMemo(() => ({
+    name: h,
+    onChange(g) {
+      R(g.target.value), d && d(g, g.target.value);
     },
-    value: k
-  }), [y, f, S, k]);
-  return /* @__PURE__ */ i(re.Provider, {
-    value: P,
-    children: /* @__PURE__ */ i(me, {
+    value: l
+  }), [h, d, R, l]);
+  return /* @__PURE__ */ n(re.Provider, {
+    value: T,
+    children: /* @__PURE__ */ n(be, {
       role: "radiogroup",
-      ref: N,
-      className: j(m.root, c),
-      ...d,
-      children: s
+      ref: k,
+      className: j(b.root, c),
+      ...f,
+      children: a
     })
   });
 });
@@ -977,37 +979,37 @@ process.env.NODE_ENV !== "production" && (ye.propTypes = {
    */
   value: o.any
 });
-function eo(e) {
+function to(e) {
   return L("MuiSwitch", e);
 }
-const h = q("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), oo = (e) => {
+const y = q("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), ro = (e) => {
   const {
     classes: t,
     edge: r,
-    size: a,
-    color: s,
+    size: s,
+    color: a,
     checked: c,
-    disabled: l
+    disabled: i
   } = e, u = {
-    root: ["root", r && `edge${v(r)}`, `size${v(a)}`],
-    switchBase: ["switchBase", `color${v(s)}`, c && "checked", l && "disabled"],
+    root: ["root", r && `edge${w(r)}`, `size${w(s)}`],
+    switchBase: ["switchBase", `color${w(a)}`, c && "checked", i && "disabled"],
     thumb: ["thumb"],
     track: ["track"],
     input: ["input"]
-  }, f = D(u, eo, t);
+  }, d = D(u, to, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
-    ...f
+    ...d
   };
-}, to = w("span", {
+}, so = C("span", {
   name: "MuiSwitch",
   slot: "Root",
   overridesResolver: (e, t) => {
     const {
       ownerState: r
     } = e;
-    return [t.root, r.edge && t[`edge${v(r.edge)}`], t[`size${v(r.size)}`]];
+    return [t.root, r.edge && t[`edge${w(r.edge)}`], t[`size${w(r.size)}`]];
   }
 })({
   display: "inline-flex",
@@ -1047,19 +1049,19 @@ const h = q("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
       width: 40,
       height: 24,
       padding: 7,
-      [`& .${h.thumb}`]: {
+      [`& .${y.thumb}`]: {
         width: 16,
         height: 16
       },
-      [`& .${h.switchBase}`]: {
+      [`& .${y.switchBase}`]: {
         padding: 4,
-        [`&.${h.checked}`]: {
+        [`&.${y.checked}`]: {
           transform: "translateX(16px)"
         }
       }
     }
   }]
-}), ro = w(oe, {
+}), ao = C(oe, {
   name: "MuiSwitch",
   slot: "SwitchBase",
   overridesResolver: (e, t) => {
@@ -1067,8 +1069,8 @@ const h = q("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
       ownerState: r
     } = e;
     return [t.switchBase, {
-      [`& .${h.input}`]: t.input
-    }, r.color !== "default" && t[`color${v(r.color)}`]];
+      [`& .${y.input}`]: t.input
+    }, r.color !== "default" && t[`color${w(r.color)}`]];
   }
 })(I(({
   theme: e
@@ -1082,19 +1084,19 @@ const h = q("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
   transition: e.transitions.create(["left", "transform"], {
     duration: e.transitions.duration.shortest
   }),
-  [`&.${h.checked}`]: {
+  [`&.${y.checked}`]: {
     transform: "translateX(20px)"
   },
-  [`&.${h.disabled}`]: {
+  [`&.${y.disabled}`]: {
     color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}`
   },
-  [`&.${h.checked} + .${h.track}`]: {
+  [`&.${y.checked} + .${y.track}`]: {
     opacity: 0.5
   },
-  [`&.${h.disabled} + .${h.track}`]: {
+  [`&.${y.disabled} + .${y.track}`]: {
     opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? 0.12 : 0.2}`
   },
-  [`& .${h.input}`]: {
+  [`& .${y.input}`]: {
     left: "-100%",
     width: "300%"
   }
@@ -1113,7 +1115,7 @@ const h = q("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
       color: t
     },
     style: {
-      [`&.${h.checked}`]: {
+      [`&.${y.checked}`]: {
         color: (e.vars || e).palette[t].main,
         "&:hover": {
           backgroundColor: e.vars ? `rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : A(e.palette[t].main, e.palette.action.hoverOpacity),
@@ -1121,16 +1123,16 @@ const h = q("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
             backgroundColor: "transparent"
           }
         },
-        [`&.${h.disabled}`]: {
-          color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? ke(e.palette[t].main, 0.62) : Se(e.palette[t].main, 0.55)}`
+        [`&.${y.disabled}`]: {
+          color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? Oe(e.palette[t].main, 0.62) : $e(e.palette[t].main, 0.55)}`
         }
       },
-      [`&.${h.checked} + .${h.track}`]: {
+      [`&.${y.checked} + .${y.track}`]: {
         backgroundColor: (e.vars || e).palette[t].main
       }
     }
   }))]
-}))), ao = w("span", {
+}))), no = C("span", {
   name: "MuiSwitch",
   slot: "Track",
   overridesResolver: (e, t) => t.track
@@ -1146,7 +1148,7 @@ const h = q("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
   }),
   backgroundColor: e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`,
   opacity: e.vars ? e.vars.opacity.switchTrack : `${e.palette.mode === "light" ? 0.38 : 0.3}`
-}))), so = w("span", {
+}))), io = C("span", {
   name: "MuiSwitch",
   slot: "Thumb",
   overridesResolver: (e, t) => t.thumb
@@ -1158,44 +1160,44 @@ const h = q("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
   width: 20,
   height: 20,
   borderRadius: "50%"
-}))), Y = /* @__PURE__ */ g.forwardRef(function(t, r) {
-  const a = W({
+}))), Y = /* @__PURE__ */ v.forwardRef(function(t, r) {
+  const s = H({
     props: t,
     name: "MuiSwitch"
   }), {
-    className: s,
+    className: a,
     color: c = "primary",
-    edge: l = !1,
+    edge: i = !1,
     size: u = "medium",
-    sx: f,
-    ...p
-  } = a, d = {
-    ...a,
+    sx: d,
+    ...m
+  } = s, f = {
+    ...s,
     color: c,
-    edge: l,
+    edge: i,
     size: u
-  }, n = oo(d), m = /* @__PURE__ */ i(so, {
-    className: n.thumb,
-    ownerState: d
+  }, p = ro(f), b = /* @__PURE__ */ n(io, {
+    className: p.thumb,
+    ownerState: f
   });
-  return /* @__PURE__ */ R(to, {
-    className: j(n.root, s),
-    sx: f,
-    ownerState: d,
-    children: [/* @__PURE__ */ i(ro, {
+  return /* @__PURE__ */ x(so, {
+    className: j(p.root, a),
+    sx: d,
+    ownerState: f,
+    children: [/* @__PURE__ */ n(ao, {
       type: "checkbox",
-      icon: m,
-      checkedIcon: m,
+      icon: b,
+      checkedIcon: b,
       ref: r,
-      ownerState: d,
-      ...p,
+      ownerState: f,
+      ...m,
       classes: {
-        ...n,
-        root: n.switchBase
+        ...p,
+        root: p.switchBase
       }
-    }), /* @__PURE__ */ i(ao, {
-      className: n.track,
-      ownerState: d
+    }), /* @__PURE__ */ n(no, {
+      className: p.track,
+      ownerState: f
     })]
   });
 });
@@ -1263,7 +1265,7 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: K,
+  inputRef: W,
   /**
    * Callback fired when the state is changed.
    *
@@ -1293,7 +1295,7 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
    */
   value: o.any
 });
-const no = (e, t) => {
+const lo = (e, t) => {
   const r = [
     "EMAIL",
     "INAPP_WEB",
@@ -1314,140 +1316,151 @@ const no = (e, t) => {
   daily: "Daily",
   weekly: "Weekly",
   monthly: "Monthly"
-})[e], vo = ({
+})[e], So = ({
   notification: e,
   preferences: t,
   updateDelivery: r,
-  subNotificationId: a
-}) => /* @__PURE__ */ i(ne, { children: e.channels.sort(no).map((s, c) => {
-  const l = t.find(
-    (n) => n.notificationId === e.notificationId && n.channel === s
-  );
-  if (!l)
-    return null;
-  const u = we(s), f = Ce(s), p = Object.keys(
-    e.options[s]
-  ).filter(
-    (n) => n !== "defaultDeliveryOption" && n !== "defaultDeliverOption"
-  );
-  let d;
-  return p.length === 1 ? d = /* @__PURE__ */ i(_, { variant: "body1", children: pe(l.delivery) }) : p.length === 2 && p.includes("off") ? d = /* @__PURE__ */ i(
-    Y,
-    {
-      checked: l.delivery !== "off",
-      onChange: (n, m) => {
-        if (m) {
-          const k = p.find((S) => S !== "off");
-          r(
-            e.notificationId,
-            s,
-            k,
-            a
-          );
-        } else
-          r(
-            e.notificationId,
-            s,
-            "off",
-            a
-          );
-      }
-    }
-  ) : d = /* @__PURE__ */ R(ne, { children: [
-    /* @__PURE__ */ i(
+  subNotificationId: s
+}) => {
+  const a = xe(), c = ke(a);
+  return /* @__PURE__ */ n(ne, { children: e.channels.sort(lo).map((i, u) => {
+    const d = t.find(
+      (l) => l.notificationId === e.notificationId && l.channel === i
+    );
+    if (!d)
+      return null;
+    const m = we(i), f = Ce(i), p = Object.keys(
+      e.options[i]
+    ).filter(
+      (l) => l !== "defaultDeliveryOption" && l !== "defaultDeliverOption"
+    );
+    let b;
+    return p.length === 1 ? b = /* @__PURE__ */ n(_, { variant: "body1", sx: { color: c.text }, children: pe(d.delivery) }) : p.length === 2 && p.includes("off") ? b = /* @__PURE__ */ n(
       Y,
       {
-        checked: l.delivery !== "off",
-        onChange: (n, m) => {
-          if (m) {
-            const k = p.sort(de).find((S) => S !== "off");
+        checked: d.delivery !== "off",
+        onChange: (l, R) => {
+          if (R) {
+            const k = p.find((h) => h !== "off");
             r(
               e.notificationId,
-              s,
+              i,
               k,
-              a
+              s
             );
           } else
             r(
               e.notificationId,
-              s,
+              i,
               "off",
-              a
+              s
             );
         }
       }
-    ),
-    /* @__PURE__ */ i(
-      "div",
-      {
-        style: {
-          width: "100%",
-          marginTop: 8,
-          maxHeight: l.delivery !== "off" ? 1e3 : 0,
-          overflow: "hidden",
-          transition: "max-height 0.3s ease"
-        },
-        children: /* @__PURE__ */ R("div", { children: [
-          /* @__PURE__ */ i("div", { style: { marginTop: 20 }, children: /* @__PURE__ */ i(_, { variant: "body1", fontWeight: 600, children: "Choose frequency:" }) }),
-          /* @__PURE__ */ i(
-            ye,
-            {
-              value: l.delivery,
-              onChange: (n) => {
-                r(
-                  e.notificationId,
-                  s,
-                  n.target.value,
-                  a
-                );
-              },
-              children: /* @__PURE__ */ i(Oe, { direction: "column", style: { paddingTop: 10 }, children: p.filter((n) => n !== "off").sort(de).map((n) => /* @__PURE__ */ i(
-                he,
-                {
-                  control: /* @__PURE__ */ i(ge, {}),
-                  value: n,
-                  label: pe(n)
+    ) : b = /* @__PURE__ */ x(ne, { children: [
+      /* @__PURE__ */ n(
+        Y,
+        {
+          checked: d.delivery !== "off",
+          onChange: (l, R) => {
+            if (R) {
+              const k = p.sort(de).find((h) => h !== "off");
+              r(
+                e.notificationId,
+                i,
+                k,
+                s
+              );
+            } else
+              r(
+                e.notificationId,
+                i,
+                "off",
+                s
+              );
+          }
+        }
+      ),
+      /* @__PURE__ */ n(
+        "div",
+        {
+          style: {
+            width: "100%",
+            marginTop: 8,
+            maxHeight: d.delivery !== "off" ? 1e3 : 0,
+            overflow: "hidden",
+            transition: "max-height 0.3s ease"
+          },
+          children: /* @__PURE__ */ x("div", { children: [
+            /* @__PURE__ */ n("div", { style: { marginTop: 20 }, children: /* @__PURE__ */ n(
+              _,
+              {
+                variant: "body1",
+                fontWeight: 600,
+                sx: { color: c.text },
+                children: "Choose frequency:"
+              }
+            ) }),
+            /* @__PURE__ */ n(
+              ye,
+              {
+                value: d.delivery,
+                onChange: (l) => {
+                  r(
+                    e.notificationId,
+                    i,
+                    l.target.value,
+                    s
+                  );
                 },
-                n
-              )) })
-            }
-          )
-        ] })
-      }
-    )
-  ] }), /* @__PURE__ */ R("div", { children: [
-    /* @__PURE__ */ R(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: "space-between",
-          flexWrap: "wrap",
-          marginTop: c === 0 ? 0 : 12,
-          marginBottom: c === e.channels.length - 1 ? 0 : 12
-        },
-        children: [
-          /* @__PURE__ */ R(
-            "div",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                gap: 8
-              },
-              children: [
-                f,
-                /* @__PURE__ */ i(_, { variant: "body1", children: u })
-              ]
-            }
-          ),
-          d
-        ]
-      }
-    ),
-    c !== e.channels.length - 1 && /* @__PURE__ */ i(Fe, {})
-  ] }, s);
-}) });
+                children: /* @__PURE__ */ n(Te, { direction: "column", style: { paddingTop: 10 }, children: p.filter((l) => l !== "off").sort(de).map((l) => /* @__PURE__ */ n(
+                  me,
+                  {
+                    control: /* @__PURE__ */ n(ge, {}),
+                    value: l,
+                    label: pe(l)
+                  },
+                  l
+                )) })
+              }
+            )
+          ] })
+        }
+      )
+    ] }), /* @__PURE__ */ x("div", { children: [
+      /* @__PURE__ */ x(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            flexWrap: "wrap",
+            marginTop: u === 0 ? 0 : 12,
+            marginBottom: u === e.channels.length - 1 ? 0 : 12
+          },
+          children: [
+            /* @__PURE__ */ x(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 8
+                },
+                children: [
+                  f,
+                  /* @__PURE__ */ n(_, { variant: "body1", sx: { color: c.text }, children: m })
+                ]
+              }
+            ),
+            b
+          ]
+        }
+      ),
+      u !== e.channels.length - 1 && /* @__PURE__ */ n(Be, { sx: { borderColor: c.divider } })
+    ] }, i);
+  }) });
+};
 export {
-  vo as PreferenceInput
+  So as PreferenceInput
 };