@notificationapi/react 0.0.4 → 0.0.6

package/dist/assets/Preferences.js

@@ -0,0 +1,2035 @@
+import { jsx as R, jsxs as G, Fragment as ee } from "react/jsx-runtime";
+import { NotificationAPIContext as ke, DeliveryOptions as A, Channels as H } from "../components/Provider/index.js";
+import * as d from "react";
+import j, { forwardRef as Ge, useRef as me, useImperativeHandle as Ve, useContext as Oe } from "react";
+import { G as ie, v as oe, c as D, H as _, _ as W, d as fe, g as ae, m as re, r as V, u as N, I as Pe, a as q, o as Ke, D as Ee, f as Xe, J as Ue, t as Ye, p as Je, L as Qe, b as be, l as Ze, T as en, M as F } from "./colors.js";
+import { u as J, F as nn, p as Me, W as Ne, w as tn, j as ue, K as ne, x as he, y as on, o as pe, A as an, B as rn, e as ln, I as Q, T as ze } from "./index3.js";
+import { p as Re, a as cn, R as sn } from "./BellOutlined.js";
+const dn = (e) => ({
+  [e.componentCls]: {
+    // For common/openAnimation
+    [`${e.antCls}-motion-collapse-legacy`]: {
+      overflow: "hidden",
+      "&-active": {
+        transition: `height ${e.motionDurationMid} ${e.motionEaseInOut},
+        opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`
+      }
+    },
+    [`${e.antCls}-motion-collapse`]: {
+      overflow: "hidden",
+      transition: `height ${e.motionDurationMid} ${e.motionEaseInOut},
+        opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`
+    }
+  }
+}), Be = /* @__PURE__ */ d.createContext(null), un = Be.Provider, je = /* @__PURE__ */ d.createContext(null), hn = je.Provider;
+var gn = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"], mn = /* @__PURE__ */ Ge(function(e, n) {
+  var o = e.prefixCls, t = o === void 0 ? "rc-checkbox" : o, i = e.className, r = e.style, c = e.checked, a = e.disabled, l = e.defaultChecked, s = l === void 0 ? !1 : l, m = e.type, h = m === void 0 ? "checkbox" : m, C = e.title, u = e.onChange, w = ie(e, gn), f = me(null), p = me(null), I = J(s, {
+    value: c
+  }), $ = oe(I, 2), S = $[0], v = $[1];
+  Ve(n, function() {
+    return {
+      focus: function(b) {
+        var k;
+        (k = f.current) === null || k === void 0 || k.focus(b);
+      },
+      blur: function() {
+        var b;
+        (b = f.current) === null || b === void 0 || b.blur();
+      },
+      input: f.current,
+      nativeElement: p.current
+    };
+  });
+  var x = D(t, i, _(_({}, "".concat(t, "-checked"), S), "".concat(t, "-disabled"), a)), g = function(b) {
+    a || ("checked" in e || v(b.target.checked), u == null || u({
+      target: fe(fe({}, e), {}, {
+        type: h,
+        checked: b.target.checked
+      }),
+      stopPropagation: function() {
+        b.stopPropagation();
+      },
+      preventDefault: function() {
+        b.preventDefault();
+      },
+      nativeEvent: b.nativeEvent
+    }));
+  };
+  return /* @__PURE__ */ d.createElement("span", {
+    className: x,
+    title: C,
+    style: r,
+    ref: p
+  }, /* @__PURE__ */ d.createElement("input", W({}, w, {
+    className: "".concat(t, "-input"),
+    ref: f,
+    onChange: g,
+    disabled: a,
+    checked: !!S,
+    type: h
+  })), /* @__PURE__ */ d.createElement("span", {
+    className: "".concat(t, "-inner")
+  }));
+});
+const fn = (e) => {
+  const {
+    componentCls: n,
+    antCls: o
+  } = e, t = `${n}-group`;
+  return {
+    [t]: Object.assign(Object.assign({}, V(e)), {
+      display: "inline-block",
+      fontSize: 0,
+      // RTL
+      [`&${t}-rtl`]: {
+        direction: "rtl"
+      },
+      [`${o}-badge ${o}-badge-count`]: {
+        zIndex: 1
+      },
+      [`> ${o}-badge:not(:first-child) > ${o}-button-wrapper`]: {
+        borderInlineStart: "none"
+      }
+    })
+  };
+}, bn = (e) => {
+  const {
+    componentCls: n,
+    wrapperMarginInlineEnd: o,
+    colorPrimary: t,
+    radioSize: i,
+    motionDurationSlow: r,
+    motionDurationMid: c,
+    motionEaseInOutCirc: a,
+    colorBgContainer: l,
+    colorBorder: s,
+    lineWidth: m,
+    colorBgContainerDisabled: h,
+    colorTextDisabled: C,
+    paddingXS: u,
+    dotColorDisabled: w,
+    lineType: f,
+    radioColor: p,
+    radioBgColor: I,
+    calc: $
+  } = e, S = `${n}-inner`, x = $(i).sub($(4).mul(2)), g = $(1).mul(i).equal();
+  return {
+    [`${n}-wrapper`]: Object.assign(Object.assign({}, V(e)), {
+      display: "inline-flex",
+      alignItems: "baseline",
+      marginInlineStart: 0,
+      marginInlineEnd: o,
+      cursor: "pointer",
+      // RTL
+      [`&${n}-wrapper-rtl`]: {
+        direction: "rtl"
+      },
+      "&-disabled": {
+        cursor: "not-allowed",
+        color: e.colorTextDisabled
+      },
+      "&::after": {
+        display: "inline-block",
+        width: 0,
+        overflow: "hidden",
+        content: '"\\a0"'
+      },
+      // hashId 在 wrapper 上，只能铺平
+      [`${n}-checked::after`]: {
+        position: "absolute",
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        width: "100%",
+        height: "100%",
+        border: `${N(m)} ${f} ${t}`,
+        borderRadius: "50%",
+        visibility: "hidden",
+        opacity: 0,
+        content: '""'
+      },
+      [n]: Object.assign(Object.assign({}, V(e)), {
+        position: "relative",
+        display: "inline-block",
+        outline: "none",
+        cursor: "pointer",
+        alignSelf: "center",
+        borderRadius: "50%"
+      }),
+      [`${n}-wrapper:hover &,
+        &:hover ${S}`]: {
+        borderColor: t
+      },
+      [`${n}-input:focus-visible + ${S}`]: Object.assign({}, Pe(e)),
+      [`${n}:hover::after, ${n}-wrapper:hover &::after`]: {
+        visibility: "visible"
+      },
+      [`${n}-inner`]: {
+        "&::after": {
+          boxSizing: "border-box",
+          position: "absolute",
+          insetBlockStart: "50%",
+          insetInlineStart: "50%",
+          display: "block",
+          width: g,
+          height: g,
+          marginBlockStart: $(1).mul(i).div(-2).equal(),
+          marginInlineStart: $(1).mul(i).div(-2).equal(),
+          backgroundColor: p,
+          borderBlockStart: 0,
+          borderInlineStart: 0,
+          borderRadius: g,
+          transform: "scale(0)",
+          opacity: 0,
+          transition: `all ${r} ${a}`,
+          content: '""'
+        },
+        boxSizing: "border-box",
+        position: "relative",
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        display: "block",
+        width: g,
+        height: g,
+        backgroundColor: l,
+        borderColor: s,
+        borderStyle: "solid",
+        borderWidth: m,
+        borderRadius: "50%",
+        transition: `all ${c}`
+      },
+      [`${n}-input`]: {
+        position: "absolute",
+        inset: 0,
+        zIndex: 1,
+        cursor: "pointer",
+        opacity: 0
+      },
+      // 选中状态
+      [`${n}-checked`]: {
+        [S]: {
+          borderColor: t,
+          backgroundColor: I,
+          "&::after": {
+            transform: `scale(${e.calc(e.dotSize).div(i).equal()})`,
+            opacity: 1,
+            transition: `all ${r} ${a}`
+          }
+        }
+      },
+      [`${n}-disabled`]: {
+        cursor: "not-allowed",
+        [S]: {
+          backgroundColor: h,
+          borderColor: s,
+          cursor: "not-allowed",
+          "&::after": {
+            backgroundColor: w
+          }
+        },
+        [`${n}-input`]: {
+          cursor: "not-allowed"
+        },
+        [`${n}-disabled + span`]: {
+          color: C,
+          cursor: "not-allowed"
+        },
+        [`&${n}-checked`]: {
+          [S]: {
+            "&::after": {
+              transform: `scale(${$(x).div(i).equal({
+                unit: !1
+              })})`
+            }
+          }
+        }
+      },
+      [`span${n} + *`]: {
+        paddingInlineStart: u,
+        paddingInlineEnd: u
+      }
+    })
+  };
+}, pn = (e) => {
+  const {
+    buttonColor: n,
+    controlHeight: o,
+    componentCls: t,
+    lineWidth: i,
+    lineType: r,
+    colorBorder: c,
+    motionDurationSlow: a,
+    motionDurationMid: l,
+    buttonPaddingInline: s,
+    fontSize: m,
+    buttonBg: h,
+    fontSizeLG: C,
+    controlHeightLG: u,
+    controlHeightSM: w,
+    paddingXS: f,
+    borderRadius: p,
+    borderRadiusSM: I,
+    borderRadiusLG: $,
+    buttonCheckedBg: S,
+    buttonSolidCheckedColor: v,
+    colorTextDisabled: x,
+    colorBgContainerDisabled: g,
+    buttonCheckedBgDisabled: P,
+    buttonCheckedColorDisabled: b,
+    colorPrimary: k,
+    colorPrimaryHover: M,
+    colorPrimaryActive: y,
+    buttonSolidCheckedBg: E,
+    buttonSolidCheckedHoverBg: B,
+    buttonSolidCheckedActiveBg: O,
+    calc: z
+  } = e;
+  return {
+    [`${t}-button-wrapper`]: {
+      position: "relative",
+      display: "inline-block",
+      height: o,
+      margin: 0,
+      paddingInline: s,
+      paddingBlock: 0,
+      color: n,
+      fontSize: m,
+      lineHeight: N(z(o).sub(z(i).mul(2)).equal()),
+      background: h,
+      border: `${N(i)} ${r} ${c}`,
+      // strange align fix for chrome but works
+      // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif
+      borderBlockStartWidth: z(i).add(0.02).equal(),
+      borderInlineStartWidth: 0,
+      borderInlineEndWidth: i,
+      cursor: "pointer",
+      transition: [`color ${l}`, `background ${l}`, `box-shadow ${l}`].join(","),
+      a: {
+        color: n
+      },
+      [`> ${t}-button`]: {
+        position: "absolute",
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        zIndex: -1,
+        width: "100%",
+        height: "100%"
+      },
+      "&:not(:first-child)": {
+        "&::before": {
+          position: "absolute",
+          insetBlockStart: z(i).mul(-1).equal(),
+          insetInlineStart: z(i).mul(-1).equal(),
+          display: "block",
+          boxSizing: "content-box",
+          width: 1,
+          height: "100%",
+          paddingBlock: i,
+          paddingInline: 0,
+          backgroundColor: c,
+          transition: `background-color ${a}`,
+          content: '""'
+        }
+      },
+      "&:first-child": {
+        borderInlineStart: `${N(i)} ${r} ${c}`,
+        borderStartStartRadius: p,
+        borderEndStartRadius: p
+      },
+      "&:last-child": {
+        borderStartEndRadius: p,
+        borderEndEndRadius: p
+      },
+      "&:first-child:last-child": {
+        borderRadius: p
+      },
+      [`${t}-group-large &`]: {
+        height: u,
+        fontSize: C,
+        lineHeight: N(z(u).sub(z(i).mul(2)).equal()),
+        "&:first-child": {
+          borderStartStartRadius: $,
+          borderEndStartRadius: $
+        },
+        "&:last-child": {
+          borderStartEndRadius: $,
+          borderEndEndRadius: $
+        }
+      },
+      [`${t}-group-small &`]: {
+        height: w,
+        paddingInline: z(f).sub(i).equal(),
+        paddingBlock: 0,
+        lineHeight: N(z(w).sub(z(i).mul(2)).equal()),
+        "&:first-child": {
+          borderStartStartRadius: I,
+          borderEndStartRadius: I
+        },
+        "&:last-child": {
+          borderStartEndRadius: I,
+          borderEndEndRadius: I
+        }
+      },
+      "&:hover": {
+        position: "relative",
+        color: k
+      },
+      "&:has(:focus-visible)": Object.assign({}, Pe(e)),
+      [`${t}-inner, input[type='checkbox'], input[type='radio']`]: {
+        width: 0,
+        height: 0,
+        opacity: 0,
+        pointerEvents: "none"
+      },
+      [`&-checked:not(${t}-button-wrapper-disabled)`]: {
+        zIndex: 1,
+        color: k,
+        background: S,
+        borderColor: k,
+        "&::before": {
+          backgroundColor: k
+        },
+        "&:first-child": {
+          borderColor: k
+        },
+        "&:hover": {
+          color: M,
+          borderColor: M,
+          "&::before": {
+            backgroundColor: M
+          }
+        },
+        "&:active": {
+          color: y,
+          borderColor: y,
+          "&::before": {
+            backgroundColor: y
+          }
+        }
+      },
+      [`${t}-group-solid &-checked:not(${t}-button-wrapper-disabled)`]: {
+        color: v,
+        background: E,
+        borderColor: E,
+        "&:hover": {
+          color: v,
+          background: B,
+          borderColor: B
+        },
+        "&:active": {
+          color: v,
+          background: O,
+          borderColor: O
+        }
+      },
+      "&-disabled": {
+        color: x,
+        backgroundColor: g,
+        borderColor: c,
+        cursor: "not-allowed",
+        "&:first-child, &:hover": {
+          color: x,
+          backgroundColor: g,
+          borderColor: c
+        }
+      },
+      [`&-disabled${t}-button-wrapper-checked`]: {
+        color: b,
+        backgroundColor: P,
+        borderColor: c,
+        boxShadow: "none"
+      }
+    }
+  };
+}, vn = (e) => {
+  const {
+    wireframe: n,
+    padding: o,
+    marginXS: t,
+    lineWidth: i,
+    fontSizeLG: r,
+    colorText: c,
+    colorBgContainer: a,
+    colorTextDisabled: l,
+    controlItemBgActiveDisabled: s,
+    colorTextLightSolid: m,
+    colorPrimary: h,
+    colorPrimaryHover: C,
+    colorPrimaryActive: u,
+    colorWhite: w
+  } = e, f = 4, p = r, I = n ? p - f * 2 : p - (f + i) * 2;
+  return {
+    // Radio
+    radioSize: p,
+    dotSize: I,
+    dotColorDisabled: l,
+    // Radio buttons
+    buttonSolidCheckedColor: m,
+    buttonSolidCheckedBg: h,
+    buttonSolidCheckedHoverBg: C,
+    buttonSolidCheckedActiveBg: u,
+    buttonBg: a,
+    buttonCheckedBg: a,
+    buttonColor: c,
+    buttonCheckedBgDisabled: s,
+    buttonCheckedColorDisabled: l,
+    buttonPaddingInline: o - i,
+    wrapperMarginInlineEnd: t,
+    // internal
+    radioColor: n ? h : w,
+    radioBgColor: n ? a : h
+  };
+}, Ae = ae("Radio", (e) => {
+  const {
+    controlOutline: n,
+    controlOutlineWidth: o
+  } = e, t = `0 0 0 ${N(o)} ${n}`, r = re(e, {
+    radioFocusShadow: t,
+    radioButtonFocusShadow: t
+  });
+  return [fn(r), bn(r), pn(r)];
+}, vn, {
+  unitless: {
+    radioSize: !0,
+    dotSize: !0
+  }
+});
+var Cn = function(e, n) {
+  var o = {};
+  for (var t in e)
+    Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
+      n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (o[t[i]] = e[t[i]]);
+  return o;
+};
+const $n = (e, n) => {
+  var o, t;
+  const i = d.useContext(Be), r = d.useContext(je), {
+    getPrefixCls: c,
+    direction: a,
+    radio: l
+  } = d.useContext(q), s = d.useRef(null), m = Ke(n, s), {
+    isFormItemInput: h
+  } = d.useContext(nn), C = (O) => {
+    var z, T;
+    (z = e.onChange) === null || z === void 0 || z.call(e, O), (T = i == null ? void 0 : i.onChange) === null || T === void 0 || T.call(i, O);
+  }, {
+    prefixCls: u,
+    className: w,
+    rootClassName: f,
+    children: p,
+    style: I,
+    title: $
+  } = e, S = Cn(e, ["prefixCls", "className", "rootClassName", "children", "style", "title"]), v = c("radio", u), x = ((i == null ? void 0 : i.optionType) || r) === "button", g = x ? `${v}-button` : v, P = Me(v), [b, k, M] = Ae(v, P), y = Object.assign({}, S), E = d.useContext(Ee);
+  i && (y.name = i.name, y.onChange = C, y.checked = e.value === i.value, y.disabled = (o = y.disabled) !== null && o !== void 0 ? o : i.disabled), y.disabled = (t = y.disabled) !== null && t !== void 0 ? t : E;
+  const B = D(`${g}-wrapper`, {
+    [`${g}-wrapper-checked`]: y.checked,
+    [`${g}-wrapper-disabled`]: y.disabled,
+    [`${g}-wrapper-rtl`]: a === "rtl",
+    [`${g}-wrapper-in-form-item`]: h
+  }, l == null ? void 0 : l.className, w, f, k, M, P);
+  return b(/* @__PURE__ */ d.createElement(Ne, {
+    component: "Radio",
+    disabled: y.disabled
+  }, /* @__PURE__ */ d.createElement("label", {
+    className: B,
+    style: Object.assign(Object.assign({}, l == null ? void 0 : l.style), I),
+    onMouseEnter: e.onMouseEnter,
+    onMouseLeave: e.onMouseLeave,
+    title: $
+  }, /* @__PURE__ */ d.createElement(mn, Object.assign({}, y, {
+    className: D(y.className, !x && tn),
+    type: "radio",
+    prefixCls: g,
+    ref: m
+  })), p !== void 0 ? /* @__PURE__ */ d.createElement("span", null, p) : null)));
+}, te = /* @__PURE__ */ d.forwardRef($n), yn = /* @__PURE__ */ d.forwardRef((e, n) => {
+  const {
+    getPrefixCls: o,
+    direction: t
+  } = d.useContext(q), [i, r] = J(e.defaultValue, {
+    value: e.value
+  }), c = (O) => {
+    const z = i, T = O.target.value;
+    "value" in e || r(T);
+    const {
+      onChange: L
+    } = e;
+    L && T !== z && L(O);
+  }, {
+    prefixCls: a,
+    className: l,
+    rootClassName: s,
+    options: m,
+    buttonStyle: h = "outline",
+    disabled: C,
+    children: u,
+    size: w,
+    style: f,
+    id: p,
+    onMouseEnter: I,
+    onMouseLeave: $,
+    onFocus: S,
+    onBlur: v
+  } = e, x = o("radio", a), g = `${x}-group`, P = Me(x), [b, k, M] = Ae(x, P);
+  let y = u;
+  m && m.length > 0 && (y = m.map((O) => typeof O == "string" || typeof O == "number" ? /* @__PURE__ */ d.createElement(te, {
+    key: O.toString(),
+    prefixCls: x,
+    disabled: C,
+    value: O,
+    checked: i === O
+  }, O) : /* @__PURE__ */ d.createElement(te, {
+    key: `radio-group-value-options-${O.value}`,
+    prefixCls: x,
+    disabled: O.disabled || C,
+    value: O.value,
+    checked: i === O.value,
+    title: O.title,
+    style: O.style,
+    id: O.id,
+    required: O.required
+  }, O.label)));
+  const E = ue(w), B = D(g, `${g}-${h}`, {
+    [`${g}-${E}`]: E,
+    [`${g}-rtl`]: t === "rtl"
+  }, l, s, k, M, P);
+  return b(/* @__PURE__ */ d.createElement("div", Object.assign({}, Re(e, {
+    aria: !0,
+    data: !0
+  }), {
+    className: B,
+    style: f,
+    onMouseEnter: I,
+    onMouseLeave: $,
+    onFocus: S,
+    onBlur: v,
+    id: p,
+    ref: n
+  }), /* @__PURE__ */ d.createElement(un, {
+    value: {
+      onChange: c,
+      value: i,
+      disabled: e.disabled,
+      name: e.name,
+      optionType: e.optionType
+    }
+  }, y)));
+}), Sn = /* @__PURE__ */ d.memo(yn);
+var xn = function(e, n) {
+  var o = {};
+  for (var t in e)
+    Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
+      n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (o[t[i]] = e[t[i]]);
+  return o;
+};
+const In = (e, n) => {
+  const {
+    getPrefixCls: o
+  } = d.useContext(q), {
+    prefixCls: t
+  } = e, i = xn(e, ["prefixCls"]), r = o("radio", t);
+  return /* @__PURE__ */ d.createElement(hn, {
+    value: "button"
+  }, /* @__PURE__ */ d.createElement(te, Object.assign({
+    prefixCls: r
+  }, i, {
+    type: "radio",
+    ref: n
+  })));
+}, wn = /* @__PURE__ */ d.forwardRef(In), Y = te;
+Y.Button = wn;
+Y.Group = Sn;
+Y.__ANT_RADIO = !0;
+var De = /* @__PURE__ */ j.forwardRef(function(e, n) {
+  var o = e.prefixCls, t = e.forceRender, i = e.className, r = e.style, c = e.children, a = e.isActive, l = e.role, s = j.useState(a || t), m = oe(s, 2), h = m[0], C = m[1];
+  return j.useEffect(function() {
+    (t || a) && C(!0);
+  }, [t, a]), h ? /* @__PURE__ */ j.createElement("div", {
+    ref: n,
+    className: D("".concat(o, "-content"), _(_({}, "".concat(o, "-content-active"), a), "".concat(o, "-content-inactive"), !a), i),
+    style: r,
+    role: l
+  }, /* @__PURE__ */ j.createElement("div", {
+    className: "".concat(o, "-content-box")
+  }, c)) : null;
+});
+De.displayName = "PanelContent";
+var kn = ["showArrow", "headerClass", "isActive", "onItemClick", "forceRender", "className", "prefixCls", "collapsible", "accordion", "panelKey", "extra", "header", "expandIcon", "openMotion", "destroyInactivePanel", "children"], Te = /* @__PURE__ */ j.forwardRef(function(e, n) {
+  var o = e.showArrow, t = o === void 0 ? !0 : o, i = e.headerClass, r = e.isActive, c = e.onItemClick, a = e.forceRender, l = e.className, s = e.prefixCls, m = e.collapsible, h = e.accordion, C = e.panelKey, u = e.extra, w = e.header, f = e.expandIcon, p = e.openMotion, I = e.destroyInactivePanel, $ = e.children, S = ie(e, kn), v = m === "disabled", x = m === "header", g = m === "icon", P = u != null && typeof u != "boolean", b = function() {
+    c == null || c(C);
+  }, k = function(z) {
+    (z.key === "Enter" || z.keyCode === ne.ENTER || z.which === ne.ENTER) && b();
+  }, M = typeof f == "function" ? f(e) : /* @__PURE__ */ j.createElement("i", {
+    className: "arrow"
+  });
+  M && (M = /* @__PURE__ */ j.createElement("div", {
+    className: "".concat(s, "-expand-icon"),
+    onClick: ["header", "icon"].includes(m) ? b : void 0
+  }, M));
+  var y = D(_(_(_({}, "".concat(s, "-item"), !0), "".concat(s, "-item-active"), r), "".concat(s, "-item-disabled"), v), l), E = D(i, _(_(_({}, "".concat(s, "-header"), !0), "".concat(s, "-header-collapsible-only"), x), "".concat(s, "-icon-collapsible-only"), g)), B = {
+    className: E,
+    "aria-expanded": r,
+    "aria-disabled": v,
+    onKeyDown: k
+  };
+  return !x && !g && (B.onClick = b, B.role = h ? "tab" : "button", B.tabIndex = v ? -1 : 0), /* @__PURE__ */ j.createElement("div", W({}, S, {
+    ref: n,
+    className: y
+  }), /* @__PURE__ */ j.createElement("div", B, t && M, /* @__PURE__ */ j.createElement("span", {
+    className: "".concat(s, "-header-text"),
+    onClick: m === "header" ? b : void 0
+  }, w), P && /* @__PURE__ */ j.createElement("div", {
+    className: "".concat(s, "-extra")
+  }, u)), /* @__PURE__ */ j.createElement(Xe, W({
+    visible: r,
+    leavedClassName: "".concat(s, "-content-hidden")
+  }, p, {
+    forceRender: a,
+    removeOnLeave: I
+  }), function(O, z) {
+    var T = O.className, L = O.style;
+    return /* @__PURE__ */ j.createElement(De, {
+      ref: z,
+      prefixCls: s,
+      className: T,
+      style: L,
+      isActive: r,
+      forceRender: a,
+      role: h ? "tabpanel" : void 0
+    }, $);
+  }));
+}), On = ["children", "label", "key", "collapsible", "onItemClick", "destroyInactivePanel"], Pn = function(n, o) {
+  var t = o.prefixCls, i = o.accordion, r = o.collapsible, c = o.destroyInactivePanel, a = o.onItemClick, l = o.activeKey, s = o.openMotion, m = o.expandIcon;
+  return n.map(function(h, C) {
+    var u = h.children, w = h.label, f = h.key, p = h.collapsible, I = h.onItemClick, $ = h.destroyInactivePanel, S = ie(h, On), v = String(f ?? C), x = p ?? r, g = $ ?? c, P = function(M) {
+      x !== "disabled" && (a(M), I == null || I(M));
+    }, b = !1;
+    return i ? b = l[0] === v : b = l.indexOf(v) > -1, /* @__PURE__ */ j.createElement(Te, W({}, S, {
+      prefixCls: t,
+      key: v,
+      panelKey: v,
+      isActive: b,
+      accordion: i,
+      openMotion: s,
+      expandIcon: m,
+      header: w,
+      collapsible: x,
+      onItemClick: P,
+      destroyInactivePanel: g
+    }), u);
+  });
+}, En = function(n, o, t) {
+  if (!n)
+    return null;
+  var i = t.prefixCls, r = t.accordion, c = t.collapsible, a = t.destroyInactivePanel, l = t.onItemClick, s = t.activeKey, m = t.openMotion, h = t.expandIcon, C = n.key || String(o), u = n.props, w = u.header, f = u.headerClass, p = u.destroyInactivePanel, I = u.collapsible, $ = u.onItemClick, S = !1;
+  r ? S = s[0] === C : S = s.indexOf(C) > -1;
+  var v = I ?? c, x = function(b) {
+    v !== "disabled" && (l(b), $ == null || $(b));
+  }, g = {
+    key: C,
+    panelKey: C,
+    header: w,
+    headerClass: f,
+    isActive: S,
+    prefixCls: i,
+    destroyInactivePanel: p ?? a,
+    openMotion: m,
+    accordion: r,
+    children: n.props.children,
+    onItemClick: x,
+    expandIcon: h,
+    collapsible: v
+  };
+  return typeof n.type == "string" ? n : (Object.keys(g).forEach(function(P) {
+    typeof g[P] > "u" && delete g[P];
+  }), /* @__PURE__ */ j.cloneElement(n, g));
+};
+function Mn(e, n, o) {
+  return Array.isArray(e) ? Pn(e, o) : he(n).map(function(t, i) {
+    return En(t, i, o);
+  });
+}
+function Nn(e) {
+  var n = e;
+  if (!Array.isArray(n)) {
+    var o = Ye(n);
+    n = o === "number" || o === "string" ? [n] : [];
+  }
+  return n.map(function(t) {
+    return String(t);
+  });
+}
+var zn = /* @__PURE__ */ j.forwardRef(function(e, n) {
+  var o = e.prefixCls, t = o === void 0 ? "rc-collapse" : o, i = e.destroyInactivePanel, r = i === void 0 ? !1 : i, c = e.style, a = e.accordion, l = e.className, s = e.children, m = e.collapsible, h = e.openMotion, C = e.expandIcon, u = e.activeKey, w = e.defaultActiveKey, f = e.onChange, p = e.items, I = D(t, l), $ = J([], {
+    value: u,
+    onChange: function(k) {
+      return f == null ? void 0 : f(k);
+    },
+    defaultValue: w,
+    postState: Nn
+  }), S = oe($, 2), v = S[0], x = S[1], g = function(k) {
+    return x(function() {
+      if (a)
+        return v[0] === k ? [] : [k];
+      var M = v.indexOf(k), y = M > -1;
+      return y ? v.filter(function(E) {
+        return E !== k;
+      }) : [].concat(Je(v), [k]);
+    });
+  };
+  Ue(!s, "[rc-collapse] `children` will be removed in next major version. Please use `items` instead.");
+  var P = Mn(p, s, {
+    prefixCls: t,
+    accordion: a,
+    openMotion: h,
+    expandIcon: C,
+    collapsible: m,
+    destroyInactivePanel: r,
+    onItemClick: g,
+    activeKey: v
+  });
+  return /* @__PURE__ */ j.createElement("div", W({
+    ref: n,
+    className: I,
+    style: c,
+    role: a ? "tablist" : void 0
+  }, Re(e, {
+    aria: !0,
+    data: !0
+  })), P);
+});
+const ge = Object.assign(zn, {
+  /**
+   * @deprecated use `items` instead, will be removed in `v4.0.0`
+   */
+  Panel: Te
+});
+ge.Panel;
+const Rn = /* @__PURE__ */ d.forwardRef((e, n) => {
+  const {
+    getPrefixCls: o
+  } = d.useContext(q), {
+    prefixCls: t,
+    className: i,
+    showArrow: r = !0
+  } = e, c = o("collapse", t), a = D({
+    [`${c}-no-arrow`]: !r
+  }, i);
+  return /* @__PURE__ */ d.createElement(ge.Panel, Object.assign({
+    ref: n
+  }, e, {
+    prefixCls: c,
+    className: a
+  }));
+}), Bn = (e) => {
+  const {
+    componentCls: n,
+    contentBg: o,
+    padding: t,
+    headerBg: i,
+    headerPadding: r,
+    collapseHeaderPaddingSM: c,
+    collapseHeaderPaddingLG: a,
+    collapsePanelBorderRadius: l,
+    lineWidth: s,
+    lineType: m,
+    colorBorder: h,
+    colorText: C,
+    colorTextHeading: u,
+    colorTextDisabled: w,
+    fontSizeLG: f,
+    lineHeight: p,
+    lineHeightLG: I,
+    marginSM: $,
+    paddingSM: S,
+    paddingLG: v,
+    paddingXS: x,
+    motionDurationSlow: g,
+    fontSizeIcon: P,
+    contentPadding: b,
+    fontHeight: k,
+    fontHeightLG: M
+  } = e, y = `${N(s)} ${m} ${h}`;
+  return {
+    [n]: Object.assign(Object.assign({}, V(e)), {
+      backgroundColor: i,
+      border: y,
+      borderRadius: l,
+      "&-rtl": {
+        direction: "rtl"
+      },
+      [`& > ${n}-item`]: {
+        borderBottom: y,
+        "&:last-child": {
+          [`
+            &,
+            & > ${n}-header`]: {
+            borderRadius: `0 0 ${N(l)} ${N(l)}`
+          }
+        },
+        [`> ${n}-header`]: {
+          position: "relative",
+          // Compatible with old version of antd, should remove in next version
+          display: "flex",
+          flexWrap: "nowrap",
+          alignItems: "flex-start",
+          padding: r,
+          color: u,
+          lineHeight: p,
+          cursor: "pointer",
+          transition: `all ${g}, visibility 0s`,
+          [`> ${n}-header-text`]: {
+            flex: "auto"
+          },
+          "&:focus": {
+            outline: "none"
+          },
+          // >>>>> Arrow
+          [`${n}-expand-icon`]: {
+            height: k,
+            display: "flex",
+            alignItems: "center",
+            paddingInlineEnd: $
+          },
+          [`${n}-arrow`]: Object.assign(Object.assign({}, Qe()), {
+            fontSize: P,
+            // when `transform: rotate()` is applied to icon's root element
+            transition: `transform ${g}`,
+            // when `transform: rotate()` is applied to icon's child element
+            svg: {
+              transition: `transform ${g}`
+            }
+          }),
+          // >>>>> Text
+          [`${n}-header-text`]: {
+            marginInlineEnd: "auto"
+          }
+        },
+        [`${n}-icon-collapsible-only`]: {
+          cursor: "unset",
+          [`${n}-expand-icon`]: {
+            cursor: "pointer"
+          }
+        }
+      },
+      [`${n}-content`]: {
+        color: C,
+        backgroundColor: o,
+        borderTop: y,
+        [`& > ${n}-content-box`]: {
+          padding: b
+        },
+        "&-hidden": {
+          display: "none"
+        }
+      },
+      "&-small": {
+        [`> ${n}-item`]: {
+          [`> ${n}-header`]: {
+            padding: c,
+            paddingInlineStart: x,
+            [`> ${n}-expand-icon`]: {
+              // Arrow offset
+              marginInlineStart: e.calc(S).sub(x).equal()
+            }
+          },
+          [`> ${n}-content > ${n}-content-box`]: {
+            padding: S
+          }
+        }
+      },
+      "&-large": {
+        [`> ${n}-item`]: {
+          fontSize: f,
+          lineHeight: I,
+          [`> ${n}-header`]: {
+            padding: a,
+            paddingInlineStart: t,
+            [`> ${n}-expand-icon`]: {
+              height: M,
+              // Arrow offset
+              marginInlineStart: e.calc(v).sub(t).equal()
+            }
+          },
+          [`> ${n}-content > ${n}-content-box`]: {
+            padding: v
+          }
+        }
+      },
+      [`${n}-item:last-child`]: {
+        borderBottom: 0,
+        [`> ${n}-content`]: {
+          borderRadius: `0 0 ${N(l)} ${N(l)}`
+        }
+      },
+      [`& ${n}-item-disabled > ${n}-header`]: {
+        "\n          &,\n          & > .arrow\n        ": {
+          color: w,
+          cursor: "not-allowed"
+        }
+      },
+      // ========================== Icon Position ==========================
+      [`&${n}-icon-position-end`]: {
+        [`& > ${n}-item`]: {
+          [`> ${n}-header`]: {
+            [`${n}-expand-icon`]: {
+              order: 1,
+              paddingInlineEnd: 0,
+              paddingInlineStart: $
+            }
+          }
+        }
+      }
+    })
+  };
+}, jn = (e) => {
+  const {
+    componentCls: n
+  } = e, o = `> ${n}-item > ${n}-header ${n}-arrow`;
+  return {
+    [`${n}-rtl`]: {
+      [o]: {
+        transform: "rotate(180deg)"
+      }
+    }
+  };
+}, An = (e) => {
+  const {
+    componentCls: n,
+    headerBg: o,
+    paddingXXS: t,
+    colorBorder: i
+  } = e;
+  return {
+    [`${n}-borderless`]: {
+      backgroundColor: o,
+      border: 0,
+      [`> ${n}-item`]: {
+        borderBottom: `1px solid ${i}`
+      },
+      [`
+        > ${n}-item:last-child,
+        > ${n}-item:last-child ${n}-header
+      `]: {
+        borderRadius: 0
+      },
+      [`> ${n}-item:last-child`]: {
+        borderBottom: 0
+      },
+      [`> ${n}-item > ${n}-content`]: {
+        backgroundColor: "transparent",
+        borderTop: 0
+      },
+      [`> ${n}-item > ${n}-content > ${n}-content-box`]: {
+        paddingTop: t
+      }
+    }
+  };
+}, Dn = (e) => {
+  const {
+    componentCls: n,
+    paddingSM: o
+  } = e;
+  return {
+    [`${n}-ghost`]: {
+      backgroundColor: "transparent",
+      border: 0,
+      [`> ${n}-item`]: {
+        borderBottom: 0,
+        [`> ${n}-content`]: {
+          backgroundColor: "transparent",
+          border: 0,
+          [`> ${n}-content-box`]: {
+            paddingBlock: o
+          }
+        }
+      }
+    }
+  };
+}, Tn = (e) => ({
+  headerPadding: `${e.paddingSM}px ${e.padding}px`,
+  headerBg: e.colorFillAlter,
+  contentPadding: `${e.padding}px 16px`,
+  // Fixed Value
+  contentBg: e.colorBgContainer
+}), Hn = ae("Collapse", (e) => {
+  const n = re(e, {
+    collapseHeaderPaddingSM: `${N(e.paddingXS)} ${N(e.paddingSM)}`,
+    collapseHeaderPaddingLG: `${N(e.padding)} ${N(e.paddingLG)}`,
+    collapsePanelBorderRadius: e.borderRadiusLG
+  });
+  return [Bn(n), An(n), Dn(n), jn(n), dn(n)];
+}, Tn), _n = /* @__PURE__ */ d.forwardRef((e, n) => {
+  const {
+    getPrefixCls: o,
+    direction: t,
+    collapse: i
+  } = d.useContext(q), {
+    prefixCls: r,
+    className: c,
+    rootClassName: a,
+    style: l,
+    bordered: s = !0,
+    ghost: m,
+    size: h,
+    expandIconPosition: C = "start",
+    children: u,
+    expandIcon: w
+  } = e, f = ue((y) => {
+    var E;
+    return (E = h ?? y) !== null && E !== void 0 ? E : "middle";
+  }), p = o("collapse", r), I = o(), [$, S, v] = Hn(p), x = d.useMemo(() => C === "left" ? "start" : C === "right" ? "end" : C, [C]), g = w ?? (i == null ? void 0 : i.expandIcon), P = d.useCallback(function() {
+    let y = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    const E = typeof g == "function" ? g(y) : /* @__PURE__ */ d.createElement(cn, {
+      rotate: y.isActive ? 90 : void 0
+    });
+    return be(E, () => {
+      var B;
+      return {
+        className: D((B = E == null ? void 0 : E.props) === null || B === void 0 ? void 0 : B.className, `${p}-arrow`)
+      };
+    });
+  }, [g, p]), b = D(`${p}-icon-position-${x}`, {
+    [`${p}-borderless`]: !s,
+    [`${p}-rtl`]: t === "rtl",
+    [`${p}-ghost`]: !!m,
+    [`${p}-${f}`]: f !== "middle"
+  }, i == null ? void 0 : i.className, c, a, S, v), k = Object.assign(Object.assign({}, on(I)), {
+    motionAppear: !1,
+    leavedClassName: `${p}-content-hidden`
+  }), M = d.useMemo(() => u ? he(u).map((y, E) => {
+    var B, O;
+    if (!((B = y.props) === null || B === void 0) && B.disabled) {
+      const z = (O = y.key) !== null && O !== void 0 ? O : String(E), {
+        disabled: T,
+        collapsible: L
+      } = y.props, K = Object.assign(Object.assign({}, pe(y.props, ["disabled"])), {
+        key: z,
+        collapsible: L ?? (T ? "disabled" : void 0)
+      });
+      return be(y, K);
+    }
+    return y;
+  }) : null, [u]);
+  return $(
+    // @ts-ignore
+    /* @__PURE__ */ d.createElement(ge, Object.assign({
+      ref: n,
+      openMotion: k
+    }, pe(e, ["rootClassName"]), {
+      expandIcon: P,
+      prefixCls: p,
+      className: b,
+      style: Object.assign(Object.assign({}, i == null ? void 0 : i.style), l)
+    }), M)
+  );
+}), Ln = Object.assign(_n, {
+  Panel: Rn
+}), Wn = (e) => {
+  const {
+    componentCls: n,
+    sizePaddingEdgeHorizontal: o,
+    colorSplit: t,
+    lineWidth: i,
+    textPaddingInline: r,
+    orientationMargin: c,
+    verticalMarginInline: a
+  } = e;
+  return {
+    [n]: Object.assign(Object.assign({}, V(e)), {
+      borderBlockStart: `${N(i)} solid ${t}`,
+      // vertical
+      "&-vertical": {
+        position: "relative",
+        top: "-0.06em",
+        display: "inline-block",
+        height: "0.9em",
+        marginInline: a,
+        marginBlock: 0,
+        verticalAlign: "middle",
+        borderTop: 0,
+        borderInlineStart: `${N(i)} solid ${t}`
+      },
+      "&-horizontal": {
+        display: "flex",
+        clear: "both",
+        width: "100%",
+        minWidth: "100%",
+        // Fix https://github.com/ant-design/ant-design/issues/10914
+        margin: `${N(e.dividerHorizontalGutterMargin)} 0`
+      },
+      [`&-horizontal${n}-with-text`]: {
+        display: "flex",
+        alignItems: "center",
+        margin: `${N(e.dividerHorizontalWithTextGutterMargin)} 0`,
+        color: e.colorTextHeading,
+        fontWeight: 500,
+        fontSize: e.fontSizeLG,
+        whiteSpace: "nowrap",
+        textAlign: "center",
+        borderBlockStart: `0 ${t}`,
+        "&::before, &::after": {
+          position: "relative",
+          width: "50%",
+          borderBlockStart: `${N(i)} solid transparent`,
+          // Chrome not accept `inherit` in `border-top`
+          borderBlockStartColor: "inherit",
+          borderBlockEnd: 0,
+          transform: "translateY(50%)",
+          content: "''"
+        }
+      },
+      [`&-horizontal${n}-with-text-left`]: {
+        "&::before": {
+          width: `calc(${c} * 100%)`
+        },
+        "&::after": {
+          width: `calc(100% - ${c} * 100%)`
+        }
+      },
+      [`&-horizontal${n}-with-text-right`]: {
+        "&::before": {
+          width: `calc(100% - ${c} * 100%)`
+        },
+        "&::after": {
+          width: `calc(${c} * 100%)`
+        }
+      },
+      [`${n}-inner-text`]: {
+        display: "inline-block",
+        paddingBlock: 0,
+        paddingInline: r
+      },
+      "&-dashed": {
+        background: "none",
+        borderColor: t,
+        borderStyle: "dashed",
+        borderWidth: `${N(i)} 0 0`
+      },
+      [`&-horizontal${n}-with-text${n}-dashed`]: {
+        "&::before, &::after": {
+          borderStyle: "dashed none none"
+        }
+      },
+      [`&-vertical${n}-dashed`]: {
+        borderInlineStartWidth: i,
+        borderInlineEnd: 0,
+        borderBlockStart: 0,
+        borderBlockEnd: 0
+      },
+      [`&-plain${n}-with-text`]: {
+        color: e.colorText,
+        fontWeight: "normal",
+        fontSize: e.fontSize
+      },
+      [`&-horizontal${n}-with-text-left${n}-no-default-orientation-margin-left`]: {
+        "&::before": {
+          width: 0
+        },
+        "&::after": {
+          width: "100%"
+        },
+        [`${n}-inner-text`]: {
+          paddingInlineStart: o
+        }
+      },
+      [`&-horizontal${n}-with-text-right${n}-no-default-orientation-margin-right`]: {
+        "&::before": {
+          width: "100%"
+        },
+        "&::after": {
+          width: 0
+        },
+        [`${n}-inner-text`]: {
+          paddingInlineEnd: o
+        }
+      }
+    })
+  };
+}, qn = (e) => ({
+  textPaddingInline: "1em",
+  orientationMargin: 0.05,
+  verticalMarginInline: e.marginXS
+}), Fn = ae("Divider", (e) => {
+  const n = re(e, {
+    dividerHorizontalWithTextGutterMargin: e.margin,
+    dividerHorizontalGutterMargin: e.marginLG,
+    sizePaddingEdgeHorizontal: 0
+  });
+  return [Wn(n)];
+}, qn, {
+  unitless: {
+    orientationMargin: !0
+  }
+});
+var Gn = function(e, n) {
+  var o = {};
+  for (var t in e)
+    Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
+      n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (o[t[i]] = e[t[i]]);
+  return o;
+};
+const Vn = (e) => {
+  const {
+    getPrefixCls: n,
+    direction: o,
+    divider: t
+  } = d.useContext(q), {
+    prefixCls: i,
+    type: r = "horizontal",
+    orientation: c = "center",
+    orientationMargin: a,
+    className: l,
+    rootClassName: s,
+    children: m,
+    dashed: h,
+    plain: C,
+    style: u
+  } = e, w = Gn(e, ["prefixCls", "type", "orientation", "orientationMargin", "className", "rootClassName", "children", "dashed", "plain", "style"]), f = n("divider", i), [p, I, $] = Fn(f), S = c.length > 0 ? `-${c}` : c, v = !!m, x = c === "left" && a != null, g = c === "right" && a != null, P = D(f, t == null ? void 0 : t.className, I, $, `${f}-${r}`, {
+    [`${f}-with-text`]: v,
+    [`${f}-with-text${S}`]: v,
+    [`${f}-dashed`]: !!h,
+    [`${f}-plain`]: !!C,
+    [`${f}-rtl`]: o === "rtl",
+    [`${f}-no-default-orientation-margin-left`]: x,
+    [`${f}-no-default-orientation-margin-right`]: g
+  }, l, s), b = d.useMemo(() => typeof a == "number" ? a : /^\d+$/.test(a) ? Number(a) : a, [a]), k = Object.assign(Object.assign({}, x && {
+    marginLeft: b
+  }), g && {
+    marginRight: b
+  });
+  return p(/* @__PURE__ */ d.createElement("div", Object.assign({
+    className: P,
+    style: Object.assign(Object.assign({}, t == null ? void 0 : t.style), u)
+  }, w, {
+    role: "separator"
+  }), m && r !== "vertical" && /* @__PURE__ */ d.createElement("span", {
+    className: `${f}-inner-text`,
+    style: k
+  }, m)));
+};
+function ve(e) {
+  return ["small", "middle", "large"].includes(e);
+}
+function Ce(e) {
+  return e ? typeof e == "number" && !Number.isNaN(e) : !1;
+}
+const He = /* @__PURE__ */ j.createContext({
+  latestIndex: 0
+}), Kn = He.Provider, Xn = (e) => {
+  let {
+    className: n,
+    index: o,
+    children: t,
+    split: i,
+    style: r
+  } = e;
+  const {
+    latestIndex: c
+  } = d.useContext(He);
+  return t == null ? null : /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("div", {
+    className: n,
+    style: r
+  }, t), o < c && i && /* @__PURE__ */ d.createElement("span", {
+    className: `${n}-split`
+  }, i));
+};
+var Un = function(e, n) {
+  var o = {};
+  for (var t in e)
+    Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
+      n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (o[t[i]] = e[t[i]]);
+  return o;
+};
+const Yn = /* @__PURE__ */ d.forwardRef((e, n) => {
+  var o, t;
+  const {
+    getPrefixCls: i,
+    space: r,
+    direction: c
+  } = d.useContext(q), {
+    size: a = (r == null ? void 0 : r.size) || "small",
+    align: l,
+    className: s,
+    rootClassName: m,
+    children: h,
+    direction: C = "horizontal",
+    prefixCls: u,
+    split: w,
+    style: f,
+    wrap: p = !1,
+    classNames: I,
+    styles: $
+  } = e, S = Un(e, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]), [v, x] = Array.isArray(a) ? a : [a, a], g = ve(x), P = ve(v), b = Ce(x), k = Ce(v), M = he(h, {
+    keepEmpty: !0
+  }), y = l === void 0 && C === "horizontal" ? "center" : l, E = i("space", u), [B, O, z] = rn(E), T = D(E, r == null ? void 0 : r.className, O, `${E}-${C}`, {
+    [`${E}-rtl`]: c === "rtl",
+    [`${E}-align-${y}`]: y,
+    [`${E}-gap-row-${x}`]: g,
+    [`${E}-gap-col-${v}`]: P
+  }, s, m, z), L = D(`${E}-item`, (o = I == null ? void 0 : I.item) !== null && o !== void 0 ? o : (t = r == null ? void 0 : r.classNames) === null || t === void 0 ? void 0 : t.item);
+  let K = 0;
+  const We = M.map((X, le) => {
+    var ce, se;
+    X != null && (K = le);
+    const Fe = X && X.key || `${L}-${le}`;
+    return /* @__PURE__ */ d.createElement(Xn, {
+      className: L,
+      key: Fe,
+      index: le,
+      split: w,
+      style: (ce = $ == null ? void 0 : $.item) !== null && ce !== void 0 ? ce : (se = r == null ? void 0 : r.styles) === null || se === void 0 ? void 0 : se.item
+    }, X);
+  }), qe = d.useMemo(() => ({
+    latestIndex: K
+  }), [K]);
+  if (M.length === 0)
+    return null;
+  const Z = {};
+  return p && (Z.flexWrap = "wrap"), !P && k && (Z.columnGap = v), !g && b && (Z.rowGap = x), B(/* @__PURE__ */ d.createElement("div", Object.assign({
+    ref: n,
+    className: T,
+    style: Object.assign(Object.assign(Object.assign({}, Z), r == null ? void 0 : r.style), f)
+  }, S), /* @__PURE__ */ d.createElement(Kn, {
+    value: qe
+  }, We)));
+}), _e = Yn;
+_e.Compact = an;
+var Jn = ["prefixCls", "className", "checked", "defaultChecked", "disabled", "loadingIcon", "checkedChildren", "unCheckedChildren", "onClick", "onChange", "onKeyDown"], Le = /* @__PURE__ */ d.forwardRef(function(e, n) {
+  var o, t = e.prefixCls, i = t === void 0 ? "rc-switch" : t, r = e.className, c = e.checked, a = e.defaultChecked, l = e.disabled, s = e.loadingIcon, m = e.checkedChildren, h = e.unCheckedChildren, C = e.onClick, u = e.onChange, w = e.onKeyDown, f = ie(e, Jn), p = J(!1, {
+    value: c,
+    defaultValue: a
+  }), I = oe(p, 2), $ = I[0], S = I[1];
+  function v(b, k) {
+    var M = $;
+    return l || (M = b, S(M), u == null || u(M, k)), M;
+  }
+  function x(b) {
+    b.which === ne.LEFT ? v(!1, b) : b.which === ne.RIGHT && v(!0, b), w == null || w(b);
+  }
+  function g(b) {
+    var k = v(!$, b);
+    C == null || C(k, b);
+  }
+  var P = D(i, r, (o = {}, _(o, "".concat(i, "-checked"), $), _(o, "".concat(i, "-disabled"), l), o));
+  return /* @__PURE__ */ d.createElement("button", W({}, f, {
+    type: "button",
+    role: "switch",
+    "aria-checked": $,
+    disabled: l,
+    className: P,
+    ref: n,
+    onKeyDown: x,
+    onClick: g
+  }), s, /* @__PURE__ */ d.createElement("span", {
+    className: "".concat(i, "-inner")
+  }, /* @__PURE__ */ d.createElement("span", {
+    className: "".concat(i, "-inner-checked")
+  }, m), /* @__PURE__ */ d.createElement("span", {
+    className: "".concat(i, "-inner-unchecked")
+  }, h)));
+});
+Le.displayName = "Switch";
+const Qn = (e) => {
+  const {
+    componentCls: n,
+    trackHeightSM: o,
+    trackPadding: t,
+    trackMinWidthSM: i,
+    innerMinMarginSM: r,
+    innerMaxMarginSM: c,
+    handleSizeSM: a,
+    calc: l
+  } = e, s = `${n}-inner`, m = N(l(a).add(l(t).mul(2)).equal()), h = N(l(c).mul(2).equal());
+  return {
+    [n]: {
+      [`&${n}-small`]: {
+        minWidth: i,
+        height: o,
+        lineHeight: N(o),
+        [`${n}-inner`]: {
+          paddingInlineStart: c,
+          paddingInlineEnd: r,
+          [`${s}-checked, ${s}-unchecked`]: {
+            minHeight: o
+          },
+          [`${s}-checked`]: {
+            marginInlineStart: `calc(-100% + ${m} - ${h})`,
+            marginInlineEnd: `calc(100% - ${m} + ${h})`
+          },
+          [`${s}-unchecked`]: {
+            marginTop: l(o).mul(-1).equal(),
+            marginInlineStart: 0,
+            marginInlineEnd: 0
+          }
+        },
+        [`${n}-handle`]: {
+          width: a,
+          height: a
+        },
+        [`${n}-loading-icon`]: {
+          top: l(l(a).sub(e.switchLoadingIconSize)).div(2).equal(),
+          fontSize: e.switchLoadingIconSize
+        },
+        [`&${n}-checked`]: {
+          [`${n}-inner`]: {
+            paddingInlineStart: r,
+            paddingInlineEnd: c,
+            [`${s}-checked`]: {
+              marginInlineStart: 0,
+              marginInlineEnd: 0
+            },
+            [`${s}-unchecked`]: {
+              marginInlineStart: `calc(100% - ${m} + ${h})`,
+              marginInlineEnd: `calc(-100% + ${m} - ${h})`
+            }
+          },
+          [`${n}-handle`]: {
+            insetInlineStart: `calc(100% - ${N(l(a).add(t).equal())})`
+          }
+        },
+        [`&:not(${n}-disabled):active`]: {
+          [`&:not(${n}-checked) ${s}`]: {
+            [`${s}-unchecked`]: {
+              marginInlineStart: l(e.marginXXS).div(2).equal(),
+              marginInlineEnd: l(e.marginXXS).mul(-1).div(2).equal()
+            }
+          },
+          [`&${n}-checked ${s}`]: {
+            [`${s}-checked`]: {
+              marginInlineStart: l(e.marginXXS).mul(-1).div(2).equal(),
+              marginInlineEnd: l(e.marginXXS).div(2).equal()
+            }
+          }
+        }
+      }
+    }
+  };
+}, Zn = (e) => {
+  const {
+    componentCls: n,
+    handleSize: o,
+    calc: t
+  } = e;
+  return {
+    [n]: {
+      [`${n}-loading-icon${e.iconCls}`]: {
+        position: "relative",
+        top: t(t(o).sub(e.fontSize)).div(2).equal(),
+        color: e.switchLoadingIconColor,
+        verticalAlign: "top"
+      },
+      [`&${n}-checked ${n}-loading-icon`]: {
+        color: e.switchColor
+      }
+    }
+  };
+}, et = (e) => {
+  const {
+    componentCls: n,
+    trackPadding: o,
+    handleBg: t,
+    handleShadow: i,
+    handleSize: r,
+    calc: c
+  } = e, a = `${n}-handle`;
+  return {
+    [n]: {
+      [a]: {
+        position: "absolute",
+        top: o,
+        insetInlineStart: o,
+        width: r,
+        height: r,
+        transition: `all ${e.switchDuration} ease-in-out`,
+        "&::before": {
+          position: "absolute",
+          top: 0,
+          insetInlineEnd: 0,
+          bottom: 0,
+          insetInlineStart: 0,
+          backgroundColor: t,
+          borderRadius: c(r).div(2).equal(),
+          boxShadow: i,
+          transition: `all ${e.switchDuration} ease-in-out`,
+          content: '""'
+        }
+      },
+      [`&${n}-checked ${a}`]: {
+        insetInlineStart: `calc(100% - ${N(c(r).add(o).equal())})`
+      },
+      [`&:not(${n}-disabled):active`]: {
+        [`${a}::before`]: {
+          insetInlineEnd: e.switchHandleActiveInset,
+          insetInlineStart: 0
+        },
+        [`&${n}-checked ${a}::before`]: {
+          insetInlineEnd: 0,
+          insetInlineStart: e.switchHandleActiveInset
+        }
+      }
+    }
+  };
+}, nt = (e) => {
+  const {
+    componentCls: n,
+    trackHeight: o,
+    trackPadding: t,
+    innerMinMargin: i,
+    innerMaxMargin: r,
+    handleSize: c,
+    calc: a
+  } = e, l = `${n}-inner`, s = N(a(c).add(a(t).mul(2)).equal()), m = N(a(r).mul(2).equal());
+  return {
+    [n]: {
+      [l]: {
+        display: "block",
+        overflow: "hidden",
+        borderRadius: 100,
+        height: "100%",
+        paddingInlineStart: r,
+        paddingInlineEnd: i,
+        transition: `padding-inline-start ${e.switchDuration} ease-in-out, padding-inline-end ${e.switchDuration} ease-in-out`,
+        [`${l}-checked, ${l}-unchecked`]: {
+          display: "block",
+          color: e.colorTextLightSolid,
+          fontSize: e.fontSizeSM,
+          transition: `margin-inline-start ${e.switchDuration} ease-in-out, margin-inline-end ${e.switchDuration} ease-in-out`,
+          pointerEvents: "none",
+          minHeight: o
+        },
+        [`${l}-checked`]: {
+          marginInlineStart: `calc(-100% + ${s} - ${m})`,
+          marginInlineEnd: `calc(100% - ${s} + ${m})`
+        },
+        [`${l}-unchecked`]: {
+          marginTop: a(o).mul(-1).equal(),
+          marginInlineStart: 0,
+          marginInlineEnd: 0
+        }
+      },
+      [`&${n}-checked ${l}`]: {
+        paddingInlineStart: i,
+        paddingInlineEnd: r,
+        [`${l}-checked`]: {
+          marginInlineStart: 0,
+          marginInlineEnd: 0
+        },
+        [`${l}-unchecked`]: {
+          marginInlineStart: `calc(100% - ${s} + ${m})`,
+          marginInlineEnd: `calc(-100% + ${s} - ${m})`
+        }
+      },
+      [`&:not(${n}-disabled):active`]: {
+        [`&:not(${n}-checked) ${l}`]: {
+          [`${l}-unchecked`]: {
+            marginInlineStart: a(t).mul(2).equal(),
+            marginInlineEnd: a(t).mul(-1).mul(2).equal()
+          }
+        },
+        [`&${n}-checked ${l}`]: {
+          [`${l}-checked`]: {
+            marginInlineStart: a(t).mul(-1).mul(2).equal(),
+            marginInlineEnd: a(t).mul(2).equal()
+          }
+        }
+      }
+    }
+  };
+}, tt = (e) => {
+  const {
+    componentCls: n,
+    trackHeight: o,
+    trackMinWidth: t
+  } = e;
+  return {
+    [n]: Object.assign(Object.assign(Object.assign(Object.assign({}, V(e)), {
+      position: "relative",
+      display: "inline-block",
+      boxSizing: "border-box",
+      minWidth: t,
+      height: o,
+      lineHeight: `${N(o)}`,
+      verticalAlign: "middle",
+      background: e.colorTextQuaternary,
+      border: "0",
+      borderRadius: 100,
+      cursor: "pointer",
+      transition: `all ${e.motionDurationMid}`,
+      userSelect: "none",
+      [`&:hover:not(${n}-disabled)`]: {
+        background: e.colorTextTertiary
+      }
+    }), Ze(e)), {
+      [`&${n}-checked`]: {
+        background: e.switchColor,
+        [`&:hover:not(${n}-disabled)`]: {
+          background: e.colorPrimaryHover
+        }
+      },
+      [`&${n}-loading, &${n}-disabled`]: {
+        cursor: "not-allowed",
+        opacity: e.switchDisabledOpacity,
+        "*": {
+          boxShadow: "none",
+          cursor: "not-allowed"
+        }
+      },
+      // rtl style
+      [`&${n}-rtl`]: {
+        direction: "rtl"
+      }
+    })
+  };
+}, it = (e) => {
+  const {
+    fontSize: n,
+    lineHeight: o,
+    controlHeight: t,
+    colorWhite: i
+  } = e, r = n * o, c = t / 2, a = 2, l = r - a * 2, s = c - a * 2;
+  return {
+    trackHeight: r,
+    trackHeightSM: c,
+    trackMinWidth: l * 2 + a * 4,
+    trackMinWidthSM: s * 2 + a * 2,
+    trackPadding: a,
+    // Fixed value
+    handleBg: i,
+    handleSize: l,
+    handleSizeSM: s,
+    handleShadow: `0 2px 4px 0 ${new en("#00230b").setAlpha(0.2).toRgbString()}`,
+    innerMinMargin: l / 2,
+    innerMaxMargin: l + a + a * 2,
+    innerMinMarginSM: s / 2,
+    innerMaxMarginSM: s + a + a * 2
+  };
+}, ot = ae("Switch", (e) => {
+  const n = re(e, {
+    switchDuration: e.motionDurationMid,
+    switchColor: e.colorPrimary,
+    switchDisabledOpacity: e.opacityLoading,
+    switchLoadingIconSize: e.calc(e.fontSizeIcon).mul(0.75).equal(),
+    switchLoadingIconColor: `rgba(0, 0, 0, ${e.opacityLoading})`,
+    switchHandleActiveInset: "-30%"
+  });
+  return [
+    tt(n),
+    // inner style
+    nt(n),
+    // handle style
+    et(n),
+    // loading style
+    Zn(n),
+    // small style
+    Qn(n)
+  ];
+}, it);
+var at = function(e, n) {
+  var o = {};
+  for (var t in e)
+    Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
+      n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (o[t[i]] = e[t[i]]);
+  return o;
+};
+const rt = /* @__PURE__ */ d.forwardRef((e, n) => {
+  const {
+    prefixCls: o,
+    size: t,
+    disabled: i,
+    loading: r,
+    className: c,
+    rootClassName: a,
+    style: l,
+    checked: s,
+    value: m,
+    defaultChecked: h,
+    defaultValue: C,
+    onChange: u
+  } = e, w = at(e, ["prefixCls", "size", "disabled", "loading", "className", "rootClassName", "style", "checked", "value", "defaultChecked", "defaultValue", "onChange"]), [f, p] = J(!1, {
+    value: s ?? m,
+    defaultValue: h ?? C
+  }), {
+    getPrefixCls: I,
+    direction: $,
+    switch: S
+  } = d.useContext(q), v = d.useContext(Ee), x = (i ?? v) || r, g = I("switch", o), P = /* @__PURE__ */ d.createElement("div", {
+    className: `${g}-handle`
+  }, r && /* @__PURE__ */ d.createElement(ln, {
+    className: `${g}-loading-icon`
+  })), [b, k, M] = ot(g), y = ue(t), E = D(S == null ? void 0 : S.className, {
+    [`${g}-small`]: y === "small",
+    [`${g}-loading`]: r,
+    [`${g}-rtl`]: $ === "rtl"
+  }, c, a, k, M), B = Object.assign(Object.assign({}, S == null ? void 0 : S.style), l), O = function() {
+    p(arguments.length <= 0 ? void 0 : arguments[0]), u == null || u.apply(void 0, arguments);
+  };
+  return b(/* @__PURE__ */ d.createElement(Ne, {
+    component: "Switch"
+  }, /* @__PURE__ */ d.createElement(Le, Object.assign({}, w, {
+    checked: f,
+    onChange: O,
+    prefixCls: g,
+    className: E,
+    style: B,
+    disabled: x,
+    ref: n,
+    loadingIcon: P
+  }))));
+}), de = rt;
+de.__ANT_SWITCH = !0;
+var lt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M928 512.3v-.3c0-229.8-186.2-416-416-416S96 282.2 96 512v.4c0 229.8 186.2 416 416 416s416-186.2 416-416v-.3.2zm-6.7-74.6l.6 3.3-.6-3.3zM676.7 638.2c53.5-82.2 52.5-189.4-11.1-263.7l162.4-8.4c20.5 44.4 32 93.8 32 145.9 0 185.2-144.6 336.6-327.1 347.4l143.8-221.2zM512 652.3c-77.5 0-140.2-62.7-140.2-140.2 0-77.7 62.7-140.2 140.2-140.2S652.2 434.5 652.2 512 589.5 652.3 512 652.3zm369.2-331.7l-3-5.7 3 5.7zM512 164c121.3 0 228.2 62.1 290.4 156.2l-263.6-13.9c-97.5-5.7-190.2 49.2-222.3 141.1L227.8 311c63.1-88.9 166.9-147 284.2-147zM102.5 585.8c26 145 127.1 264 261.6 315.1C229.6 850 128.5 731 102.5 585.8zM164 512c0-55.9 13.2-108.7 36.6-155.5l119.7 235.4c44.1 86.7 137.4 139.7 234 121.6l-74 145.1C302.9 842.5 164 693.5 164 512zm324.7 415.4c4 .2 8 .4 12 .5-4-.2-8-.3-12-.5z" } }] }, name: "chrome", theme: "outlined" }, ct = function(n, o) {
+  return /* @__PURE__ */ d.createElement(Q, W({}, n, {
+    ref: o,
+    icon: lt
+  }));
+}, st = /* @__PURE__ */ d.forwardRef(ct), dt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 110.8V792H136V270.8l-27.6-21.5 39.3-50.5 42.8 33.3h643.1l42.8-33.3 39.3 50.5-27.7 21.5zM833.6 232L512 482 190.4 232l-42.8-33.3-39.3 50.5 27.6 21.5 341.6 265.6a55.99 55.99 0 0068.7 0L888 270.8l27.6-21.5-39.3-50.5-42.7 33.2z" } }] }, name: "mail", theme: "outlined" }, ut = function(n, o) {
+  return /* @__PURE__ */ d.createElement(Q, W({}, n, {
+    ref: o,
+    icon: dt
+  }));
+}, $e = /* @__PURE__ */ d.forwardRef(ut), ht = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z" } }] }, name: "message", theme: "outlined" }, gt = function(n, o) {
+  return /* @__PURE__ */ d.createElement(Q, W({}, n, {
+    ref: o,
+    icon: ht
+  }));
+}, mt = /* @__PURE__ */ d.forwardRef(gt), ft = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M744 62H280c-35.3 0-64 28.7-64 64v768c0 35.3 28.7 64 64 64h464c35.3 0 64-28.7 64-64V126c0-35.3-28.7-64-64-64zm-8 824H288V134h448v752zM472 784a40 40 0 1080 0 40 40 0 10-80 0z" } }] }, name: "mobile", theme: "outlined" }, bt = function(n, o) {
+  return /* @__PURE__ */ d.createElement(Q, W({}, n, {
+    ref: o,
+    icon: ft
+  }));
+}, pt = /* @__PURE__ */ d.forwardRef(bt), vt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M877.1 238.7L770.6 132.3c-13-13-30.4-20.3-48.8-20.3s-35.8 7.2-48.8 20.3L558.3 246.8c-13 13-20.3 30.5-20.3 48.9 0 18.5 7.2 35.8 20.3 48.9l89.6 89.7a405.46 405.46 0 01-86.4 127.3c-36.7 36.9-79.6 66-127.2 86.6l-89.6-89.7c-13-13-30.4-20.3-48.8-20.3a68.2 68.2 0 00-48.8 20.3L132.3 673c-13 13-20.3 30.5-20.3 48.9 0 18.5 7.2 35.8 20.3 48.9l106.4 106.4c22.2 22.2 52.8 34.9 84.2 34.9 6.5 0 12.8-.5 19.2-1.6 132.4-21.8 263.8-92.3 369.9-198.3C818 606 888.4 474.6 910.4 342.1c6.3-37.6-6.3-76.3-33.3-103.4zm-37.6 91.5c-19.5 117.9-82.9 235.5-178.4 331s-213 158.9-330.9 178.4c-14.8 2.5-30-2.5-40.8-13.2L184.9 721.9 295.7 611l119.8 120 .9.9 21.6-8a481.29 481.29 0 00285.7-285.8l8-21.6-120.8-120.7 110.8-110.9 104.5 104.5c10.8 10.8 15.8 26 13.3 40.8z" } }] }, name: "phone", theme: "outlined" }, Ct = function(n, o) {
+  return /* @__PURE__ */ d.createElement(Q, W({}, n, {
+    ref: o,
+    icon: vt
+  }));
+}, $t = /* @__PURE__ */ d.forwardRef(Ct);
+const U = ze.Text, ye = (e) => ({
+  off: "Off",
+  instant: "Instant",
+  hourly: "Hourly",
+  daily: "Daily",
+  weekly: "Weekly",
+  monthly: "Monthly"
+})[e], yt = (e, n) => {
+  const o = [
+    H.EMAIL,
+    H.INAPP_WEB,
+    H.SMS,
+    H.CALL,
+    H.PUSH,
+    H.WEB_PUSH
+  ];
+  return o.indexOf(e) - o.indexOf(n);
+}, Se = (e, n) => {
+  const o = [
+    A.OFF,
+    A.INSTANT,
+    A.HOURLY,
+    A.DAILY,
+    A.WEEKLY,
+    A.MONTHLY
+  ];
+  return o.indexOf(e) - o.indexOf(n);
+}, xe = () => {
+  const e = Oe(ke);
+  if (!e || !e.preferences)
+    return null;
+  const n = e.preferences.preferences, t = e.preferences.notifications.map((i) => {
+    const r = Array.from(
+      new Set(
+        n.filter(
+          (c) => c.notificationId === i.notificationId && c.delivery !== A.OFF
+        ).map((c) => c.channel)
+      )
+    );
+    return {
+      label: i.notificationId,
+      key: i.notificationId,
+      extra: /* @__PURE__ */ R(U, { type: "secondary", children: r.map((c) => we(c)).join(", ") }),
+      children: /* @__PURE__ */ R("div", { children: i.channels.sort(yt).map((c, a) => {
+        const l = n.find(
+          (s) => s.channel === c && s.notificationId === i.notificationId
+        );
+        if (l.notificationId === i.notificationId) {
+          let s = we(c), m = St(c);
+          const h = Object.keys(i.options[c]).filter(
+            (u) => u !== "defaultDeliveryOption" && u !== "defaultDeliverOption"
+          );
+          let C;
+          return h.length === 1 ? C = /* @__PURE__ */ R(U, { children: ye(l.delivery) }) : h.length === 2 && h.includes(A.OFF) ? C = /* @__PURE__ */ R(
+            de,
+            {
+              checked: l.delivery !== A.OFF,
+              onChange: (u) => {
+                if (u) {
+                  const w = h.find(
+                    (f) => f !== A.OFF
+                  );
+                  e.updateDelivery(i.notificationId, c, w);
+                } else
+                  e.updateDelivery(
+                    i.notificationId,
+                    c,
+                    A.OFF
+                  );
+              }
+            }
+          ) : C = /* @__PURE__ */ G(ee, { children: [
+            /* @__PURE__ */ R(
+              de,
+              {
+                checked: l.delivery !== A.OFF,
+                onChange: (u) => {
+                  if (u) {
+                    const w = h.sort(Se).find((f) => f !== A.OFF);
+                    e.updateDelivery(i.notificationId, c, w);
+                  } else
+                    e.updateDelivery(
+                      i.notificationId,
+                      c,
+                      A.OFF
+                    );
+                }
+              }
+            ),
+            /* @__PURE__ */ R(
+              "div",
+              {
+                style: {
+                  width: "100%",
+                  marginTop: 8,
+                  maxHeight: l.delivery !== A.OFF ? 1e3 : 0,
+                  overflow: "hidden",
+                  transition: "max-height 0.3s ease"
+                },
+                children: /* @__PURE__ */ G("div", { children: [
+                  /* @__PURE__ */ R("div", { style: { marginTop: 20 }, children: /* @__PURE__ */ R(U, { strong: !0, children: "Choose frequency:" }) }),
+                  /* @__PURE__ */ R(
+                    Y.Group,
+                    {
+                      value: l.delivery,
+                      onChange: (u) => {
+                        e.updateDelivery(
+                          i.notificationId,
+                          c,
+                          u.target.value
+                        );
+                      },
+                      children: /* @__PURE__ */ R(
+                        _e,
+                        {
+                          direction: "vertical",
+                          style: { paddingTop: 10 },
+                          children: h.filter((u) => u !== A.OFF).sort(Se).map((u) => /* @__PURE__ */ R(Y, { value: u, children: /* @__PURE__ */ R(U, { children: ye(u) }) }, u))
+                        }
+                      )
+                    }
+                  )
+                ] })
+              }
+            )
+          ] }), /* @__PURE__ */ G(ee, { children: [
+            /* @__PURE__ */ G(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  flexWrap: "wrap",
+                  marginTop: a === 0 ? 12 : 0,
+                  marginBottom: a === i.channels.length - 1 ? 12 : 0
+                },
+                children: [
+                  /* @__PURE__ */ G(U, { children: [
+                    m,
+                    " ",
+                    s
+                  ] }),
+                  C
+                ]
+              },
+              c
+            ),
+            a !== i.channels.length - 1 && /* @__PURE__ */ R(Vn, {})
+          ] });
+        }
+      }) }, i.notificationId)
+    };
+  });
+  return /* @__PURE__ */ R(Ln, { items: t, defaultActiveKey: [] });
+}, Ie = ze.Text, we = (e) => ({
+  EMAIL: "Email",
+  INAPP_WEB: "In-App",
+  SMS: "Text",
+  CALL: "Automated Calling",
+  PUSH: "Mobile",
+  WEB_PUSH: "Browser"
+})[e], St = (e) => {
+  switch (e) {
+    case H.EMAIL:
+      return /* @__PURE__ */ R($e, { style: { color: F.primary } });
+    case H.SMS:
+      return /* @__PURE__ */ R(mt, { style: { color: F.primary } });
+    case H.PUSH:
+      return /* @__PURE__ */ R(pt, { style: { color: F.primary } });
+    case H.CALL:
+      return /* @__PURE__ */ R($t, { style: { color: F.primary } });
+    case H.INAPP_WEB:
+      return /* @__PURE__ */ R(sn, { style: { color: F.primary } });
+    case H.WEB_PUSH:
+      return /* @__PURE__ */ R(st, { style: { color: F.primary } });
+    default:
+      return /* @__PURE__ */ R($e, { style: { color: F.primary } });
+  }
+};
+function Et() {
+  const e = Oe(ke);
+  if (!e || !e.preferences)
+    return null;
+  const n = e.preferences.preferences;
+  console.log(n);
+  const o = e.preferences.subNotifications, t = [];
+  return o.forEach((i) => {
+    t.find(
+      (r) => r.subNotificationId === i.subNotificationId
+    ) || t.push({
+      subNotificationId: i.subNotificationId,
+      title: i.title
+    });
+  }), /* @__PURE__ */ G(ee, { children: [
+    /* @__PURE__ */ R(Ie, { strong: !0, children: "General Notifications" }),
+    /* @__PURE__ */ R(
+      xe,
+      {
+        title: "General Notifications",
+        subNotificationId: void 0
+      }
+    ),
+    t.map((i) => /* @__PURE__ */ G(ee, { children: [
+      /* @__PURE__ */ R(Ie, { strong: !0, children: i.title }),
+      /* @__PURE__ */ R(
+        xe,
+        {
+          title: i.title,
+          subNotificationId: i.subNotificationId
+        }
+      )
+    ] }))
+  ] });
+}
+export {
+  Et as P,
+  xe as a,
+  St as b,
+  we as g
+};