@moontra/moonui 2.2.5 → 2.2.6

package/dist/index.js

@@ -8524,7 +8524,7 @@ function DatePicker({
     /* @__PURE__ */ jsxRuntime.jsx(
       PopoverContent,
       {
-        className: "w-[360px] p-0 shadow-2xl rounded-2xl border border-gray-200 dark:border-gray-700 bg-background/95 backdrop-blur-sm z-[1000]",
+        className: "w-[360px] p-0 shadow-2xl rounded-2xl border border-gray-200 dark:border-gray-700 bg-background/95 backdrop-blur-sm !z-[9999]",
         align: "start",
         sideOffset: 12,
         children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -8615,7 +8615,7 @@ function DateRangePicker({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0 shadow-2xl rounded-2xl border border-gray-200 dark:border-gray-700 bg-background/95 backdrop-blur-sm z-[1000]", align: "start", sideOffset: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0 shadow-2xl rounded-2xl border border-gray-200 dark:border-gray-700 bg-background/95 backdrop-blur-sm !z-[9999]", align: "start", sideOffset: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
       Calendar,
       {
         mode: "range",
@@ -8773,7 +8773,7 @@ function MonthPicker({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-64 p-0 shadow-2xl border border-gray-200 dark:border-gray-700 bg-background z-[1000]", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-64 p-0 shadow-2xl border border-gray-200 dark:border-gray-700 bg-background !z-[9999]", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           Button,
@@ -11663,7 +11663,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
       }
     }, [executeCommand, updateContent]);
     t__namespace.default.useEffect(() => {
-      if (editorRef.current && content !== editorRef.current.innerHTML) {
+      if (editorRef.current && content && content !== editorRef.current.innerHTML) {
         editorRef.current.innerHTML = content;
       }
     }, [content]);
@@ -11676,7 +11676,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
     const toolbar = showToolbar && /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(
       framerMotion.motion.div,
       {
-        className: "flex items-center gap-1 p-2 border-b bg-muted/50",
+        className: "flex items-center gap-1 p-2 border-b bg-gray-50/50 dark:bg-zinc-800/50 backdrop-blur-sm",
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         children: [
@@ -11723,7 +11723,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxRuntime.jsxs(
               Select,
               {
@@ -11755,7 +11755,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 ToolbarButton,
@@ -11798,7 +11798,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 ToolbarButton,
@@ -11841,7 +11841,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 ToolbarButton,
@@ -11862,7 +11862,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 ToolbarButton,
@@ -11883,7 +11883,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
@@ -11898,7 +11898,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
               ) }),
               /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsxRuntime.jsx(ColorPicker2, { onColorSelect: setTextColor }) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 ToolbarButton,
@@ -11921,7 +11921,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
             ] })
           ] }),
           showPreview && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            !isPreview && /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            !isPreview && /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               ToolbarButton,
               {
@@ -11948,7 +11948,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
       {
         ref,
         className: cn(
-          "border rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-ring",
+          "border border-gray-200 dark:border-zinc-700 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-ring focus-within:border-transparent",
           disabled && "opacity-50 cursor-not-allowed",
           className
         ),
@@ -11961,7 +11961,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
               {
                 initial: { opacity: 0 },
                 animate: { opacity: 1 },
-                className: "p-4",
+                className: "bg-slate-50 dark:bg-zinc-900/95",
                 style: { minHeight, maxHeight, overflow: "auto" },
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   "textarea",
@@ -11969,7 +11969,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
                     ref: sourceRef,
                     value: sourceContent,
                     onChange: (e) => setSourceContent(e.target.value),
-                    className: "w-full h-full bg-muted rounded-lg p-4 font-mono text-sm resize-none focus:outline-none focus:ring-2 focus:ring-ring",
+                    className: "w-full h-full bg-transparent p-4 font-mono text-sm text-gray-900 dark:text-gray-100 resize-none focus:outline-none",
                     style: { minHeight: minHeight - 32 },
                     disabled,
                     placeholder: "HTML source code..."
@@ -11984,6 +11984,8 @@ var SimpleEditor = t__namespace.default.forwardRef(
                 suppressContentEditableWarning: true,
                 className: cn(
                   "p-4 outline-none prose prose-sm dark:prose-invert max-w-none overflow-y-auto",
+                  "bg-slate-50 dark:bg-zinc-900/95",
+                  "text-gray-900 dark:text-gray-100",
                   "focus:ring-0",
                   "[&_h1]:text-3xl [&_h1]:font-bold [&_h1]:mb-4",
                   "[&_h2]:text-2xl [&_h2]:font-bold [&_h2]:mb-3",
@@ -12014,7 +12016,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-2 border-t bg-muted/50 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(CharacterCount, { content }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-2 border-t bg-gray-50/50 dark:bg-zinc-800/50 backdrop-blur-sm text-xs text-gray-600 dark:text-gray-400", children: /* @__PURE__ */ jsxRuntime.jsx(CharacterCount, { content }) })
         ]
       }
     );