@mci-ui/mci-ui 0.0.85 → 0.0.87

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

@@ -1,39 +1,67 @@
 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" })
+import { Refresh as r, InfoCircle as n, DangerCircle as l, CloseCircle as o, CheckCircle as g } from "@solar-icons/react";
+const s = {
+  success: /* @__PURE__ */ t(g, { weight: "Bold", className: "w-5 h-5" }),
+  error: /* @__PURE__ */ t(o, { weight: "Bold", className: "w-5 h-5" }),
+  warning: /* @__PURE__ */ t(l, { weight: "Bold", className: "w-5 h-5" }),
+  info: /* @__PURE__ */ t(n, { weight: "Bold", className: "w-5 h-5" }),
+  loading: /* @__PURE__ */ t(r, { weight: "Bold", className: "w-5 h-5 animate-spin" })
 }, c = {
   bg: {
     success: "bg-green-50",
     error: "bg-red-50",
-    warning: "bg-orange-50",
+    warning: "bg-yellow-50",
     info: "bg-blue-50",
     loading: "bg-slate-50"
   },
+  bgDark: {
+    success: "bg-green-950",
+    error: "bg-red-950",
+    warning: "bg-yellow-900",
+    info: "bg-blue-900",
+    loading: "bg-slate-900"
+  },
   line: {
     success: "bg-green-600",
     error: "bg-red-600",
-    warning: "bg-orange-600",
+    warning: "bg-yellow-600",
     info: "bg-blue-600",
     loading: "bg-slate-600"
   },
+  lineDark: {
+    success: "bg-green-400",
+    error: "bg-red-400",
+    warning: "bg-yellow-400",
+    info: "bg-blue-400",
+    loading: "bg-slate-400"
+  },
   text: {
     success: "text-green-600",
     error: "text-red-600",
-    warning: "text-orange-600",
+    warning: "text-yellow-600",
     info: "text-blue-600",
     loading: "text-slate-600"
   },
+  textDark: {
+    success: "text-green-400",
+    error: "text-red-400",
+    warning: "text-yellow-400",
+    info: "text-blue-400",
+    loading: "text-slate-400"
+  },
   action: {
     success: "text-green-600",
     error: "text-red-600",
-    warning: "text-orange-600",
+    warning: "text-yellow-600",
     info: "text-blue-600",
     loading: "text-slate-600"
+  },
+  actionDark: {
+    success: "text-green-400",
+    error: "text-red-400",
+    warning: "text-yellow-400",
+    info: "text-blue-400",
+    loading: "text-slate-400"
   }
 };
 function d() {
@@ -41,7 +69,7 @@ function d() {
   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,
+  s as TOAST_ICONS,
   c as TOAST_STYLES,
   d as getOrCreateToastContainer
 };

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

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

package/dist/shared/ui/mciTooltip/MciTooltip.js

@@ -24,7 +24,7 @@ function m({
       "div",
       {
         className: e(
-          "absolute z-50 rounded-md bg-slate-400 px-2 py-1 text-xs whitespace-nowrap text-white shadow-md",
+          "absolute z-50 rounded-md bg-slate-800 px-2 py-1 text-xs whitespace-nowrap text-white shadow-md",
           "scale-95 opacity-0 transition-all group-hover:scale-100 group-hover:opacity-100",
           "duration-200 ease-out group-hover:delay-200",
           i[t],
@@ -37,7 +37,7 @@ function m({
             "span",
             {
               className: e(
-                "absolute h-2 w-2 rotate-45 bg-slate-400",
+                "absolute h-2 w-2 rotate-45 bg-slate-800",
                 p[t]
               )
             }