@krosoft/react 0.0.21 → 0.0.23

package/dist/toast-CysfMIUk.js

@@ -0,0 +1,1107 @@
+import { jsx as f, jsxs as re, Fragment as ye } from "react/jsx-runtime";
+import * as o from "react";
+import F from "react";
+import { a as Ye, c as P } from "./index-gWiv5-6R.js";
+import * as we from "react-dom";
+import qe from "react-dom";
+import { c as Ze } from "./createLucideIcon-BxMj32TH.js";
+const le = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, de = Ye, oe = (e, t) => (n) => {
+  var r;
+  if ((t == null ? void 0 : t.variants) == null) return de(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  const { variants: s, defaultVariants: a } = t, u = Object.keys(s).map((i) => {
+    const l = n == null ? void 0 : n[i], m = a == null ? void 0 : a[i];
+    if (l === null) return null;
+    const y = le(l) || le(m);
+    return s[i][y];
+  }), c = n && Object.entries(n).reduce((i, l) => {
+    let [m, y] = l;
+    return y === void 0 || (i[m] = y), i;
+  }, {}), p = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((i, l) => {
+    let { class: m, className: y, ...b } = l;
+    return Object.entries(b).every((C) => {
+      let [v, d] = C;
+      return Array.isArray(d) ? d.includes({
+        ...a,
+        ...c
+      }[v]) : {
+        ...a,
+        ...c
+      }[v] === d;
+    }) ? [
+      ...i,
+      m,
+      y
+    ] : i;
+  }, []);
+  return de(e, u, p, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+}, Ge = oe(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), Je = o.forwardRef(
+  ({ className: e, variant: t, ...n }, r) => /* @__PURE__ */ f("div", { ref: r, role: "alert", className: P(Ge({ variant: t }), e), ...n })
+);
+Je.displayName = "Alert";
+const Qe = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f("h5", { ref: n, className: P("mb-1 font-medium leading-none tracking-tight", e), ...t }));
+Qe.displayName = "AlertTitle";
+const et = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f("div", { ref: n, className: P("text-sm [&_p]:leading-relaxed", e), ...t }));
+et.displayName = "AlertDescription";
+function fe(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function ge(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((s) => {
+      const a = fe(s, t);
+      return !n && typeof a == "function" && (n = !0), a;
+    });
+    if (n)
+      return () => {
+        for (let s = 0; s < r.length; s++) {
+          const a = r[s];
+          typeof a == "function" ? a() : fe(e[s], null);
+        }
+      };
+  };
+}
+function k(...e) {
+  return o.useCallback(ge(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function q(e) {
+  const t = /* @__PURE__ */ nt(e), n = o.forwardRef((r, s) => {
+    const { children: a, ...u } = r, c = o.Children.toArray(a), p = c.find(ot);
+    if (p) {
+      const i = p.props.children, l = c.map((m) => m === p ? o.Children.count(i) > 1 ? o.Children.only(null) : o.isValidElement(i) ? i.props.children : null : m);
+      return /* @__PURE__ */ f(t, { ...u, ref: s, children: o.isValidElement(i) ? o.cloneElement(i, void 0, l) : null });
+    }
+    return /* @__PURE__ */ f(t, { ...u, ref: s, children: a });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+var tt = /* @__PURE__ */ q("Slot");
+// @__NO_SIDE_EFFECTS__
+function nt(e) {
+  const t = o.forwardRef((n, r) => {
+    const { children: s, ...a } = n;
+    if (o.isValidElement(s)) {
+      const u = it(s), c = st(a, s.props);
+      return s.type !== o.Fragment && (c.ref = r ? ge(r, u) : u), o.cloneElement(s, c);
+    }
+    return o.Children.count(s) > 1 ? o.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var rt = Symbol("radix.slottable");
+function ot(e) {
+  return o.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === rt;
+}
+function st(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const s = e[r], a = t[r];
+    /^on[A-Z]/.test(r) ? s && a ? n[r] = (...c) => {
+      const p = a(...c);
+      return s(...c), p;
+    } : s && (n[r] = s) : r === "style" ? n[r] = { ...s, ...a } : r === "className" && (n[r] = [s, a].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function it(e) {
+  var r, s;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+const at = oe(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        styled: "bg-gradient-to-r from-slate-900 to-purple-700 hover:from-slate-800 hover:to-purple-600 text-white shadow-lg shadow-purple-500/25 px-6 h-12"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), ct = o.forwardRef(({ className: e, variant: t, size: n, asChild: r = !1, ...s }, a) => /* @__PURE__ */ f(r ? tt : "button", { className: P(at({ variant: t, size: n, className: e })), ref: a, ...s }));
+ct.displayName = "Button";
+const ut = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f("div", { ref: n, className: P("rounded-lg border bg-card text-card-foreground shadow-sm", e), ...t }));
+ut.displayName = "Card";
+const lt = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f("div", { ref: n, className: P("flex flex-col space-y-1.5 p-6", e), ...t }));
+lt.displayName = "CardHeader";
+const dt = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f("h3", { ref: n, className: P("text-2xl font-semibold leading-none tracking-tight", e), ...t }));
+dt.displayName = "CardTitle";
+const ft = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f("p", { ref: n, className: P("text-sm text-muted-foreground", e), ...t }));
+ft.displayName = "CardDescription";
+const pt = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f("div", { ref: n, className: P("p-6 pt-0", e), ...t }));
+pt.displayName = "CardContent";
+const mt = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f("div", { ref: n, className: P("flex items-center p-6 pt-0", e), ...t }));
+mt.displayName = "CardFooter";
+const vt = o.forwardRef(({ className: e, type: t, ...n }, r) => /* @__PURE__ */ f(
+  "input",
+  {
+    type: t,
+    className: P(
+      "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      e
+    ),
+    ref: r,
+    ...n
+  }
+));
+vt.displayName = "Input";
+function S(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(s) {
+    if (e == null || e(s), n === !1 || !s.defaultPrevented)
+      return t == null ? void 0 : t(s);
+  };
+}
+function Ee(e, t = []) {
+  let n = [];
+  function r(a, u) {
+    const c = o.createContext(u), p = n.length;
+    n = [...n, u];
+    const i = (m) => {
+      var x;
+      const { scope: y, children: b, ...C } = m, v = ((x = y == null ? void 0 : y[e]) == null ? void 0 : x[p]) || c, d = o.useMemo(() => C, Object.values(C));
+      return /* @__PURE__ */ f(v.Provider, { value: d, children: b });
+    };
+    i.displayName = a + "Provider";
+    function l(m, y) {
+      var v;
+      const b = ((v = y == null ? void 0 : y[e]) == null ? void 0 : v[p]) || c, C = o.useContext(b);
+      if (C) return C;
+      if (u !== void 0) return u;
+      throw new Error(`\`${m}\` must be used within \`${a}\``);
+    }
+    return [i, l];
+  }
+  const s = () => {
+    const a = n.map((u) => o.createContext(u));
+    return function(c) {
+      const p = (c == null ? void 0 : c[e]) || a;
+      return o.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: p } }),
+        [c, p]
+      );
+    };
+  };
+  return s.scopeName = e, [r, yt(s, ...t)];
+}
+function yt(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((s) => ({
+      useScope: s(),
+      scopeName: s.scopeName
+    }));
+    return function(a) {
+      const u = r.reduce((c, { useScope: p, scopeName: i }) => {
+        const m = p(a)[`__scope${i}`];
+        return { ...c, ...m };
+      }, {});
+      return o.useMemo(() => ({ [`__scope${t.scopeName}`]: u }), [u]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function wt(e) {
+  const t = e + "CollectionProvider", [n, r] = Ee(t), [s, a] = n(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), u = (v) => {
+    const { scope: d, children: x } = v, g = F.useRef(null), E = F.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ f(s, { scope: d, itemMap: E, collectionRef: g, children: x });
+  };
+  u.displayName = t;
+  const c = e + "CollectionSlot", p = /* @__PURE__ */ q(c), i = F.forwardRef(
+    (v, d) => {
+      const { scope: x, children: g } = v, E = a(c, x), T = k(d, E.collectionRef);
+      return /* @__PURE__ */ f(p, { ref: T, children: g });
+    }
+  );
+  i.displayName = c;
+  const l = e + "CollectionItemSlot", m = "data-radix-collection-item", y = /* @__PURE__ */ q(l), b = F.forwardRef(
+    (v, d) => {
+      const { scope: x, children: g, ...E } = v, T = F.useRef(null), R = k(d, T), N = a(l, x);
+      return F.useEffect(() => (N.itemMap.set(T, { ref: T, ...E }), () => void N.itemMap.delete(T))), /* @__PURE__ */ f(y, { [m]: "", ref: R, children: g });
+    }
+  );
+  b.displayName = l;
+  function C(v) {
+    const d = a(e + "CollectionConsumer", v);
+    return F.useCallback(() => {
+      const g = d.collectionRef.current;
+      if (!g) return [];
+      const E = Array.from(g.querySelectorAll(`[${m}]`));
+      return Array.from(d.itemMap.values()).sort(
+        (N, h) => E.indexOf(N.ref.current) - E.indexOf(h.ref.current)
+      );
+    }, [d.collectionRef, d.itemMap]);
+  }
+  return [
+    { Provider: u, Slot: i, ItemSlot: b },
+    C,
+    r
+  ];
+}
+var gt = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], O = gt.reduce((e, t) => {
+  const n = /* @__PURE__ */ q(`Primitive.${t}`), r = o.forwardRef((s, a) => {
+    const { asChild: u, ...c } = s, p = u ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(p, { ...c, ref: a });
+  });
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
+}, {});
+function he(e, t) {
+  e && we.flushSync(() => e.dispatchEvent(t));
+}
+function V(e) {
+  const t = o.useRef(e);
+  return o.useEffect(() => {
+    t.current = e;
+  }), o.useMemo(() => (...n) => {
+    var r;
+    return (r = t.current) == null ? void 0 : r.call(t, ...n);
+  }, []);
+}
+function Et(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = V(e);
+  o.useEffect(() => {
+    const r = (s) => {
+      s.key === "Escape" && n(s);
+    };
+    return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
+  }, [n, t]);
+}
+var ht = "DismissableLayer", Q = "dismissableLayer.update", bt = "dismissableLayer.pointerDownOutside", Tt = "dismissableLayer.focusOutside", pe, be = o.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Te = o.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: s,
+      onFocusOutside: a,
+      onInteractOutside: u,
+      onDismiss: c,
+      ...p
+    } = e, i = o.useContext(be), [l, m] = o.useState(null), y = (l == null ? void 0 : l.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, b] = o.useState({}), C = k(t, (h) => m(h)), v = Array.from(i.layers), [d] = [...i.layersWithOutsidePointerEventsDisabled].slice(-1), x = v.indexOf(d), g = l ? v.indexOf(l) : -1, E = i.layersWithOutsidePointerEventsDisabled.size > 0, T = g >= x, R = Ct((h) => {
+      const I = h.target, D = [...i.branches].some((L) => L.contains(I));
+      !T || D || (s == null || s(h), u == null || u(h), h.defaultPrevented || c == null || c());
+    }, y), N = Nt((h) => {
+      const I = h.target;
+      [...i.branches].some((L) => L.contains(I)) || (a == null || a(h), u == null || u(h), h.defaultPrevented || c == null || c());
+    }, y);
+    return Et((h) => {
+      g === i.layers.size - 1 && (r == null || r(h), !h.defaultPrevented && c && (h.preventDefault(), c()));
+    }, y), o.useEffect(() => {
+      if (l)
+        return n && (i.layersWithOutsidePointerEventsDisabled.size === 0 && (pe = y.body.style.pointerEvents, y.body.style.pointerEvents = "none"), i.layersWithOutsidePointerEventsDisabled.add(l)), i.layers.add(l), me(), () => {
+          n && i.layersWithOutsidePointerEventsDisabled.size === 1 && (y.body.style.pointerEvents = pe);
+        };
+    }, [l, y, n, i]), o.useEffect(() => () => {
+      l && (i.layers.delete(l), i.layersWithOutsidePointerEventsDisabled.delete(l), me());
+    }, [l, i]), o.useEffect(() => {
+      const h = () => b({});
+      return document.addEventListener(Q, h), () => document.removeEventListener(Q, h);
+    }, []), /* @__PURE__ */ f(
+      O.div,
+      {
+        ...p,
+        ref: C,
+        style: {
+          pointerEvents: E ? T ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: S(e.onFocusCapture, N.onFocusCapture),
+        onBlurCapture: S(e.onBlurCapture, N.onBlurCapture),
+        onPointerDownCapture: S(
+          e.onPointerDownCapture,
+          R.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+Te.displayName = ht;
+var xt = "DismissableLayerBranch", xe = o.forwardRef((e, t) => {
+  const n = o.useContext(be), r = o.useRef(null), s = k(t, r);
+  return o.useEffect(() => {
+    const a = r.current;
+    if (a)
+      return n.branches.add(a), () => {
+        n.branches.delete(a);
+      };
+  }, [n.branches]), /* @__PURE__ */ f(O.div, { ...e, ref: s });
+});
+xe.displayName = xt;
+function Ct(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = V(e), r = o.useRef(!1), s = o.useRef(() => {
+  });
+  return o.useEffect(() => {
+    const a = (c) => {
+      if (c.target && !r.current) {
+        let p = function() {
+          Ce(
+            bt,
+            n,
+            i,
+            { discrete: !0 }
+          );
+        };
+        const i = { originalEvent: c };
+        c.pointerType === "touch" ? (t.removeEventListener("click", s.current), s.current = p, t.addEventListener("click", s.current, { once: !0 })) : p();
+      } else
+        t.removeEventListener("click", s.current);
+      r.current = !1;
+    }, u = window.setTimeout(() => {
+      t.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(u), t.removeEventListener("pointerdown", a), t.removeEventListener("click", s.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => r.current = !0
+  };
+}
+function Nt(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = V(e), r = o.useRef(!1);
+  return o.useEffect(() => {
+    const s = (a) => {
+      a.target && !r.current && Ce(Tt, n, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", s), () => t.removeEventListener("focusin", s);
+  }, [t, n]), {
+    onFocusCapture: () => r.current = !0,
+    onBlurCapture: () => r.current = !1
+  };
+}
+function me() {
+  const e = new CustomEvent(Q);
+  document.dispatchEvent(e);
+}
+function Ce(e, t, n, { discrete: r }) {
+  const s = n.originalEvent.target, a = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && s.addEventListener(e, t, { once: !0 }), r ? he(s, a) : s.dispatchEvent(a);
+}
+var Rt = Te, Pt = xe, B = globalThis != null && globalThis.document ? o.useLayoutEffect : () => {
+}, St = "Portal", Ne = o.forwardRef((e, t) => {
+  var c;
+  const { container: n, ...r } = e, [s, a] = o.useState(!1);
+  B(() => a(!0), []);
+  const u = n || s && ((c = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : c.body);
+  return u ? qe.createPortal(/* @__PURE__ */ f(O.div, { ...r, ref: t }), u) : null;
+});
+Ne.displayName = St;
+function At(e, t) {
+  return o.useReducer((n, r) => t[n][r] ?? n, e);
+}
+var Re = (e) => {
+  const { present: t, children: n } = e, r = It(t), s = typeof n == "function" ? n({ present: r.isPresent }) : o.Children.only(n), a = k(r.ref, Ot(s));
+  return typeof n == "function" || r.isPresent ? o.cloneElement(s, { ref: a }) : null;
+};
+Re.displayName = "Presence";
+function It(e) {
+  const [t, n] = o.useState(), r = o.useRef(null), s = o.useRef(e), a = o.useRef("none"), u = e ? "mounted" : "unmounted", [c, p] = At(u, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return o.useEffect(() => {
+    const i = X(r.current);
+    a.current = c === "mounted" ? i : "none";
+  }, [c]), B(() => {
+    const i = r.current, l = s.current;
+    if (l !== e) {
+      const y = a.current, b = X(i);
+      e ? p("MOUNT") : b === "none" || (i == null ? void 0 : i.display) === "none" ? p("UNMOUNT") : p(l && y !== b ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
+    }
+  }, [e, p]), B(() => {
+    if (t) {
+      let i;
+      const l = t.ownerDocument.defaultView ?? window, m = (b) => {
+        const v = X(r.current).includes(CSS.escape(b.animationName));
+        if (b.target === t && v && (p("ANIMATION_END"), !s.current)) {
+          const d = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", i = l.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = d);
+          });
+        }
+      }, y = (b) => {
+        b.target === t && (a.current = X(r.current));
+      };
+      return t.addEventListener("animationstart", y), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
+        l.clearTimeout(i), t.removeEventListener("animationstart", y), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
+      };
+    } else
+      p("ANIMATION_END");
+  }, [t, p]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(c),
+    ref: o.useCallback((i) => {
+      r.current = i ? getComputedStyle(i) : null, n(i);
+    }, [])
+  };
+}
+function X(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function Ot(e) {
+  var r, s;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var Dt = o[" useInsertionEffect ".trim().toString()] || B;
+function _t({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: r
+}) {
+  const [s, a, u] = Lt({
+    defaultProp: t,
+    onChange: n
+  }), c = e !== void 0, p = c ? e : s;
+  {
+    const l = o.useRef(e !== void 0);
+    o.useEffect(() => {
+      const m = l.current;
+      m !== c && console.warn(
+        `${r} is changing from ${m ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), l.current = c;
+    }, [c, r]);
+  }
+  const i = o.useCallback(
+    (l) => {
+      var m;
+      if (c) {
+        const y = Mt(l) ? l(e) : l;
+        y !== e && ((m = u.current) == null || m.call(u, y));
+      } else
+        a(l);
+    },
+    [c, e, a, u]
+  );
+  return [p, i];
+}
+function Lt({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, r] = o.useState(e), s = o.useRef(n), a = o.useRef(t);
+  return Dt(() => {
+    a.current = t;
+  }, [t]), o.useEffect(() => {
+    var u;
+    s.current !== n && ((u = a.current) == null || u.call(a, n), s.current = n);
+  }, [n, s]), [n, r, a];
+}
+function Mt(e) {
+  return typeof e == "function";
+}
+var Ft = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), kt = "VisuallyHidden", se = o.forwardRef(
+  (e, t) => /* @__PURE__ */ f(
+    O.span,
+    {
+      ...e,
+      ref: t,
+      style: { ...Ft, ...e.style }
+    }
+  )
+);
+se.displayName = kt;
+var ie = "ToastProvider", [ae, Vt, Wt] = wt("Toast"), [Pe] = Ee("Toast", [Wt]), [$t, Z] = Pe(ie), Se = (e) => {
+  const {
+    __scopeToast: t,
+    label: n = "Notification",
+    duration: r = 5e3,
+    swipeDirection: s = "right",
+    swipeThreshold: a = 50,
+    children: u
+  } = e, [c, p] = o.useState(null), [i, l] = o.useState(0), m = o.useRef(!1), y = o.useRef(!1);
+  return n.trim() || console.error(
+    `Invalid prop \`label\` supplied to \`${ie}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ f(ae.Provider, { scope: t, children: /* @__PURE__ */ f(
+    $t,
+    {
+      scope: t,
+      label: n,
+      duration: r,
+      swipeDirection: s,
+      swipeThreshold: a,
+      toastCount: i,
+      viewport: c,
+      onViewportChange: p,
+      onToastAdd: o.useCallback(() => l((b) => b + 1), []),
+      onToastRemove: o.useCallback(() => l((b) => b - 1), []),
+      isFocusedToastEscapeKeyDownRef: m,
+      isClosePausedRef: y,
+      children: u
+    }
+  ) });
+};
+Se.displayName = ie;
+var Ae = "ToastViewport", Ut = ["F8"], ee = "toast.viewportPause", te = "toast.viewportResume", Ie = o.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToast: n,
+      hotkey: r = Ut,
+      label: s = "Notifications ({hotkey})",
+      ...a
+    } = e, u = Z(Ae, n), c = Vt(n), p = o.useRef(null), i = o.useRef(null), l = o.useRef(null), m = o.useRef(null), y = k(t, m, u.onViewportChange), b = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), C = u.toastCount > 0;
+    o.useEffect(() => {
+      const d = (x) => {
+        var E;
+        r.length !== 0 && r.every((T) => x[T] || x.code === T) && ((E = m.current) == null || E.focus());
+      };
+      return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+    }, [r]), o.useEffect(() => {
+      const d = p.current, x = m.current;
+      if (C && d && x) {
+        const g = () => {
+          if (!u.isClosePausedRef.current) {
+            const N = new CustomEvent(ee);
+            x.dispatchEvent(N), u.isClosePausedRef.current = !0;
+          }
+        }, E = () => {
+          if (u.isClosePausedRef.current) {
+            const N = new CustomEvent(te);
+            x.dispatchEvent(N), u.isClosePausedRef.current = !1;
+          }
+        }, T = (N) => {
+          !d.contains(N.relatedTarget) && E();
+        }, R = () => {
+          d.contains(document.activeElement) || E();
+        };
+        return d.addEventListener("focusin", g), d.addEventListener("focusout", T), d.addEventListener("pointermove", g), d.addEventListener("pointerleave", R), window.addEventListener("blur", g), window.addEventListener("focus", E), () => {
+          d.removeEventListener("focusin", g), d.removeEventListener("focusout", T), d.removeEventListener("pointermove", g), d.removeEventListener("pointerleave", R), window.removeEventListener("blur", g), window.removeEventListener("focus", E);
+        };
+      }
+    }, [C, u.isClosePausedRef]);
+    const v = o.useCallback(
+      ({ tabbingDirection: d }) => {
+        const g = c().map((E) => {
+          const T = E.ref.current, R = [T, ...en(T)];
+          return d === "forwards" ? R : R.reverse();
+        });
+        return (d === "forwards" ? g.reverse() : g).flat();
+      },
+      [c]
+    );
+    return o.useEffect(() => {
+      const d = m.current;
+      if (d) {
+        const x = (g) => {
+          var R, N, h;
+          const E = g.altKey || g.ctrlKey || g.metaKey;
+          if (g.key === "Tab" && !E) {
+            const I = document.activeElement, D = g.shiftKey;
+            if (g.target === d && D) {
+              (R = i.current) == null || R.focus();
+              return;
+            }
+            const M = v({ tabbingDirection: D ? "backwards" : "forwards" }), j = M.findIndex((w) => w === I);
+            J(M.slice(j + 1)) ? g.preventDefault() : D ? (N = i.current) == null || N.focus() : (h = l.current) == null || h.focus();
+          }
+        };
+        return d.addEventListener("keydown", x), () => d.removeEventListener("keydown", x);
+      }
+    }, [c, v]), /* @__PURE__ */ re(
+      Pt,
+      {
+        ref: p,
+        role: "region",
+        "aria-label": s.replace("{hotkey}", b),
+        tabIndex: -1,
+        style: { pointerEvents: C ? void 0 : "none" },
+        children: [
+          C && /* @__PURE__ */ f(
+            ne,
+            {
+              ref: i,
+              onFocusFromOutsideViewport: () => {
+                const d = v({
+                  tabbingDirection: "forwards"
+                });
+                J(d);
+              }
+            }
+          ),
+          /* @__PURE__ */ f(ae.Slot, { scope: n, children: /* @__PURE__ */ f(O.ol, { tabIndex: -1, ...a, ref: y }) }),
+          C && /* @__PURE__ */ f(
+            ne,
+            {
+              ref: l,
+              onFocusFromOutsideViewport: () => {
+                const d = v({
+                  tabbingDirection: "backwards"
+                });
+                J(d);
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Ie.displayName = Ae;
+var Oe = "ToastFocusProxy", ne = o.forwardRef(
+  (e, t) => {
+    const { __scopeToast: n, onFocusFromOutsideViewport: r, ...s } = e, a = Z(Oe, n);
+    return /* @__PURE__ */ f(
+      se,
+      {
+        tabIndex: 0,
+        ...s,
+        ref: t,
+        style: { position: "fixed" },
+        onFocus: (u) => {
+          var i;
+          const c = u.relatedTarget;
+          !((i = a.viewport) != null && i.contains(c)) && r();
+        }
+      }
+    );
+  }
+);
+ne.displayName = Oe;
+var K = "Toast", Bt = "toast.swipeStart", Kt = "toast.swipeMove", jt = "toast.swipeCancel", Ht = "toast.swipeEnd", De = o.forwardRef(
+  (e, t) => {
+    const { forceMount: n, open: r, defaultOpen: s, onOpenChange: a, ...u } = e, [c, p] = _t({
+      prop: r,
+      defaultProp: s ?? !0,
+      onChange: a,
+      caller: K
+    });
+    return /* @__PURE__ */ f(Re, { present: n || c, children: /* @__PURE__ */ f(
+      Yt,
+      {
+        open: c,
+        ...u,
+        ref: t,
+        onClose: () => p(!1),
+        onPause: V(e.onPause),
+        onResume: V(e.onResume),
+        onSwipeStart: S(e.onSwipeStart, (i) => {
+          i.currentTarget.setAttribute("data-swipe", "start");
+        }),
+        onSwipeMove: S(e.onSwipeMove, (i) => {
+          const { x: l, y: m } = i.detail.delta;
+          i.currentTarget.setAttribute("data-swipe", "move"), i.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${l}px`), i.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${m}px`);
+        }),
+        onSwipeCancel: S(e.onSwipeCancel, (i) => {
+          i.currentTarget.setAttribute("data-swipe", "cancel"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), i.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+        }),
+        onSwipeEnd: S(e.onSwipeEnd, (i) => {
+          const { x: l, y: m } = i.detail.delta;
+          i.currentTarget.setAttribute("data-swipe", "end"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), i.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${l}px`), i.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${m}px`), p(!1);
+        })
+      }
+    ) });
+  }
+);
+De.displayName = K;
+var [zt, Xt] = Pe(K, {
+  onClose() {
+  }
+}), Yt = o.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToast: n,
+      type: r = "foreground",
+      duration: s,
+      open: a,
+      onClose: u,
+      onEscapeKeyDown: c,
+      onPause: p,
+      onResume: i,
+      onSwipeStart: l,
+      onSwipeMove: m,
+      onSwipeCancel: y,
+      onSwipeEnd: b,
+      ...C
+    } = e, v = Z(K, n), [d, x] = o.useState(null), g = k(t, (w) => x(w)), E = o.useRef(null), T = o.useRef(null), R = s || v.duration, N = o.useRef(0), h = o.useRef(R), I = o.useRef(0), { onToastAdd: D, onToastRemove: L } = v, W = V(() => {
+      var A;
+      (d == null ? void 0 : d.contains(document.activeElement)) && ((A = v.viewport) == null || A.focus()), u();
+    }), M = o.useCallback(
+      (w) => {
+        !w || w === 1 / 0 || (window.clearTimeout(I.current), N.current = (/* @__PURE__ */ new Date()).getTime(), I.current = window.setTimeout(W, w));
+      },
+      [W]
+    );
+    o.useEffect(() => {
+      const w = v.viewport;
+      if (w) {
+        const A = () => {
+          M(h.current), i == null || i();
+        }, _ = () => {
+          const $ = (/* @__PURE__ */ new Date()).getTime() - N.current;
+          h.current = h.current - $, window.clearTimeout(I.current), p == null || p();
+        };
+        return w.addEventListener(ee, _), w.addEventListener(te, A), () => {
+          w.removeEventListener(ee, _), w.removeEventListener(te, A);
+        };
+      }
+    }, [v.viewport, R, p, i, M]), o.useEffect(() => {
+      a && !v.isClosePausedRef.current && M(R);
+    }, [a, R, v.isClosePausedRef, M]), o.useEffect(() => (D(), () => L()), [D, L]);
+    const j = o.useMemo(() => d ? We(d) : null, [d]);
+    return v.viewport ? /* @__PURE__ */ re(ye, { children: [
+      j && /* @__PURE__ */ f(
+        qt,
+        {
+          __scopeToast: n,
+          role: "status",
+          "aria-live": r === "foreground" ? "assertive" : "polite",
+          children: j
+        }
+      ),
+      /* @__PURE__ */ f(zt, { scope: n, onClose: W, children: we.createPortal(
+        /* @__PURE__ */ f(ae.ItemSlot, { scope: n, children: /* @__PURE__ */ f(
+          Rt,
+          {
+            asChild: !0,
+            onEscapeKeyDown: S(c, () => {
+              v.isFocusedToastEscapeKeyDownRef.current || W(), v.isFocusedToastEscapeKeyDownRef.current = !1;
+            }),
+            children: /* @__PURE__ */ f(
+              O.li,
+              {
+                tabIndex: 0,
+                "data-state": a ? "open" : "closed",
+                "data-swipe-direction": v.swipeDirection,
+                ...C,
+                ref: g,
+                style: { userSelect: "none", touchAction: "none", ...e.style },
+                onKeyDown: S(e.onKeyDown, (w) => {
+                  w.key === "Escape" && (c == null || c(w.nativeEvent), w.nativeEvent.defaultPrevented || (v.isFocusedToastEscapeKeyDownRef.current = !0, W()));
+                }),
+                onPointerDown: S(e.onPointerDown, (w) => {
+                  w.button === 0 && (E.current = { x: w.clientX, y: w.clientY });
+                }),
+                onPointerMove: S(e.onPointerMove, (w) => {
+                  if (!E.current) return;
+                  const A = w.clientX - E.current.x, _ = w.clientY - E.current.y, $ = !!T.current, U = ["left", "right"].includes(v.swipeDirection), H = ["left", "up"].includes(v.swipeDirection) ? Math.min : Math.max, ze = U ? H(0, A) : 0, Xe = U ? 0 : H(0, _), G = w.pointerType === "touch" ? 10 : 2, z = { x: ze, y: Xe }, ue = { originalEvent: w, delta: z };
+                  $ ? (T.current = z, Y(Kt, m, ue, {
+                    discrete: !1
+                  })) : ve(z, v.swipeDirection, G) ? (T.current = z, Y(Bt, l, ue, {
+                    discrete: !1
+                  }), w.target.setPointerCapture(w.pointerId)) : (Math.abs(A) > G || Math.abs(_) > G) && (E.current = null);
+                }),
+                onPointerUp: S(e.onPointerUp, (w) => {
+                  const A = T.current, _ = w.target;
+                  if (_.hasPointerCapture(w.pointerId) && _.releasePointerCapture(w.pointerId), T.current = null, E.current = null, A) {
+                    const $ = w.currentTarget, U = { originalEvent: w, delta: A };
+                    ve(A, v.swipeDirection, v.swipeThreshold) ? Y(Ht, b, U, {
+                      discrete: !0
+                    }) : Y(
+                      jt,
+                      y,
+                      U,
+                      {
+                        discrete: !0
+                      }
+                    ), $.addEventListener("click", (H) => H.preventDefault(), {
+                      once: !0
+                    });
+                  }
+                })
+              }
+            )
+          }
+        ) }),
+        v.viewport
+      ) })
+    ] }) : null;
+  }
+), qt = (e) => {
+  const { __scopeToast: t, children: n, ...r } = e, s = Z(K, t), [a, u] = o.useState(!1), [c, p] = o.useState(!1);
+  return Jt(() => u(!0)), o.useEffect(() => {
+    const i = window.setTimeout(() => p(!0), 1e3);
+    return () => window.clearTimeout(i);
+  }, []), c ? null : /* @__PURE__ */ f(Ne, { asChild: !0, children: /* @__PURE__ */ f(se, { ...r, children: a && /* @__PURE__ */ re(ye, { children: [
+    s.label,
+    " ",
+    n
+  ] }) }) });
+}, Zt = "ToastTitle", _e = o.forwardRef(
+  (e, t) => {
+    const { __scopeToast: n, ...r } = e;
+    return /* @__PURE__ */ f(O.div, { ...r, ref: t });
+  }
+);
+_e.displayName = Zt;
+var Gt = "ToastDescription", Le = o.forwardRef(
+  (e, t) => {
+    const { __scopeToast: n, ...r } = e;
+    return /* @__PURE__ */ f(O.div, { ...r, ref: t });
+  }
+);
+Le.displayName = Gt;
+var Me = "ToastAction", Fe = o.forwardRef(
+  (e, t) => {
+    const { altText: n, ...r } = e;
+    return n.trim() ? /* @__PURE__ */ f(Ve, { altText: n, asChild: !0, children: /* @__PURE__ */ f(ce, { ...r, ref: t }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${Me}\`. Expected non-empty \`string\`.`
+    ), null);
+  }
+);
+Fe.displayName = Me;
+var ke = "ToastClose", ce = o.forwardRef(
+  (e, t) => {
+    const { __scopeToast: n, ...r } = e, s = Xt(ke, n);
+    return /* @__PURE__ */ f(Ve, { asChild: !0, children: /* @__PURE__ */ f(
+      O.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: S(e.onClick, s.onClose)
+      }
+    ) });
+  }
+);
+ce.displayName = ke;
+var Ve = o.forwardRef((e, t) => {
+  const { __scopeToast: n, altText: r, ...s } = e;
+  return /* @__PURE__ */ f(
+    O.div,
+    {
+      "data-radix-toast-announce-exclude": "",
+      "data-radix-toast-announce-alt": r || void 0,
+      ...s,
+      ref: t
+    }
+  );
+});
+function We(e) {
+  const t = [];
+  return Array.from(e.childNodes).forEach((r) => {
+    if (r.nodeType === r.TEXT_NODE && r.textContent && t.push(r.textContent), Qt(r)) {
+      const s = r.ariaHidden || r.hidden || r.style.display === "none", a = r.dataset.radixToastAnnounceExclude === "";
+      if (!s)
+        if (a) {
+          const u = r.dataset.radixToastAnnounceAlt;
+          u && t.push(u);
+        } else
+          t.push(...We(r));
+    }
+  }), t;
+}
+function Y(e, t, n, { discrete: r }) {
+  const s = n.originalEvent.currentTarget, a = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: n });
+  t && s.addEventListener(e, t, { once: !0 }), r ? he(s, a) : s.dispatchEvent(a);
+}
+var ve = (e, t, n = 0) => {
+  const r = Math.abs(e.x), s = Math.abs(e.y), a = r > s;
+  return t === "left" || t === "right" ? a && r > n : !a && s > n;
+};
+function Jt(e = () => {
+}) {
+  const t = V(e);
+  B(() => {
+    let n = 0, r = 0;
+    return n = window.requestAnimationFrame(() => r = window.requestAnimationFrame(t)), () => {
+      window.cancelAnimationFrame(n), window.cancelAnimationFrame(r);
+    };
+  }, [t]);
+}
+function Qt(e) {
+  return e.nodeType === e.ELEMENT_NODE;
+}
+function en(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const s = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || s ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function J(e) {
+  const t = document.activeElement;
+  return e.some((n) => n === t ? !0 : (n.focus(), document.activeElement !== t));
+}
+var tn = Se, $e = Ie, Ue = De, Be = _e, Ke = Le, je = Fe, He = ce;
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const nn = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], rn = Ze("x", nn), wn = tn, on = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
+  $e,
+  {
+    ref: n,
+    className: P(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      e
+    ),
+    ...t
+  }
+));
+on.displayName = $e.displayName;
+const sn = oe(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), an = o.forwardRef(({ className: e, variant: t, ...n }, r) => /* @__PURE__ */ f(
+  Ue,
+  {
+    ref: r,
+    className: P(sn({ variant: t }), e),
+    ...n
+  }
+));
+an.displayName = Ue.displayName;
+const cn = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
+  je,
+  {
+    ref: n,
+    className: P(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors group-[.destructive]:border-muted/40 hover:bg-secondary group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 group-[.destructive]:focus:ring-destructive disabled:pointer-events-none disabled:opacity-50",
+      e
+    ),
+    ...t
+  }
+));
+cn.displayName = je.displayName;
+const un = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
+  He,
+  {
+    ref: n,
+    className: P(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 hover:text-foreground group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:outline-none focus:ring-2 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      e
+    ),
+    "toast-close": "",
+    ...t,
+    children: /* @__PURE__ */ f(rn, { className: "size-4" })
+  }
+));
+un.displayName = He.displayName;
+const ln = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
+  Be,
+  {
+    ref: n,
+    className: P("text-sm font-semibold", e),
+    ...t
+  }
+));
+ln.displayName = Be.displayName;
+const dn = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
+  Ke,
+  {
+    ref: n,
+    className: P("text-sm opacity-90", e),
+    ...t
+  }
+));
+dn.displayName = Ke.displayName;
+export {
+  Je as A,
+  ct as B,
+  ut as C,
+  vt as I,
+  an as T,
+  rn as X,
+  et as a,
+  Qe as b,
+  pt as c,
+  ft as d,
+  mt as e,
+  lt as f,
+  dt as g,
+  cn as h,
+  un as i,
+  dn as j,
+  wn as k,
+  ln as l,
+  on as m,
+  at as n,
+  oe as o
+};