@notificationapi/react 1.4.1 → 1.5.1

package/dist/assets/PreferenceInput.js

@@ -1,1657 +0,0 @@
-import { jsx as d, jsxs as P, Fragment as ie } from "react/jsx-runtime";
-import { g as Oe, a as xe } from "./channelUtils.js";
-import { e as Te, T as _ } from "./Typography.js";
-import * as m from "react";
-import { y as Pe, w as $e, P as o, j as Ne, z as le, A as Q, B as Fe, D as Be, E as je, c as I, f as M, a as D, F as ce, g as L, s as v, v as oe, h as w, m as z, u as A, b as W, t as Ie, r as ze } from "./DefaultPropsProvider.js";
-import { c as Y } from "./createSimplePaletteValueFilter.js";
-import { B as Ee, r as H, u as Me } from "./ButtonBase.js";
-import { u as he, a as De, D as Ve } from "./Divider.js";
-import { u as Le } from "./resolveComponentProps.js";
-import { u as Ge } from "./useTheme2.js";
-import { c as be } from "./createSvgIcon.js";
-const qe = Pe();
-function Ue(e) {
-  const {
-    theme: t,
-    name: r,
-    props: n
-  } = e;
-  return !t || !t.components || !t.components[r] || !t.components[r].defaultProps ? n : $e(t.components[r].defaultProps, n);
-}
-function _e({
-  props: e,
-  name: t,
-  defaultTheme: r,
-  themeId: n
-}) {
-  let s = Ge(r);
-  return n && (s = s[n] || s), Ue({
-    theme: s,
-    name: t,
-    props: e
-  });
-}
-function Ae(...e) {
-  return e.reduce((t, r) => r == null ? t : function(...s) {
-    t.apply(this, s), r.apply(this, s);
-  }, () => {
-  });
-}
-const We = Ne(), He = qe("div", {
-  name: "MuiStack",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-});
-function Xe(e) {
-  return _e({
-    props: e,
-    name: "MuiStack",
-    defaultTheme: We
-  });
-}
-function Ke(e, t) {
-  const r = m.Children.toArray(e).filter(Boolean);
-  return r.reduce((n, s, i) => (n.push(s), i < r.length - 1 && n.push(/* @__PURE__ */ m.cloneElement(t, {
-    key: `separator-${i}`
-  })), n), []);
-}
-const Ze = (e) => ({
-  row: "Left",
-  "row-reverse": "Right",
-  column: "Top",
-  "column-reverse": "Bottom"
-})[e], Je = ({
-  ownerState: e,
-  theme: t
-}) => {
-  let r = {
-    display: "flex",
-    flexDirection: "column",
-    ...le({
-      theme: t
-    }, Q({
-      values: e.direction,
-      breakpoints: t.breakpoints.values
-    }), (n) => ({
-      flexDirection: n
-    }))
-  };
-  if (e.spacing) {
-    const n = Fe(t), s = Object.keys(t.breakpoints.values).reduce((c, l) => ((typeof e.spacing == "object" && e.spacing[l] != null || typeof e.direction == "object" && e.direction[l] != null) && (c[l] = !0), c), {}), i = Q({
-      values: e.direction,
-      base: s
-    }), p = Q({
-      values: e.spacing,
-      base: s
-    });
-    typeof i == "object" && Object.keys(i).forEach((c, l, u) => {
-      if (!i[c]) {
-        const h = l > 0 ? i[u[l - 1]] : "column";
-        i[c] = h;
-      }
-    }), r = Be(r, le({
-      theme: t
-    }, p, (c, l) => e.useFlexGap ? {
-      gap: ce(n, c)
-    } : {
-      // The useFlexGap={false} implement relies on each child to give up control of the margin.
-      // We need to reset the margin to avoid double spacing.
-      "& > :not(style):not(style)": {
-        margin: 0
-      },
-      "& > :not(style) ~ :not(style)": {
-        [`margin${Ze(l ? i[l] : e.direction)}`]: ce(n, c)
-      }
-    }));
-  }
-  return r = je(t.breakpoints, r), r;
-};
-function Qe(e = {}) {
-  const {
-    // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: t = He,
-    useThemeProps: r = Xe,
-    componentName: n = "MuiStack"
-  } = e, s = () => M({
-    root: ["root"]
-  }, (c) => D(n, c), {}), i = t(Je), p = /* @__PURE__ */ m.forwardRef(function(c, l) {
-    const u = r(c), a = Te(u), {
-      component: h = "div",
-      direction: C = "column",
-      spacing: k = 0,
-      divider: O,
-      children: y,
-      className: x,
-      useFlexGap: b = !1,
-      ...T
-    } = a, S = {
-      direction: C,
-      spacing: k,
-      useFlexGap: b
-    }, B = s();
-    return /* @__PURE__ */ d(i, {
-      as: h,
-      ownerState: S,
-      ref: l,
-      className: I(B.root, x),
-      ...T,
-      children: O ? Ke(y, O) : y
-    });
-  });
-  return process.env.NODE_ENV !== "production" && (p.propTypes = {
-    children: o.node,
-    direction: o.oneOfType([o.oneOf(["column-reverse", "column", "row-reverse", "row"]), o.arrayOf(o.oneOf(["column-reverse", "column", "row-reverse", "row"])), o.object]),
-    divider: o.node,
-    spacing: o.oneOfType([o.arrayOf(o.oneOfType([o.number, o.string])), o.number, o.object, o.string]),
-    sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
-  }), p;
-}
-function ye({
-  props: e,
-  states: t,
-  muiFormControl: r
-}) {
-  return t.reduce((n, s) => (n[s] = e[s], r && typeof e[s] > "u" && (n[s] = r[s]), n), {});
-}
-const ge = /* @__PURE__ */ m.createContext(void 0);
-process.env.NODE_ENV !== "production" && (ge.displayName = "FormControlContext");
-function X() {
-  return m.useContext(ge);
-}
-function Ye(e) {
-  return D("PrivateSwitchBase", e);
-}
-L("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const eo = (e) => {
-  const {
-    classes: t,
-    checked: r,
-    disabled: n,
-    edge: s
-  } = e, i = {
-    root: ["root", r && "checked", n && "disabled", s && `edge${w(s)}`],
-    input: ["input"]
-  };
-  return M(i, Ye, t);
-}, oo = v(Ee)({
-  padding: 9,
-  borderRadius: "50%",
-  variants: [{
-    props: {
-      edge: "start",
-      size: "small"
-    },
-    style: {
-      marginLeft: -3
-    }
-  }, {
-    props: ({
-      edge: e,
-      ownerState: t
-    }) => e === "start" && t.size !== "small",
-    style: {
-      marginLeft: -12
-    }
-  }, {
-    props: {
-      edge: "end",
-      size: "small"
-    },
-    style: {
-      marginRight: -3
-    }
-  }, {
-    props: ({
-      edge: e,
-      ownerState: t
-    }) => e === "end" && t.size !== "small",
-    style: {
-      marginRight: -12
-    }
-  }]
-}), to = v("input", {
-  shouldForwardProp: oe
-})({
-  cursor: "inherit",
-  position: "absolute",
-  opacity: 0,
-  width: "100%",
-  height: "100%",
-  top: 0,
-  left: 0,
-  margin: 0,
-  padding: 0,
-  zIndex: 1
-}), te = /* @__PURE__ */ m.forwardRef(function(t, r) {
-  const {
-    autoFocus: n,
-    checked: s,
-    checkedIcon: i,
-    className: p,
-    defaultChecked: f,
-    disabled: c,
-    disableFocusRipple: l = !1,
-    edge: u = !1,
-    icon: a,
-    id: h,
-    inputProps: C,
-    inputRef: k,
-    name: O,
-    onBlur: y,
-    onChange: x,
-    onFocus: b,
-    readOnly: T,
-    required: S = !1,
-    tabIndex: B,
-    type: R,
-    value: G,
-    ...K
-  } = t, [E, q] = he({
-    controlled: s,
-    default: !!f,
-    name: "SwitchBase",
-    state: "checked"
-  }), $ = X(), Z = (F) => {
-    b && b(F), $ && $.onFocus && $.onFocus(F);
-  }, V = (F) => {
-    y && y(F), $ && $.onBlur && $.onBlur(F);
-  }, j = (F) => {
-    if (F.nativeEvent.defaultPrevented)
-      return;
-    const ae = F.target.checked;
-    q(ae), x && x(F, ae);
-  };
-  let N = c;
-  $ && typeof N > "u" && (N = $.disabled);
-  const Re = R === "checkbox" || R === "radio", J = {
-    ...t,
-    checked: E,
-    disabled: N,
-    disableFocusRipple: l,
-    edge: u
-  }, se = eo(J);
-  return /* @__PURE__ */ P(oo, {
-    component: "span",
-    className: I(se.root, p),
-    centerRipple: !0,
-    focusRipple: !l,
-    disabled: N,
-    tabIndex: null,
-    role: void 0,
-    onFocus: Z,
-    onBlur: V,
-    ownerState: J,
-    ref: r,
-    ...K,
-    children: [/* @__PURE__ */ d(to, {
-      autoFocus: n,
-      checked: s,
-      defaultChecked: f,
-      className: se.input,
-      disabled: N,
-      id: Re ? h : void 0,
-      name: O,
-      onChange: j,
-      readOnly: T,
-      ref: k,
-      required: S,
-      ownerState: J,
-      tabIndex: B,
-      type: R,
-      ...R === "checkbox" && G === void 0 ? {} : {
-        value: G
-      },
-      ...C
-    }), E ? i : a]
-  });
-});
-process.env.NODE_ENV !== "production" && (te.propTypes = {
-  /**
-   * If `true`, the `input` element is focused during the first mount.
-   */
-  autoFocus: o.bool,
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: o.bool,
-  /**
-   * The icon to display when the component is checked.
-   */
-  checkedIcon: o.node.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * @ignore
-   */
-  defaultChecked: o.bool,
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: o.bool,
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
-   */
-  edge: o.oneOf(["end", "start", !1]),
-  /**
-   * The icon to display when the component is unchecked.
-   */
-  icon: o.node.isRequired,
-  /**
-   * The id of the `input` element.
-   */
-  id: o.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   */
-  inputProps: o.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: H,
-  /*
-   * @ignore
-   */
-  name: o.string,
-  /**
-   * @ignore
-   */
-  onBlur: o.func,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {object} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: o.func,
-  /**
-   * @ignore
-   */
-  onFocus: o.func,
-  /**
-   * It prevents the user from changing the value of the field
-   * (not from interacting with the field).
-   */
-  readOnly: o.bool,
-  /**
-   * If `true`, the `input` element is required.
-   */
-  required: o.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.object,
-  /**
-   * @ignore
-   */
-  tabIndex: o.oneOfType([o.number, o.string]),
-  /**
-   * The input component prop `type`.
-   */
-  type: o.string.isRequired,
-  /**
-   * The value of the component.
-   */
-  value: o.any
-});
-function ro(e) {
-  return D("MuiFormControlLabel", e);
-}
-const U = L("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), no = (e) => {
-  const {
-    classes: t,
-    disabled: r,
-    labelPlacement: n,
-    error: s,
-    required: i
-  } = e, p = {
-    root: ["root", r && "disabled", `labelPlacement${w(n)}`, s && "error", i && "required"],
-    label: ["label", r && "disabled"],
-    asterisk: ["asterisk", s && "error"]
-  };
-  return M(p, ro, t);
-}, so = v("label", {
-  name: "MuiFormControlLabel",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: r
-    } = e;
-    return [{
-      [`& .${U.label}`]: t.label
-    }, t.root, t[`labelPlacement${w(r.labelPlacement)}`]];
-  }
-})(z(({
-  theme: e
-}) => ({
-  display: "inline-flex",
-  alignItems: "center",
-  cursor: "pointer",
-  // For correct alignment with the text.
-  verticalAlign: "middle",
-  WebkitTapHighlightColor: "transparent",
-  marginLeft: -11,
-  marginRight: 16,
-  // used for row presentation of radio/checkbox
-  [`&.${U.disabled}`]: {
-    cursor: "default"
-  },
-  [`& .${U.label}`]: {
-    [`&.${U.disabled}`]: {
-      color: (e.vars || e).palette.text.disabled
-    }
-  },
-  variants: [{
-    props: {
-      labelPlacement: "start"
-    },
-    style: {
-      flexDirection: "row-reverse",
-      marginRight: -11
-    }
-  }, {
-    props: {
-      labelPlacement: "top"
-    },
-    style: {
-      flexDirection: "column-reverse"
-    }
-  }, {
-    props: {
-      labelPlacement: "bottom"
-    },
-    style: {
-      flexDirection: "column"
-    }
-  }, {
-    props: ({
-      labelPlacement: t
-    }) => t === "start" || t === "top" || t === "bottom",
-    style: {
-      marginLeft: 16
-      // used for row presentation of radio/checkbox
-    }
-  }]
-}))), ao = v("span", {
-  name: "MuiFormControlLabel",
-  slot: "Asterisk",
-  overridesResolver: (e, t) => t.asterisk
-})(z(({
-  theme: e
-}) => ({
-  [`&.${U.error}`]: {
-    color: (e.vars || e).palette.error.main
-  }
-}))), ve = /* @__PURE__ */ m.forwardRef(function(t, r) {
-  const n = A({
-    props: t,
-    name: "MuiFormControlLabel"
-  }), {
-    checked: s,
-    className: i,
-    componentsProps: p = {},
-    control: f,
-    disabled: c,
-    disableTypography: l,
-    inputRef: u,
-    label: a,
-    labelPlacement: h = "end",
-    name: C,
-    onChange: k,
-    required: O,
-    slots: y = {},
-    slotProps: x = {},
-    value: b,
-    ...T
-  } = n, S = X(), B = c ?? f.props.disabled ?? (S == null ? void 0 : S.disabled), R = O ?? f.props.required, G = {
-    disabled: B,
-    required: R
-  };
-  ["checked", "name", "onChange", "value", "inputRef"].forEach((N) => {
-    typeof f.props[N] > "u" && typeof n[N] < "u" && (G[N] = n[N]);
-  });
-  const K = ye({
-    props: n,
-    muiFormControl: S,
-    states: ["error"]
-  }), E = {
-    ...n,
-    disabled: B,
-    labelPlacement: h,
-    required: R,
-    error: K.error
-  }, q = no(E), $ = {
-    slots: y,
-    slotProps: {
-      ...p,
-      ...x
-    }
-  }, [Z, V] = Me("typography", {
-    elementType: _,
-    externalForwardedProps: $,
-    ownerState: E
-  });
-  let j = a;
-  return j != null && j.type !== _ && !l && (j = /* @__PURE__ */ d(Z, {
-    component: "span",
-    ...V,
-    className: I(q.label, V == null ? void 0 : V.className),
-    children: j
-  })), /* @__PURE__ */ P(so, {
-    className: I(q.root, i),
-    ownerState: E,
-    ref: r,
-    ...T,
-    children: [/* @__PURE__ */ m.cloneElement(f, G), R ? /* @__PURE__ */ P("div", {
-      children: [j, /* @__PURE__ */ P(ao, {
-        ownerState: E,
-        "aria-hidden": !0,
-        className: q.asterisk,
-        children: [" ", "*"]
-      })]
-    }) : j]
-  });
-});
-process.env.NODE_ENV !== "production" && (ve.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component appears selected.
-   */
-  checked: o.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  componentsProps: o.shape({
-    typography: o.object
-  }),
-  /**
-   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
-   */
-  control: o.element.isRequired,
-  /**
-   * If `true`, the control is disabled.
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the label is rendered as it is passed without an additional typography node.
-   */
-  disableTypography: o.bool,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: H,
-  /**
-   * A text or an element to be used in an enclosing label element.
-   */
-  label: o.node,
-  /**
-   * The position of the label.
-   * @default 'end'
-   */
-  labelPlacement: o.oneOf(["bottom", "end", "start", "top"]),
-  /**
-   * @ignore
-   */
-  name: o.string,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: o.func,
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   */
-  required: o.bool,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: o.shape({
-    typography: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: o.shape({
-    typography: o.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * The value of the component.
-   */
-  value: o.any
-});
-function io(e) {
-  return D("MuiFormGroup", e);
-}
-L("MuiFormGroup", ["root", "row", "error"]);
-const lo = (e) => {
-  const {
-    classes: t,
-    row: r,
-    error: n
-  } = e;
-  return M({
-    root: ["root", r && "row", n && "error"]
-  }, io, t);
-}, co = v("div", {
-  name: "MuiFormGroup",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: r
-    } = e;
-    return [t.root, r.row && t.row];
-  }
-})({
-  display: "flex",
-  flexDirection: "column",
-  flexWrap: "wrap",
-  variants: [{
-    props: {
-      row: !0
-    },
-    style: {
-      flexDirection: "row"
-    }
-  }]
-}), Ce = /* @__PURE__ */ m.forwardRef(function(t, r) {
-  const n = A({
-    props: t,
-    name: "MuiFormGroup"
-  }), {
-    className: s,
-    row: i = !1,
-    ...p
-  } = n, f = X(), c = ye({
-    props: n,
-    muiFormControl: f,
-    states: ["error"]
-  }), l = {
-    ...n,
-    row: i,
-    error: c.error
-  }, u = lo(l);
-  return /* @__PURE__ */ d(co, {
-    className: I(u.root, s),
-    ownerState: l,
-    ref: r,
-    ...p
-  });
-});
-process.env.NODE_ENV !== "production" && (Ce.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * Display group of elements in a compact row.
-   * @default false
-   */
-  row: o.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
-});
-const po = be(/* @__PURE__ */ d("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"), uo = be(/* @__PURE__ */ d("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"), fo = v("span", {
-  shouldForwardProp: oe
-})({
-  position: "relative",
-  display: "flex"
-}), mo = v(po)({
-  // Scale applied to prevent dot misalignment in Safari
-  transform: "scale(1)"
-}), ho = v(uo)(z(({
-  theme: e
-}) => ({
-  left: 0,
-  position: "absolute",
-  transform: "scale(0)",
-  transition: e.transitions.create("transform", {
-    easing: e.transitions.easing.easeIn,
-    duration: e.transitions.duration.shortest
-  }),
-  variants: [{
-    props: {
-      checked: !0
-    },
-    style: {
-      transform: "scale(1)",
-      transition: e.transitions.create("transform", {
-        easing: e.transitions.easing.easeOut,
-        duration: e.transitions.duration.shortest
-      })
-    }
-  }]
-})));
-function re(e) {
-  const {
-    checked: t = !1,
-    classes: r = {},
-    fontSize: n
-  } = e, s = {
-    ...e,
-    checked: t
-  };
-  return /* @__PURE__ */ P(fo, {
-    className: r.root,
-    ownerState: s,
-    children: [/* @__PURE__ */ d(mo, {
-      fontSize: n,
-      className: r.background,
-      ownerState: s
-    }), /* @__PURE__ */ d(ho, {
-      fontSize: n,
-      className: r.dot,
-      ownerState: s
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" && (re.propTypes = {
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: o.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense radio styling.
-   */
-  fontSize: o.oneOf(["small", "medium"])
-});
-const ne = /* @__PURE__ */ m.createContext(void 0);
-process.env.NODE_ENV !== "production" && (ne.displayName = "RadioGroupContext");
-function bo() {
-  return m.useContext(ne);
-}
-function yo(e) {
-  return D("MuiRadio", e);
-}
-const de = L("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), go = (e) => {
-  const {
-    classes: t,
-    color: r,
-    size: n
-  } = e, s = {
-    root: ["root", `color${w(r)}`, n !== "medium" && `size${w(n)}`]
-  };
-  return {
-    ...t,
-    ...M(s, yo, t)
-  };
-}, vo = v(te, {
-  shouldForwardProp: (e) => oe(e) || e === "classes",
-  name: "MuiRadio",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: r
-    } = e;
-    return [t.root, r.size !== "medium" && t[`size${w(r.size)}`], t[`color${w(r.color)}`]];
-  }
-})(z(({
-  theme: e
-}) => ({
-  color: (e.vars || e).palette.text.secondary,
-  [`&.${de.disabled}`]: {
-    color: (e.vars || e).palette.action.disabled
-  },
-  variants: [{
-    props: {
-      color: "default",
-      disabled: !1,
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : W(e.palette.action.active, e.palette.action.hoverOpacity)
-      }
-    }
-  }, ...Object.entries(e.palette).filter(Y()).map(([t]) => ({
-    props: {
-      color: t,
-      disabled: !1,
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: e.vars ? `rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : W(e.palette[t].main, e.palette.action.hoverOpacity)
-      }
-    }
-  })), ...Object.entries(e.palette).filter(Y()).map(([t]) => ({
-    props: {
-      color: t,
-      disabled: !1
-    },
-    style: {
-      [`&.${de.checked}`]: {
-        color: (e.vars || e).palette[t].main
-      }
-    }
-  })), {
-    // Should be last to override other colors
-    props: {
-      disableRipple: !1
-    },
-    style: {
-      // Reset on touch devices, it doesn't add specificity
-      "&:hover": {
-        "@media (hover: none)": {
-          backgroundColor: "transparent"
-        }
-      }
-    }
-  }]
-})));
-function Co(e, t) {
-  return typeof t == "object" && t !== null ? e === t : String(e) === String(t);
-}
-const pe = /* @__PURE__ */ d(re, {
-  checked: !0
-}), ue = /* @__PURE__ */ d(re, {}), ke = /* @__PURE__ */ m.forwardRef(function(t, r) {
-  const n = A({
-    props: t,
-    name: "MuiRadio"
-  }), {
-    checked: s,
-    checkedIcon: i = pe,
-    color: p = "primary",
-    icon: f = ue,
-    name: c,
-    onChange: l,
-    size: u = "medium",
-    className: a,
-    disabled: h,
-    disableRipple: C = !1,
-    ...k
-  } = n, O = X();
-  let y = h;
-  O && typeof y > "u" && (y = O.disabled), y ?? (y = !1);
-  const x = {
-    ...n,
-    disabled: y,
-    disableRipple: C,
-    color: p,
-    size: u
-  }, b = go(x), T = bo();
-  let S = s;
-  const B = Ae(l, T && T.onChange);
-  let R = c;
-  return T && (typeof S > "u" && (S = Co(T.value, n.value)), typeof R > "u" && (R = T.name)), /* @__PURE__ */ d(vo, {
-    type: "radio",
-    icon: /* @__PURE__ */ m.cloneElement(f, {
-      fontSize: ue.props.fontSize ?? u
-    }),
-    checkedIcon: /* @__PURE__ */ m.cloneElement(i, {
-      fontSize: pe.props.fontSize ?? u
-    }),
-    disabled: y,
-    ownerState: x,
-    classes: b,
-    name: R,
-    checked: S,
-    onChange: B,
-    ref: r,
-    className: I(b.root, a),
-    ...k
-  });
-});
-process.env.NODE_ENV !== "production" && (ke.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: o.bool,
-  /**
-   * The icon to display when the component is checked.
-   * @default <RadioButtonIcon checked />
-   */
-  checkedIcon: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: o.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   * @default <RadioButtonIcon />
-   */
-  icon: o.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: o.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   */
-  inputProps: o.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: H,
-  /**
-   * Name attribute of the `input` element.
-   */
-  name: o.string,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: o.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: o.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense radio styling.
-   * @default 'medium'
-   */
-  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   */
-  value: o.any
-});
-function ko(e) {
-  return D("MuiRadioGroup", e);
-}
-L("MuiRadioGroup", ["root", "row", "error"]);
-const wo = (e) => {
-  const {
-    classes: t,
-    row: r,
-    error: n
-  } = e;
-  return M({
-    root: ["root", r && "row", n && "error"]
-  }, ko, t);
-}, we = /* @__PURE__ */ m.forwardRef(function(t, r) {
-  const {
-    // private
-    // eslint-disable-next-line react/prop-types
-    actions: n,
-    children: s,
-    className: i,
-    defaultValue: p,
-    name: f,
-    onChange: c,
-    value: l,
-    ...u
-  } = t, a = m.useRef(null), h = wo(t), [C, k] = he({
-    controlled: l,
-    default: p,
-    name: "RadioGroup"
-  });
-  m.useImperativeHandle(n, () => ({
-    focus: () => {
-      let b = a.current.querySelector("input:not(:disabled):checked");
-      b || (b = a.current.querySelector("input:not(:disabled)")), b && b.focus();
-    }
-  }), []);
-  const O = Le(r, a), y = De(f), x = m.useMemo(() => ({
-    name: y,
-    onChange(b) {
-      k(b.target.value), c && c(b, b.target.value);
-    },
-    value: C
-  }), [y, c, k, C]);
-  return /* @__PURE__ */ d(ne.Provider, {
-    value: x,
-    children: /* @__PURE__ */ d(Ce, {
-      role: "radiogroup",
-      ref: O,
-      className: I(h.root, i),
-      ...u,
-      children: s
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (we.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: o.node,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue: o.any,
-  /**
-   * The name used to reference the value of the control.
-   * If you don't provide this prop, it falls back to a randomly generated name.
-   */
-  name: o.string,
-  /**
-   * Callback fired when a radio button is selected.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * @param {string} value The value of the selected radio button.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange: o.func,
-  /**
-   * Value of the selected radio button. The DOM API casts this to a string.
-   */
-  value: o.any
-});
-const Se = Qe({
-  createStyledComponent: v("div", {
-    name: "MuiStack",
-    slot: "Root",
-    overridesResolver: (e, t) => t.root
-  }),
-  useThemeProps: (e) => A({
-    props: e,
-    name: "MuiStack"
-  })
-});
-process.env.NODE_ENV !== "production" && (Se.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: o.node,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.elementType,
-  /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
-   * @default 'column'
-   */
-  direction: o.oneOfType([o.oneOf(["column-reverse", "column", "row-reverse", "row"]), o.arrayOf(o.oneOf(["column-reverse", "column", "row-reverse", "row"])), o.object]),
-  /**
-   * Add an element between each child.
-   */
-  divider: o.node,
-  /**
-   * Defines the space between immediate children.
-   * @default 0
-   */
-  spacing: o.oneOfType([o.arrayOf(o.oneOfType([o.number, o.string])), o.number, o.object, o.string]),
-  /**
-   * The system prop, which allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
-   *
-   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
-   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
-   *
-   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
-   * @default false
-   */
-  useFlexGap: o.bool
-});
-function So(e) {
-  return D("MuiSwitch", e);
-}
-const g = L("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), Ro = (e) => {
-  const {
-    classes: t,
-    edge: r,
-    size: n,
-    color: s,
-    checked: i,
-    disabled: p
-  } = e, f = {
-    root: ["root", r && `edge${w(r)}`, `size${w(n)}`],
-    switchBase: ["switchBase", `color${w(s)}`, i && "checked", p && "disabled"],
-    thumb: ["thumb"],
-    track: ["track"],
-    input: ["input"]
-  }, c = M(f, So, t);
-  return {
-    ...t,
-    // forward the disabled and checked classes to the SwitchBase
-    ...c
-  };
-}, Oo = v("span", {
-  name: "MuiSwitch",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: r
-    } = e;
-    return [t.root, r.edge && t[`edge${w(r.edge)}`], t[`size${w(r.size)}`]];
-  }
-})({
-  display: "inline-flex",
-  width: 34 + 12 * 2,
-  height: 14 + 12 * 2,
-  overflow: "hidden",
-  padding: 12,
-  boxSizing: "border-box",
-  position: "relative",
-  flexShrink: 0,
-  zIndex: 0,
-  // Reset the stacking context.
-  verticalAlign: "middle",
-  // For correct alignment with the text.
-  "@media print": {
-    colorAdjust: "exact"
-  },
-  variants: [{
-    props: {
-      edge: "start"
-    },
-    style: {
-      marginLeft: -8
-    }
-  }, {
-    props: {
-      edge: "end"
-    },
-    style: {
-      marginRight: -8
-    }
-  }, {
-    props: {
-      size: "small"
-    },
-    style: {
-      width: 40,
-      height: 24,
-      padding: 7,
-      [`& .${g.thumb}`]: {
-        width: 16,
-        height: 16
-      },
-      [`& .${g.switchBase}`]: {
-        padding: 4,
-        [`&.${g.checked}`]: {
-          transform: "translateX(16px)"
-        }
-      }
-    }
-  }]
-}), xo = v(te, {
-  name: "MuiSwitch",
-  slot: "SwitchBase",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: r
-    } = e;
-    return [t.switchBase, {
-      [`& .${g.input}`]: t.input
-    }, r.color !== "default" && t[`color${w(r.color)}`]];
-  }
-})(z(({
-  theme: e
-}) => ({
-  position: "absolute",
-  top: 0,
-  left: 0,
-  zIndex: 1,
-  // Render above the focus ripple.
-  color: e.vars ? e.vars.palette.Switch.defaultColor : `${e.palette.mode === "light" ? e.palette.common.white : e.palette.grey[300]}`,
-  transition: e.transitions.create(["left", "transform"], {
-    duration: e.transitions.duration.shortest
-  }),
-  [`&.${g.checked}`]: {
-    transform: "translateX(20px)"
-  },
-  [`&.${g.disabled}`]: {
-    color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}`
-  },
-  [`&.${g.checked} + .${g.track}`]: {
-    opacity: 0.5
-  },
-  [`&.${g.disabled} + .${g.track}`]: {
-    opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? 0.12 : 0.2}`
-  },
-  [`& .${g.input}`]: {
-    left: "-100%",
-    width: "300%"
-  }
-})), z(({
-  theme: e
-}) => ({
-  "&:hover": {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : W(e.palette.action.active, e.palette.action.hoverOpacity),
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  },
-  variants: [...Object.entries(e.palette).filter(Y(["light"])).map(([t]) => ({
-    props: {
-      color: t
-    },
-    style: {
-      [`&.${g.checked}`]: {
-        color: (e.vars || e).palette[t].main,
-        "&:hover": {
-          backgroundColor: e.vars ? `rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : W(e.palette[t].main, e.palette.action.hoverOpacity),
-          "@media (hover: none)": {
-            backgroundColor: "transparent"
-          }
-        },
-        [`&.${g.disabled}`]: {
-          color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? Ie(e.palette[t].main, 0.62) : ze(e.palette[t].main, 0.55)}`
-        }
-      },
-      [`&.${g.checked} + .${g.track}`]: {
-        backgroundColor: (e.vars || e).palette[t].main
-      }
-    }
-  }))]
-}))), To = v("span", {
-  name: "MuiSwitch",
-  slot: "Track",
-  overridesResolver: (e, t) => t.track
-})(z(({
-  theme: e
-}) => ({
-  height: "100%",
-  width: "100%",
-  borderRadius: 14 / 2,
-  zIndex: -1,
-  transition: e.transitions.create(["opacity", "background-color"], {
-    duration: e.transitions.duration.shortest
-  }),
-  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}`
-}))), Po = v("span", {
-  name: "MuiSwitch",
-  slot: "Thumb",
-  overridesResolver: (e, t) => t.thumb
-})(z(({
-  theme: e
-}) => ({
-  boxShadow: (e.vars || e).shadows[1],
-  backgroundColor: "currentColor",
-  width: 20,
-  height: 20,
-  borderRadius: "50%"
-}))), ee = /* @__PURE__ */ m.forwardRef(function(t, r) {
-  const n = A({
-    props: t,
-    name: "MuiSwitch"
-  }), {
-    className: s,
-    color: i = "primary",
-    edge: p = !1,
-    size: f = "medium",
-    sx: c,
-    ...l
-  } = n, u = {
-    ...n,
-    color: i,
-    edge: p,
-    size: f
-  }, a = Ro(u), h = /* @__PURE__ */ d(Po, {
-    className: a.thumb,
-    ownerState: u
-  });
-  return /* @__PURE__ */ P(Oo, {
-    className: I(a.root, s),
-    sx: c,
-    ownerState: u,
-    children: [/* @__PURE__ */ d(xo, {
-      type: "checkbox",
-      icon: h,
-      checkedIcon: h,
-      ref: r,
-      ownerState: u,
-      ...l,
-      classes: {
-        ...a,
-        root: a.switchBase
-      }
-    }), /* @__PURE__ */ d(To, {
-      className: a.track,
-      ownerState: u
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (ee.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: o.bool,
-  /**
-   * The icon to display when the component is checked.
-   */
-  checkedIcon: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
-  /**
-   * The default checked state. Use when the component is not controlled.
-   */
-  defaultChecked: o.bool,
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: o.bool,
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
-   */
-  edge: o.oneOf(["end", "start", !1]),
-  /**
-   * The icon to display when the component is unchecked.
-   */
-  icon: o.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: o.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   */
-  inputProps: o.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: H,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: o.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: o.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense switch styling.
-   * @default 'medium'
-   */
-  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   * The browser uses "on" as the default value.
-   */
-  value: o.any
-});
-const $o = (e, t) => {
-  const r = [
-    "EMAIL",
-    "INAPP_WEB",
-    "SMS",
-    "CALL",
-    "PUSH",
-    "WEB_PUSH",
-    "SLACK"
-  ];
-  return r.indexOf(e) - r.indexOf(t);
-}, fe = (e, t) => {
-  const r = ["off", "instant", "hourly", "daily", "weekly", "monthly"];
-  return r.indexOf(e) - r.indexOf(t);
-}, me = (e) => ({
-  off: "Off",
-  instant: "Instant",
-  hourly: "Hourly",
-  daily: "Daily",
-  weekly: "Weekly",
-  monthly: "Monthly"
-})[e], Lo = ({
-  notification: e,
-  preferences: t,
-  updateDelivery: r,
-  subNotificationId: n
-}) => /* @__PURE__ */ d(ie, { children: e.channels.sort($o).map((s, i) => {
-  const p = t.find(
-    (a) => a.notificationId === e.notificationId && a.channel === s
-  );
-  if (!p)
-    return null;
-  const f = Oe(s), c = xe(s), l = Object.keys(
-    e.options[s]
-  ).filter(
-    (a) => a !== "defaultDeliveryOption" && a !== "defaultDeliverOption"
-  );
-  let u;
-  return l.length === 1 ? u = /* @__PURE__ */ d(_, { variant: "body1", children: me(p.delivery) }) : l.length === 2 && l.includes("off") ? u = /* @__PURE__ */ d(
-    ee,
-    {
-      checked: p.delivery !== "off",
-      onChange: (a, h) => {
-        if (h) {
-          const C = l.find((k) => k !== "off");
-          r(
-            e.notificationId,
-            s,
-            C,
-            n
-          );
-        } else
-          r(
-            e.notificationId,
-            s,
-            "off",
-            n
-          );
-      }
-    }
-  ) : u = /* @__PURE__ */ P(ie, { children: [
-    /* @__PURE__ */ d(
-      ee,
-      {
-        checked: p.delivery !== "off",
-        onChange: (a, h) => {
-          if (h) {
-            const C = l.sort(fe).find((k) => k !== "off");
-            r(
-              e.notificationId,
-              s,
-              C,
-              n
-            );
-          } else
-            r(
-              e.notificationId,
-              s,
-              "off",
-              n
-            );
-        }
-      }
-    ),
-    /* @__PURE__ */ d(
-      "div",
-      {
-        style: {
-          width: "100%",
-          marginTop: 8,
-          maxHeight: p.delivery !== "off" ? 1e3 : 0,
-          overflow: "hidden",
-          transition: "max-height 0.3s ease"
-        },
-        children: /* @__PURE__ */ P("div", { children: [
-          /* @__PURE__ */ d("div", { style: { marginTop: 20 }, children: /* @__PURE__ */ d(_, { variant: "body1", fontWeight: 600, children: "Choose frequency:" }) }),
-          /* @__PURE__ */ d(
-            we,
-            {
-              value: p.delivery,
-              onChange: (a) => {
-                r(
-                  e.notificationId,
-                  s,
-                  a.target.value,
-                  n
-                );
-              },
-              children: /* @__PURE__ */ d(Se, { direction: "column", style: { paddingTop: 10 }, children: l.filter((a) => a !== "off").sort(fe).map((a) => /* @__PURE__ */ d(
-                ve,
-                {
-                  control: /* @__PURE__ */ d(ke, {}),
-                  value: a,
-                  label: me(a)
-                },
-                a
-              )) })
-            }
-          )
-        ] })
-      }
-    )
-  ] }), /* @__PURE__ */ P("div", { children: [
-    /* @__PURE__ */ P(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: "space-between",
-          flexWrap: "wrap",
-          marginTop: i === 0 ? 0 : 12,
-          marginBottom: i === e.channels.length - 1 ? 0 : 12
-        },
-        children: [
-          /* @__PURE__ */ P(
-            "div",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                gap: 8
-              },
-              children: [
-                c,
-                /* @__PURE__ */ d(_, { variant: "body1", children: f })
-              ]
-            }
-          ),
-          u
-        ]
-      }
-    ),
-    i !== e.channels.length - 1 && /* @__PURE__ */ d(Ve, {})
-  ] }, s);
-}) });
-export {
-  Lo as P,
-  Ae as c
-};