@mci-ui/mci-ui 0.0.84 → 0.0.86

package/dist/shared/ui/mciTable/MciTableColumnsPanel.js

@@ -0,0 +1,198 @@
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { useRef as G, useEffect as K, useMemo as j, useState as h, useCallback as b } from "react";
+import { TransferVertical as _ } from "@solar-icons/react";
+import { useClickOutside as q, cn as f } from "../../lib/utils.js";
+/* empty css                 */
+import H from "../mciCheck/MciCheck.js";
+const J = {
+  ru: {
+    title: "Настройки",
+    close: "Закрыть",
+    activeColumns: "Активные колонки",
+    minColumns: (i) => `Минимум ${i} колонок`,
+    drag: "Перетащить"
+  },
+  uz: {
+    title: "Sozlamalar",
+    close: "Yopish",
+    activeColumns: "Aktiv ustunlar",
+    minColumns: (i) => `Kamida ${i} ta ustun`,
+    drag: "Sudrash"
+  }
+};
+function ee({
+  open: i,
+  onClose: D,
+  columns: s,
+  hidden: w,
+  onToggle: C,
+  onMove: y,
+  onMoveByKey: p,
+  minVisible: T = 5,
+  locale: F = "ru"
+}) {
+  const S = G(null), { handleClick: v } = q(S, D), d = J[F];
+  K(() => {
+    if (i)
+      return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
+  }, [i, v]);
+  const x = j(() => new Set(w), [w]), I = j(() => {
+    let e = 0;
+    for (const t of s) x.has(t.key) || e++;
+    return e;
+  }, [s, x]), [k, O] = h(null), [E, A] = h(null), [Q, L] = h(null), [m, N] = h("before"), z = b(
+    (e, t, r) => {
+      let a = r === "after" ? t + 1 : t;
+      return e < a && (a -= 1), a;
+    },
+    []
+  ), g = b(() => {
+    O(null), L(null), A(null), N("before");
+  }, []), Y = b(
+    (e, t, r) => {
+      O(t), L(String(r)), A(null), N("before"), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", String(t));
+      const a = new Image();
+      a.src = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=", e.dataTransfer.setDragImage(a, 0, 0);
+    },
+    []
+  ), $ = b(
+    (e, t) => {
+      e.preventDefault();
+      const r = k ?? Number.parseInt(e.dataTransfer.getData("text/plain") || "-1", 10);
+      if (!Number.isFinite(r) || r < 0) {
+        g();
+        return;
+      }
+      const a = s[r], c = s[t];
+      if (!a || !c) {
+        g();
+        return;
+      }
+      const l = z(r, t, m);
+      l !== r && (p ? p(a.key, c.key, m) : y(r, l)), g();
+    },
+    [s, z, k, m, y, p, g]
+  ), B = b(
+    (e, t) => {
+      t || C(e);
+    },
+    [C]
+  );
+  return i ? /* @__PURE__ */ u(
+    "div",
+    {
+      ref: S,
+      className: f(
+        "absolute right-0 top-full z-50 mt-2 w-[320px]",
+        "rounded-2xl p-4 bg-white",
+        "border border-slate-200"
+      ),
+      children: [
+        /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ n("h4", { className: "text-slate-600 text-large font-normal", children: d.title }),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              onClick: D,
+              className: "rounded-lg px-2 py-1 text-slate-500 hover:bg-slate-100",
+              "aria-label": d.close,
+              children: "✕"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "my-4 h-px bg-slate-100" }),
+        /* @__PURE__ */ u("p", { className: "mb-3 text-xs text-slate-500", children: [
+          d.activeColumns,
+          ": ",
+          I,
+          "/",
+          s.length
+        ] }),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: f(
+              "max-h-[275px] overflow-auto",
+              "[&::-webkit-scrollbar]:w-1.5",
+              "[&::-webkit-scrollbar-track]:bg-transparent",
+              "[&::-webkit-scrollbar-thumb]:bg-slate-200",
+              "[&::-webkit-scrollbar-thumb]:rounded-full",
+              "hover:[&::-webkit-scrollbar-thumb]:bg-slate-300"
+            ),
+            children: s.map((e, t) => {
+              const r = !x.has(e.key), a = r && I <= T, c = E === t, l = Q === e.key;
+              return /* @__PURE__ */ u("div", { className: "relative", children: [
+                c && !l && /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: f(
+                      "pointer-events-none absolute left-2 right-2 z-10 h-0.5 rounded-full bg-blue-300",
+                      m === "before" ? "top-0" : "bottom-0"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ u(
+                  "div",
+                  {
+                    draggable: !0,
+                    onDragStart: (o) => Y(o, t, e.key),
+                    onDragOver: (o) => {
+                      if (k == null) return;
+                      o.preventDefault(), o.dataTransfer.dropEffect = "move";
+                      const P = o.currentTarget.getBoundingClientRect(), R = o.clientY - P.top > P.height / 2 ? "after" : "before";
+                      E !== t && A(t), m !== R && N(R);
+                    },
+                    onDrop: (o) => $(o, t),
+                    onDragEnd: g,
+                    className: f(
+                      "group flex items-center py-2 px-1 gap-4",
+                      "rounded-md box-border overflow-visible",
+                      "transition-[background,transform] duration-150",
+                      !l && !c && "hover:bg-slate-50",
+                      c && !l && "bg-slate-50",
+                      l && "bg-slate-50 opacity-100 scale-[0.99] cursor-grabbing"
+                    ),
+                    children: [
+                      /* @__PURE__ */ n(
+                        "button",
+                        {
+                          type: "button",
+                          className: f(
+                            "shrink-0 text-slate-400",
+                            "cursor-grab active:cursor-grabbing",
+                            "rounded-lg p-1 hover:bg-slate-100",
+                            l && "cursor-grabbing"
+                          ),
+                          "aria-label": d.drag,
+                          children: /* @__PURE__ */ n(_, { weight: "Linear", size: 20 })
+                        }
+                      ),
+                      /* @__PURE__ */ n("div", { className: "shrink-0", children: /* @__PURE__ */ n(
+                        H,
+                        {
+                          checked: r,
+                          disabled: a,
+                          onChange: () => B(e.key, a),
+                          variant: "blue"
+                        }
+                      ) }),
+                      /* @__PURE__ */ u("div", { className: "min-w-0 flex-1", children: [
+                        /* @__PURE__ */ n("h4", { className: "truncate text-slate-700 text-base font-medium", title: e.title, children: e.title }),
+                        a && /* @__PURE__ */ n("p", { className: "text-xs text-slate-400 mt-0.5", children: d.minColumns(T) })
+                      ] })
+                    ]
+                  }
+                ),
+                t !== s.length - 1 && /* @__PURE__ */ n("div", { className: "mx-2 h-px bg-slate-100" })
+              ] }, e.key);
+            })
+          }
+        )
+      ]
+    }
+  ) : null;
+}
+export {
+  ee as default
+};

package/dist/shared/ui/mciTable/mci-table.utils.js

@@ -0,0 +1,14 @@
+function i(n) {
+  if (n != null)
+    return typeof n == "number" ? `${n}px` : n;
+}
+function o(n, r, f) {
+  return !r || f ? n : [...n].sort((l, t) => {
+    const u = l[r.key], e = t[r.key];
+    return u == null ? 1 : e == null ? -1 : u < e ? r.direction === "asc" ? -1 : 1 : u > e ? r.direction === "asc" ? 1 : -1 : 0;
+  });
+}
+export {
+  i as normalizeColWidth,
+  o as sortRows
+};

package/dist/shared/ui/mciTabs/MciTabs.js

@@ -0,0 +1,131 @@
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { useState as x, useRef as b, useCallback as C, useEffect as w } from "react";
+import { cn as t } from "../../lib/utils.js";
+const I = {
+  top: "flex-col",
+  bottom: "flex-col-reverse",
+  left: "flex-row",
+  right: "flex-row-reverse"
+}, L = {
+  top: "flex-row",
+  bottom: "flex-row",
+  left: "flex-col",
+  right: "flex-col"
+}, j = {
+  top: "mt-4",
+  bottom: "mb-4",
+  left: "ml-4",
+  right: "mr-4"
+};
+function _({
+  tabs: i,
+  defaultTab: h,
+  position: n = "top",
+  className: p,
+  tabListClassName: v,
+  contentClassName: N,
+  extra: u,
+  onChange: S
+}) {
+  const [s, g] = x(h || i[0]?.id), [y, E] = x({}), a = b([]), o = C(() => {
+    requestAnimationFrame(() => {
+      const e = i.findIndex((c) => c?.id === s), f = a.current[e];
+      if (f) {
+        const { offsetLeft: c, offsetTop: m, offsetWidth: T, offsetHeight: A } = f;
+        E({
+          left: `${c}px`,
+          top: `${m}px`,
+          width: `${T}px`,
+          height: `${A}px`,
+          transition: "all 0.35s cubic-bezier(0.25, 1, 0.5, 1)"
+        });
+      }
+    });
+  }, [s, i]);
+  w(() => (o(), window.addEventListener("resize", o), "fonts" in document && document.fonts.ready.then(o), () => window.removeEventListener("resize", o)), [n, o]), w(() => {
+    a.current = a.current.slice(0, i.length);
+  }, [i]);
+  const r = n === "left" || n === "right";
+  return /* @__PURE__ */ d("div", { className: t("flex w-full", I[n], p), children: [
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: t(
+          "flex w-full gap-4",
+          r ? "flex-col items-start" : "flex-row flex-wrap items-center"
+        ),
+        children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: t(
+                "flex-1",
+                r ? "w-full" : "min-w-[520px]"
+              ),
+              children: /* @__PURE__ */ d(
+                "div",
+                {
+                  className: t(
+                    "relative flex rounded-xl bg-slate-100 p-1",
+                    L[n],
+                    !r && "w-full overflow-hidden",
+                    r ? "min-w-48" : "",
+                    v
+                  ),
+                  children: [
+                    /* @__PURE__ */ l(
+                      "div",
+                      {
+                        className: t("absolute rounded-lg bg-white", r ? "w-full" : "h-full"),
+                        style: y
+                      }
+                    ),
+                    i?.map((e, f) => {
+                      const c = s === e.id;
+                      return /* @__PURE__ */ d(
+                        "button",
+                        {
+                          ref: (m) => {
+                            a.current[f] = m;
+                          },
+                          onClick: () => {
+                            e?.disabled || (g(e?.id), S?.(e?.id));
+                          },
+                          disabled: e?.disabled,
+                          className: t(
+                            "relative z-10 flex items-center justify-center whitespace-nowrap px-3 py-2 text-base font-normal text-black transition-colors duration-300 hover:cursor-pointer",
+                            e?.disabled && "cursor-not-allowed opacity-50",
+                            r ? "w-full justify-start" : "flex-1 min-w-0"
+                          ),
+                          children: [
+                            e?.icon && /* @__PURE__ */ l("span", { className: t("shrink-0 transition-transform duration-200", c && "scale-110"), children: e?.icon }),
+                            /* @__PURE__ */ l("span", { className: "relative z-10 truncate", title: e?.label, children: e?.label })
+                          ]
+                        },
+                        e?.id
+                      );
+                    })
+                  ]
+                }
+              )
+            }
+          ),
+          u && /* @__PURE__ */ l(
+            "div",
+            {
+              className: t(
+                "shrink-0 ml-auto",
+                r ? "w-full" : "max-w-full"
+              ),
+              children: /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center justify-end gap-2", children: u })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: t("w-full flex-1 overflow-hidden", j[n], N), children: /* @__PURE__ */ l("div", { className: "animate-fade-in w-full", style: { animationDuration: "0.35s" }, children: i?.find((e) => e.id === s)?.content }, s) })
+  ] });
+}
+export {
+  _ as default
+};

package/dist/shared/ui/mciTag/MciTag.js

@@ -0,0 +1,46 @@
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import { cn as a } from "../../lib/utils.js";
+const c = {
+  sm: "px-2 py-0.5",
+  md: "px-2 py-1",
+  lg: "px-3 py-2"
+}, n = {
+  sm: "w-3 h-3",
+  md: "w-3 h-3",
+  lg: "w-3 h-3"
+}, p = {
+  success: "bg-green-50 text-green-600",
+  warning: "bg-orange-50 text-orange-600",
+  error: "bg-red-50 text-red-600",
+  gray: "bg-slate-200 text-slate-700",
+  blue: "bg-blue-50 text-blue-600"
+};
+function i({
+  children: l,
+  variant: g = "success",
+  size: t = "lg",
+  icon: e,
+  iconPosition: r = "left",
+  className: m
+}) {
+  return /* @__PURE__ */ x(
+    "span",
+    {
+      className: a(
+        "inline-flex animate-[fadeIn_0.3s_ease-out] items-center rounded-lg text-extra-small font-medium",
+        c[t],
+        p[g],
+        e && "gap-[2px]",
+        m
+      ),
+      children: [
+        e && r === "left" && /* @__PURE__ */ s("span", { className: `flex items-center ${a(n[t])}`, children: e }),
+        /* @__PURE__ */ s("span", { children: l }),
+        e && r === "right" && /* @__PURE__ */ s("span", { className: `flex items-center ${a(n[t])}`, children: e })
+      ]
+    }
+  );
+}
+export {
+  i as default
+};

package/dist/shared/ui/mciTextarea/MciTextarea.js

@@ -0,0 +1,56 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { forwardRef as h, useMemo as p } from "react";
+import { cn as a } from "../../lib/utils.js";
+const w = h(
+  ({
+    label: s,
+    placeholder: r,
+    value: o = "",
+    onChange: d,
+    required: n = !1,
+    disabled: i = !1,
+    error: e,
+    className: m,
+    rows: u = 4,
+    name: b
+  }, c) => {
+    const f = p(() => e ? "border-red-600 focus:border-red-600 shadow-red" : "border-slate-200 hover:border-slate-400 focus:shadow-blue focus:border-blue-600", [e]);
+    return /* @__PURE__ */ l("div", { className: a("relative w-full", m), children: [
+      s && /* @__PURE__ */ l(
+        "label",
+        {
+          className: a(
+            "mb-2 block text-base font-medium",
+            e ? "text-red-600" : "text-slate-700"
+          ),
+          children: [
+            s,
+            n && /* @__PURE__ */ t("span", { className: "ml-1 text-red-600", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        "textarea",
+        {
+          ref: c,
+          name: b,
+          rows: u,
+          value: o,
+          onChange: (x) => d?.(x.target.value),
+          disabled: i,
+          placeholder: r,
+          className: a(
+            "w-full resize-none rounded-xl border bg-white text-base font-normal transition-all duration-300 ease-in-out outline-none",
+            "p-3 disabled:cursor-not-allowed disabled:border-slate-200 disabled:bg-slate-100 disabled:text-slate-400",
+            f
+          )
+        }
+      ),
+      e && /* @__PURE__ */ t("p", { className: "mt-2 animate-[slideDown_0.3s_ease-out] text-sm font-normal text-red-600", children: e })
+    ] });
+  }
+);
+w.displayName = "MciTextarea";
+export {
+  w as default
+};

package/dist/shared/ui/mciToast/MciToast.js

@@ -0,0 +1,106 @@
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import { useState as w, useEffect as C } from "react";
+import { cn as c } from "../../lib/utils.js";
+import I from "../../../assets/icons/close.svg.js";
+import { createRoot as b } from "react-dom/client";
+import { TOAST_STYLES as l, TOAST_ICONS as S, getOrCreateToastContainer as A } from "./mci-toast.utils.js";
+const O = A();
+let p = null, k = 0;
+const d = [], v = () => {
+  p || (p = b(O)), p.render(
+    /* @__PURE__ */ s("div", { className: "flex flex-col gap-3", children: d.map(({ id: e, element: n }) => /* @__PURE__ */ s("div", { className: "pointer-events-auto", children: n }, e)) })
+  );
+};
+function F({
+  title: e,
+  description: n,
+  type: t = "info",
+  duration: i = 3e3,
+  action: o,
+  onClose: r
+}) {
+  const [y, u] = w(100);
+  return C(() => {
+    if (i === 1 / 0) {
+      u(100);
+      return;
+    }
+    let m = null;
+    const h = (g) => {
+      m || (m = g);
+      const T = g - m, x = Math.max(0, (i - T) / i * 100);
+      u(x), x > 0 ? requestAnimationFrame(h) : r?.();
+    }, N = requestAnimationFrame(h);
+    return () => cancelAnimationFrame(N);
+  }, [i, r]), /* @__PURE__ */ f(
+    "div",
+    {
+      className: c(
+        "relative w-[300px] max-w-full overflow-hidden shadow-md rounded-lg",
+        "animate-in fade-in slide-in-from-top-2 duration-300",
+        l.bg[t]
+      ),
+      children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: c("absolute bottom-0 left-0 h-1", l.line[t]),
+            style: {
+              width: `${y}%`,
+              transition: "none"
+            }
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "p-4", children: /* @__PURE__ */ f("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ s("div", { className: c("flex-shrink-0", l.text[t]), children: S[t] }),
+          /* @__PURE__ */ f("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ s("h4", { className: "text-base font-medium mb-1", children: e }),
+            n && /* @__PURE__ */ s("p", { className: "text-sm text-[#82828C]", children: n }),
+            o && /* @__PURE__ */ s("div", { className: "mt-3", children: /* @__PURE__ */ s("div", { className: c("underline font-medium text-sm", l.action[t]), children: o }) })
+          ] }),
+          /* @__PURE__ */ s(
+            "button",
+            {
+              onClick: r,
+              className: "flex-shrink-0 rounded-full transition  cursor-pointer active:animate-spin",
+              children: /* @__PURE__ */ s(I, { className: "w-6 h-6 text-slate-base" })
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+const a = (e) => {
+  const n = k++, t = () => {
+    const o = d.findIndex((r) => r?.id === n);
+    o !== -1 && (d.splice(o, 1), v());
+  }, i = /* @__PURE__ */ s(F, { ...e, onClose: t });
+  return d.push({ id: n, element: i }), v(), e.duration !== 1 / 0 && setTimeout(t, (e.duration || 3e3) + 300), { close: t };
+}, P = {
+  success: (e, n, t) => a(typeof e == "string" ? { title: e, description: n, type: "success", action: t } : {
+    ...e,
+    type: "success"
+  }),
+  error: (e, n, t) => a(typeof e == "string" ? { title: e, description: n, type: "error", action: t } : {
+    ...e,
+    type: "error"
+  }),
+  warning: (e, n, t) => a(typeof e == "string" ? { title: e, description: n, type: "warning", action: t } : {
+    ...e,
+    type: "warning"
+  }),
+  info: (e, n, t) => a(typeof e == "string" ? { title: e, description: n, type: "info", action: t } : {
+    ...e,
+    type: "info"
+  }),
+  loading: (e, n) => a(typeof e == "string" ? {
+    title: e,
+    description: n,
+    type: "loading",
+    duration: 1 / 0
+  } : { ...e, type: "loading", duration: 1 / 0 })
+};
+export {
+  P as default
+};

package/dist/shared/ui/mciToast/mci-toast.utils.js

@@ -0,0 +1,47 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Refresh as n, InfoCircle as r, DangerCircle as o, CloseCircle as a, CheckCircle as i } from "@solar-icons/react";
+const l = {
+  success: /* @__PURE__ */ t(i, { weight: "Bold", className: "w-5 h-5" }),
+  error: /* @__PURE__ */ t(a, { weight: "Bold", className: "w-5 h-5" }),
+  warning: /* @__PURE__ */ t(o, { weight: "Bold", className: "w-5 h-5" }),
+  info: /* @__PURE__ */ t(r, { weight: "Bold", className: "w-5 h-5" }),
+  loading: /* @__PURE__ */ t(n, { weight: "Bold", className: "w-5 h-5 animate-spin" })
+}, c = {
+  bg: {
+    success: "bg-green-50",
+    error: "bg-red-50",
+    warning: "bg-orange-50",
+    info: "bg-blue-50",
+    loading: "bg-slate-50"
+  },
+  line: {
+    success: "bg-green-600",
+    error: "bg-red-600",
+    warning: "bg-orange-600",
+    info: "bg-blue-600",
+    loading: "bg-slate-600"
+  },
+  text: {
+    success: "text-green-600",
+    error: "text-red-600",
+    warning: "text-orange-600",
+    info: "text-blue-600",
+    loading: "text-slate-600"
+  },
+  action: {
+    success: "text-green-600",
+    error: "text-red-600",
+    warning: "text-orange-600",
+    info: "text-blue-600",
+    loading: "text-slate-600"
+  }
+};
+function d() {
+  let e = document.getElementById("mci-toast-container");
+  return e || (e = document.createElement("div"), e.id = "mci-toast-container", e.className = "fixed top-4 right-4 z-[9999] flex flex-col gap-3 pointer-events-none", document.body.appendChild(e)), e;
+}
+export {
+  l as TOAST_ICONS,
+  c as TOAST_STYLES,
+  d as getOrCreateToastContainer
+};

package/dist/shared/ui/mciToggle/MciToggle.js

@@ -0,0 +1,77 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { cn as t } from "../../lib/utils.js";
+const r = {
+  blue: {
+    active: "bg-blue-600",
+    hover: "hover:bg-blue-600",
+    focus: "focus:shadow-blue"
+  },
+  yellow: {
+    active: "bg-yellow-500",
+    hover: "hover:bg-yellow-500",
+    focus: "focus:ring-2 focus:ring-yellow-200"
+  }
+};
+function d({
+  checked: o = !1,
+  onChange: i,
+  disabled: e = !1,
+  variant: s = "yellow",
+  label: n,
+  supportText: a,
+  className: u
+}) {
+  const f = () => {
+    e || i?.(!o);
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: t(
+        "flex items-start gap-3 select-none",
+        u
+      ),
+      children: [
+        /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            disabled: e,
+            className: t(
+              "relative h-6 w-11 rounded-xl transition-all duration-300 outline-none cursor-pointer",
+              o ? r[s].active : "bg-slate-200",
+              !e && r[s].hover,
+              !e && r[s].focus,
+              e && "bg-slate-100 cursor-not-allowed"
+            ),
+            onClick: f,
+            children: /* @__PURE__ */ l(
+              "span",
+              {
+                className: t(
+                  "absolute top-1/2 left-0.5 h-5 w-5 -translate-y-1/2 rounded-full transition-all duration-300 bg-white",
+                  o && "translate-x-5"
+                )
+              }
+            )
+          }
+        ),
+        (n || a) && /* @__PURE__ */ c("div", { className: "flex flex-col leading-tight", children: [
+          n && /* @__PURE__ */ l(
+            "span",
+            {
+              className: t(
+                "text-base font-medium text-black"
+              ),
+              children: n
+            }
+          ),
+          a && /* @__PURE__ */ l("span", { className: "text-sm font-normal text-slate-500", children: a })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  d as default
+};