@mci-ui/mci-ui 0.0.86 → 0.0.88

package/dist/shared/ui/mciBreadcrumb/MciBreadcrumb.js

@@ -1,28 +1,30 @@
-import { jsx as l, jsxs as t } from "react/jsx-runtime";
-import { AltArrowRight as h } from "@solar-icons/react";
-import { cn as r } from "../../lib/utils.js";
-function b({
-  items: a,
-  variant: o = "blue",
-  className: i
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import { AltArrowRight as p } from "@solar-icons/react";
+import { cn as a } from "../../lib/utils.js";
+function w({
+  items: s,
+  variant: x = "blue",
+  darkMode: r = !1,
+  className: m
 }) {
-  const n = o === "blue", m = n ? "hover:text-blue-600" : "hover:text-yellow-500", x = n ? "text-blue-600" : "text-yellow-500";
-  return /* @__PURE__ */ l("nav", { className: r("flex items-center", i), "aria-label": "Breadcrumb", children: a.map((e, s) => {
-    const c = s === a.length - 1;
-    return /* @__PURE__ */ t("div", { className: "flex items-center", children: [
-      c ? /* @__PURE__ */ t("span", { className: r("flex items-center gap-x-2 font-medium", x), children: [
+  const t = x === "blue", f = r ? t ? "hover:text-blue-400" : "hover:text-yellow-400" : t ? "hover:text-blue-600" : "hover:text-yellow-500", h = r ? t ? "text-blue-400" : "text-yellow-400" : t ? "text-blue-600" : "text-yellow-500", o = r ? "text-neutral-50" : "text-slate-500";
+  return /* @__PURE__ */ l("nav", { className: a("flex items-center", m), "aria-label": "Breadcrumb", children: s.map((e, c) => {
+    const i = c === s.length - 1;
+    return /* @__PURE__ */ n("div", { className: "flex items-center", children: [
+      i ? /* @__PURE__ */ n("span", { className: a("flex items-center gap-x-2 font-medium", h), children: [
         e.icon,
         /* @__PURE__ */ l("span", { children: e.label })
-      ] }) : /* @__PURE__ */ t(
+      ] }) : /* @__PURE__ */ n(
         "a",
         {
           href: e.href ?? "#",
-          onClick: (f) => {
-            e.onClick && (f.preventDefault(), e.onClick());
+          onClick: (u) => {
+            e.onClick && (u.preventDefault(), e.onClick());
           },
-          className: r(
-            "flex items-center gap-x-2 transition-all text-sm font-normal text-slate-500",
-            m
+          className: a(
+            "flex items-center gap-x-2 transition-all text-sm font-normal",
+            o,
+            f
           ),
           children: [
             e.icon,
@@ -30,10 +32,10 @@ function b({
           ]
         }
       ),
-      !c && /* @__PURE__ */ l("span", { className: "mx-2 flex items-center", children: /* @__PURE__ */ l(h, { weight: "Linear", size: 20, className: "text-slate-500" }) })
-    ] }, s);
+      !i && /* @__PURE__ */ l("span", { className: "mx-2 flex items-center", children: /* @__PURE__ */ l(p, { weight: "Linear", size: 20, className: o }) })
+    ] }, c);
   }) });
 }
 export {
-  b as default
+  w as default
 };

package/dist/shared/ui/mciButton/MciButton.js

@@ -1,11 +1,11 @@
-import { jsxs as x, jsx as l } from "react/jsx-runtime";
-import { cn as y } from "../../lib/utils.js";
-import { Star2 as m } from "@solar-icons/react";
-const v = {
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { cn as x } from "../../lib/utils.js";
+import { Star2 as p } from "@solar-icons/react";
+const m = {
   sm: "h-9 px-2 text-sm gap-1.5 rounded-lg leading-9 min-w-9",
   md: "h-10 px-2 text-base gap-2 rounded-lg leading-10 min-w-10",
   base: "h-12 px-4 text-base gap-2 rounded-xl leading-12 min-w-12"
-}, p = {
+}, N = {
   blue: {
     primary: "bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 focus:ring-2 focus:ring-[rgba(21,93,252,0.25)]",
     secondary: "bg-blue-100 text-blue-600 hover:bg-blue-200 active:bg-blue-200 active:border active:border-blue-600 focus:ring-2 focus:ring-[rgba(21,93,252,0.25)]",
@@ -16,48 +16,63 @@ const v = {
     secondary: "bg-yellow-50 text-yellow-500 hover:bg-yellow-100 active:bg-yellow-100 active:border active:border-yellow-500 focus:ring-2 focus:ring-yellow-200",
     outline: "border border-yellow-500 text-yellow-500 hover:border-yellow-600 hover:text-yellow-600 active:border-yellow-700 active:text-yellow-700 focus:ring-2 focus:ring-yellow-200"
   }
-}, N = {
+}, T = {
+  blue: {
+    primary: "bg-blue-500 text-black hover:bg-blue-400 active:bg-blue-300 focus:ring-2 focus:ring-blue-500",
+    secondary: "border border-blue-900 bg-blue-900 text-blue-500 hover:bg-blue-700 active:bg-blue-700 active:border-blue-700 focus:ring-2 focus:ring-blue-900",
+    outline: "border border-blue-500 text-blue-500 hover:border-blue-400 hover:text-blue-400 active:text-blue-300 active:border-blue-300 focus:ring-2 focus:ring-blue-500"
+  },
+  yellow: {
+    primary: "bg-yellow-400 text-slate-950 hover:bg-yellow-300 active:bg-yellow-200 focus:ring-2 focus:ring-yellow-300/40",
+    secondary: "border border-slate-700 bg-slate-800 text-yellow-300 hover:bg-slate-700 active:bg-slate-600 focus:ring-2 focus:ring-yellow-300/30",
+    outline: "border border-yellow-400 text-yellow-300 hover:bg-yellow-500/10 hover:border-yellow-300 hover:text-yellow-200 active:bg-yellow-500/20 active:border-yellow-200 focus:ring-2 focus:ring-yellow-300/30"
+  }
+}, _ = {
   danger: "bg-red-600 text-white hover:bg-red-700 active:bg-red-800 focus:ring-2 focus:shadow-red",
   tertiary: "bg-slate-100 text-black hover:bg-slate-200 active:bg-slate-300 focus:ring-2 focus:shadow-slate"
+}, A = {
+  danger: "bg-red-500 text-black hover:bg-red-300 active:bg-red-200 focus:ring-2 focus:ring-red-500/35",
+  tertiary: "bg-neutral-300 text-white hover:bg-neutral-200 focus:ring-2 focus:ring-slate-200/80"
 };
-function _({
-  children: n,
-  text: b,
-  icon: t,
+function S({
+  children: u,
+  text: c,
+  icon: r,
   iconPosition: s = "left",
-  size: c = "base",
+  size: g = "base",
   variant: e = "primary",
-  color: u = "yellow",
-  loading: r = !1,
-  disabled: g = !1,
-  onClick: d,
-  className: w,
-  type: f = "button"
+  color: a = "yellow",
+  darkMode: t = !1,
+  loading: l = !1,
+  disabled: d = !1,
+  className: f,
+  type: w = "button",
+  ...v
 }) {
-  const a = n ?? b, i = e === "primary" || e === "secondary" || e === "outline" ? p[u][e] : N[e], o = g || r, h = o ? e === "outline" ? "border-slate-200 bg-white text-slate-400 cursor-not-allowed hover:bg-transparent hover:border-slate-200 hover:text-slate-400 active:border-slate-200 active:text-slate-400 active:bg-transparent focus:bg-transparent focus:ring-0" : "bg-slate-200 text-slate-400 cursor-not-allowed hover:bg-slate-200 active:bg-slate-200 focus:ring-0" : "";
-  return /* @__PURE__ */ x(
+  const n = u ?? c, i = e === "primary" || e === "secondary" || e === "outline" ? t ? T[a][e] : N[a][e] : t ? A[e] : _[e], b = d || l, y = b ? e === "outline" ? t ? "border-neutral-200 bg-transparent text-neutral-100 cursor-not-allowed hover:bg-transparent hover:border-neutral-200 hover:text-neutral-100 active:border-neutral-200 active:text-neutral-100 active:bg-transparent focus:bg-transparent focus:ring-0" : "border-slate-200 bg-white text-slate-400 cursor-not-allowed hover:bg-transparent hover:border-slate-200 hover:text-slate-400 active:border-slate-200 active:text-slate-400 active:bg-transparent focus:bg-transparent focus:ring-0" : t ? "bg-neutral-200 text-neutral-100 cursor-not-allowed focus:ring-0" : "border-neutral-200 text-neutral-100 cursor-not-allowed focus:ring-0" : "";
+  return /* @__PURE__ */ h(
     "button",
     {
-      type: f,
-      onClick: d,
-      disabled: o,
-      className: y(
+      ...v,
+      type: w,
+      disabled: b,
+      className: x(
         "inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap text-center font-medium transition-all duration-200 cursor-pointer",
-        v[c],
+        m[g],
         i,
-        !o && i,
-        h,
-        w
+        !b && i,
+        y,
+        f
       ),
       children: [
-        t && s === "left" && !r && /* @__PURE__ */ l("span", { className: "flex items-center", children: t }),
-        a && /* @__PURE__ */ l("span", { className: "whitespace-nowrap", children: a }),
-        t && s === "right" && !r && /* @__PURE__ */ l("span", { className: "flex items-center", children: t }),
-        r && /* @__PURE__ */ l(m, { weight: "Linear", size: 20, className: "animate-spin" })
+        r && s === "left" && !l && /* @__PURE__ */ o("span", { className: "flex items-center", children: r }),
+        n && /* @__PURE__ */ o("span", { className: "whitespace-nowrap", children: n }),
+        r && s === "right" && !l && /* @__PURE__ */ o("span", { className: "flex items-center", children: r }),
+        l && /* @__PURE__ */ o(p, { weight: "Linear", size: 20, className: "animate-spin" })
       ]
     }
   );
 }
 export {
-  _ as default
+  S as default
 };

package/dist/shared/ui/mciCheck/MciCheck.js

@@ -1,170 +1,194 @@
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import { memo as j, useState as S, useMemo as b, useCallback as L } from "react";
-import $ from "../../../assets/icons/check.svg.js";
-import { cn as r } from "../../lib/utils.js";
-const A = {
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { memo as F, useState as S, useMemo as v, useCallback as H } from "react";
+import L from "../../../assets/icons/check.svg.js";
+import { cn as l } from "../../lib/utils.js";
+const $ = {
   blue: {
     border: "border-blue-600",
     bg: "bg-blue-600",
     hover: "hover:border-blue-600 hover:bg-blue-100",
-    focus: "focus:shadow-blue"
+    focus: "peer-focus-visible:shadow-blue",
+    darkFocus: "peer-focus-visible:shadow-[0_0_0_2px_var(--opacity-25,rgba(21,93,252,0.25))]",
+    darkBorder: "border-blue-500",
+    darkBg: "bg-blue-500",
+    darkHover: "hover:border-blue-500 hover:bg-blue-500"
   },
   yellow: {
     border: "border-yellow-500",
     bg: "bg-yellow-500",
-    hover: "hover:border-yellow-500 hover:bg-yello-100",
-    focus: "focus:ring-2 focus:ring-yellow-300"
+    hover: "hover:border-yellow-500 hover:bg-yellow-100",
+    focus: "peer-focus-visible:ring-2 peer-focus-visible:ring-yellow-300",
+    darkFocus: "peer-focus-visible:ring-2 peer-focus-visible:ring-yellow-300/40",
+    darkBorder: "border-yellow-500",
+    darkBg: "bg-yellow-500",
+    darkHover: "hover:border-yellow-500 hover:bg-yellow-500"
   }
-}, E = j(function({
-  type: x = "checkbox",
+}, A = F(function({
+  type: m = "checkbox",
   label: c,
-  supportText: l,
-  checked: i,
-  onChange: g,
-  error: n,
-  disabled: a = !1,
-  required: h = !1,
-  className: v,
+  supportText: i,
+  checked: u,
+  onChange: d,
+  error: o,
+  disabled: n = !1,
+  required: f = !1,
+  className: w,
   variant: p = "yellow",
-  name: f,
-  value: k
+  darkMode: e = !1,
+  name: g,
+  value: N,
+  ...B
 }) {
-  const [y, w] = S(!1), s = x === "radio", e = b(
-    () => i ?? y,
-    [i, y]
-  ), N = L(
+  const [y, k] = S(!1), s = m === "radio", r = v(
+    () => u ?? y,
+    [u, y]
+  ), C = H(
     (t) => {
-      a || (i === void 0 && w(t.target.checked), g?.(t));
+      n || (u === void 0 && k(t.target.checked), d?.(t));
     },
-    [i, g, a]
-  ), m = b(() => {
-    if (a) {
-      const d = "border-slate-200 bg-slate-100";
+    [u, d, n]
+  ), x = v(() => {
+    if (n) {
+      const b = e ? "border-neutral-200 bg-neutral-300/60" : "border-slate-200 bg-slate-100";
       return s ? {
-        container: d,
-        dot: e ? "bg-slate-300" : "bg-transparent",
-        check: "text-slate-400"
+        container: b,
+        dot: r ? e ? "bg-neutral-100/70" : "bg-slate-300" : "bg-transparent",
+        check: e ? "text-neutral-100/50" : "text-slate-400"
       } : {
-        container: d,
+        container: b,
         dot: "",
-        check: e ? "text-slate-400" : "text-transparent"
+        check: r ? e ? "text-neutral-100/50" : "text-slate-400" : "text-transparent"
       };
     }
-    const t = A[p];
+    const t = $[p];
     if (s) {
-      const d = r(
+      const b = l(
         "border transition-all duration-200",
-        e ? t.border : "border-slate-400",
-        !e && t.hover,
-        t.focus,
-        e && ""
-      ), M = r(
+        r ? e ? t.darkBorder : t.border : e ? "border-neutral-200 bg-transparent" : "border-slate-400",
+        !r && (e ? "hover:border-neutral-100 hover:bg-neutral-300" : t.hover),
+        e ? t.darkFocus : t.focus,
+        r && ""
+      ), j = l(
         "transition-all duration-200 rounded-full",
-        e ? t.bg : "bg-transparent"
+        r ? e ? "bg-white" : t.bg : "bg-transparent"
       );
       return {
-        container: d,
-        dot: M,
+        container: b,
+        dot: j,
         check: ""
       };
     }
     return {
-      container: r(
+      container: l(
         "border transition-all duration-200",
-        e ? r(t.bg, t.border) : "border-slate-400",
-        !e && t.hover,
-        t.focus
+        r ? l(e ? t.darkBg : t.bg, e ? t.darkBorder : t.border) : e ? "border-neutral-200 bg-transparent" : "border-slate-400",
+        !r && (e ? "hover:border-neutral-100 hover:bg-neutral-300" : t.hover),
+        r && e && t.darkHover,
+        e ? t.darkFocus : t.focus
       ),
       dot: "",
-      check: e ? "text-white" : "text-transparent"
+      check: r ? "text-white" : "text-transparent"
     };
-  }, [s, e, a, p]), C = b(() => !c && !l ? null : /* @__PURE__ */ u("div", { className: "flex flex-col", children: [
-    c && /* @__PURE__ */ u(
+  }, [s, r, n, p, e]), _ = v(() => !c && !i ? null : /* @__PURE__ */ h("div", { className: "flex flex-col", children: [
+    c && /* @__PURE__ */ h(
       "span",
       {
-        className: r(
-          "text-base font-medium text-slate-700",
-          n && "text-red-600",
-          a && "text-slate-400"
+        className: l(
+          "text-base font-medium",
+          o && (e ? "text-red-500" : "text-red-600"),
+          !o && (e ? "text-neutral-50" : "text-slate-700"),
+          n && (e ? "text-neutral-50/50" : "text-slate-400")
         ),
         children: [
           c,
-          h && /* @__PURE__ */ o("span", { className: "text-extra-small text-red-600 ml-1", children: "*" })
+          f && /* @__PURE__ */ a("span", { className: "text-extra-small text-red-600 ml-1", children: "*" })
         ]
       }
     ),
-    l && /* @__PURE__ */ o(
+    i && /* @__PURE__ */ a(
       "span",
       {
-        className: r(
-          "text-slate-500 text-base font-normal",
-          a && "text-slate-400"
+        className: l(
+          "text-base font-normal",
+          e ? "text-neutral-100" : "text-slate-500",
+          n && (e ? "text-neutral-100/50" : "text-slate-400")
         ),
-        children: l
+        children: i
       }
     )
-  ] }), [c, l, n, a, h]);
-  return /* @__PURE__ */ u("div", { className: r("flex items-start", v), children: [
-    /* @__PURE__ */ u(
+  ] }), [c, i, o, n, f, e]);
+  return /* @__PURE__ */ h("div", { className: l("flex items-start", w), children: [
+    /* @__PURE__ */ h(
       "label",
       {
-        className: r(
+        className: l(
           "flex items-start gap-2 select-none",
-          a ? "cursor-not-allowed" : "cursor-pointer"
+          n ? "cursor-not-allowed" : "cursor-pointer"
         ),
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ a(
             "input",
             {
-              type: x,
-              checked: e,
-              onChange: N,
-              disabled: a,
-              required: h,
-              className: "sr-only",
-              "aria-invalid": !!n,
-              "aria-describedby": n ? `${f}-error` : void 0,
-              name: f,
-              value: k
+              ...B,
+              type: m,
+              checked: r,
+              onChange: C,
+              disabled: n,
+              required: f,
+              className: "peer sr-only",
+              "aria-invalid": !!o,
+              "aria-describedby": o ? `${g}-error` : void 0,
+              name: g,
+              value: N
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ a(
             "div",
             {
-              className: r(
+              className: l(
                 "relative flex items-center justify-center",
                 s ? "w-5 h-5 rounded-full" : "w-5 h-5 rounded",
-                m.container
+                x.container
               ),
-              children: s ? /* @__PURE__ */ o("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ o(
+              children: s ? /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a(
                 "span",
                 {
-                  className: r(
+                  className: l(
                     "w-3 h-3 rounded-full transition-all duration-200",
-                    m.dot,
-                    e ? "opacity-100 scale-100" : "opacity-0 scale-50"
+                    x.dot,
+                    r ? "opacity-100 scale-100" : "opacity-0 scale-50"
                   )
                 }
-              ) }) : /* @__PURE__ */ o(
-                $,
+              ) }) : /* @__PURE__ */ a(
+                L,
                 {
-                  className: r(
+                  className: l(
                     "w-4 h-4 stroke-[2.5px] transition-opacity duration-200",
-                    m.check,
-                    e ? "opacity-100" : "opacity-0"
+                    x.check,
+                    r ? "opacity-100" : "opacity-0"
                   )
                 }
               )
             }
           ),
-          C
+          _
         ]
       }
     ),
-    n && /* @__PURE__ */ o("p", { id: `${f}-error`, className: "mt-1 text-extra-small text-red-600", children: n })
+    o && /* @__PURE__ */ a(
+      "p",
+      {
+        id: `${g}-error`,
+        className: l(
+          "mt-1 text-extra-small",
+          e ? "text-red-500" : "text-red-600"
+        ),
+        children: o
+      }
+    )
   ] });
 });
-E.displayName = "MciCheck";
+A.displayName = "MciCheck";
 export {
-  E as default
+  A as default
 };

package/dist/shared/ui/mciCollapse/MciCollapse.js

@@ -1,60 +1,92 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { AltArrowDown as p } from "@solar-icons/react";
-import { useState as i, useRef as b, useEffect as x } from "react";
-import { cn as e } from "../../lib/utils.js";
-function k({
-  title: a,
-  children: l,
-  defaultOpen: c = !1,
-  icon: o,
-  className: d,
-  contentClassName: f
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { AltArrowDown as N } from "@solar-icons/react";
+import { useState as i, useRef as _, useEffect as j } from "react";
+import { cn as t } from "../../lib/utils.js";
+function R({
+  title: c,
+  children: a,
+  defaultOpen: u = !1,
+  icon: l,
+  darkMode: e = !1,
+  className: b,
+  contentClassName: h
 }) {
-  const [t, m] = i(c), [u, h] = i(0), s = b(null);
-  return x(() => {
-    s.current && h(t ? s.current.scrollHeight : 0);
-  }, [t]), /* @__PURE__ */ n("div", { className: e("overflow-hidden rounded-xl border border-slate-200", d), children: [
-    /* @__PURE__ */ n(
-      "button",
-      {
-        onClick: () => m(!t),
-        className: e(
-          "flex w-full items-center justify-between p-5 transition-all duration-300 hover:cursor-pointer",
-          t ? "border-b border-slate-200" : "border-b border-transparent"
-        ),
-        children: [
-          /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            o && /* @__PURE__ */ r("span", { className: "shrink-0", children: o }),
-            /* @__PURE__ */ r("div", { className: e("text-base font-medium text-black"), children: a })
-          ] }),
-          /* @__PURE__ */ r(
-            p,
-            {
-              weight: "Linear",
-              size: 20,
-              className: e(
-                "shrink-0 transition-transform duration-300 text-slate-400",
-                t && "rotate-180"
+  const [r, d] = i(u), [p, f] = i(0), n = _(null);
+  j(() => {
+    n.current && f(r ? n.current.scrollHeight : 0);
+  }, [r, a]);
+  const g = e ? "border-neutral-200 bg-neutral-300 shadow-[inset_0_1px_0_rgba(255,255,255,0.03)]" : "border-slate-200 bg-white", m = e ? [
+    "bg-neutral-300/70 hover:bg-neutral-200/80",
+    r ? "border-b border-neutral-200 shadow-[inset_0_-1px_0_rgba(255,255,255,0.02)]" : "border-b border-transparent"
+  ] : [
+    "hover:bg-slate-50",
+    r ? "border-b border-slate-200" : "border-b border-transparent"
+  ], x = e ? "text-neutral-50 group-hover:text-white" : "text-black", w = e ? "text-neutral-100" : "text-slate-500", v = e ? "text-neutral-100 group-hover:text-neutral-50" : "text-slate-400", C = e ? "bg-[#22242A]" : "bg-white";
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: t(
+        "overflow-hidden rounded-xl border",
+        g,
+        b
+      ),
+      children: [
+        /* @__PURE__ */ o(
+          "button",
+          {
+            onClick: () => d(!r),
+            className: t(
+              "group flex w-full items-center justify-between p-5 transition-all duration-300 hover:cursor-pointer",
+              m
+            ),
+            children: [
+              /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+                l && /* @__PURE__ */ s("span", { className: t("shrink-0", w), children: l }),
+                /* @__PURE__ */ s("div", { className: t("text-base font-medium transition-colors duration-300", x), children: c })
+              ] }),
+              /* @__PURE__ */ s(
+                N,
+                {
+                  weight: "Linear",
+                  size: 20,
+                  className: t(
+                    "shrink-0 transition-all duration-300",
+                    v,
+                    r && "rotate-180"
+                  )
+                }
               )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ r(
-      "div",
-      {
-        className: e(
-          "overflow-hidden transition-all duration-300 ease-out"
+            ]
+          }
         ),
-        style: {
-          height: `${u}px`
-        },
-        children: /* @__PURE__ */ r("div", { ref: s, className: e("p-5", f), children: l })
-      }
-    )
-  ] });
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: t(
+              "overflow-hidden transition-all duration-300 ease-out",
+              C
+            ),
+            style: {
+              height: `${p}px`
+            },
+            children: /* @__PURE__ */ s(
+              "div",
+              {
+                ref: n,
+                className: t(
+                  "p-5",
+                  e && "text-neutral-100",
+                  h
+                ),
+                children: a
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
 }
 export {
-  k as default
+  R as default
 };