@moontra/moonui 2.2.5 → 2.2.6

package/dist/index.mjs

@@ -8492,7 +8492,7 @@ function DatePicker({
     /* @__PURE__ */ 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__ */ jsxs(
@@ -8583,7 +8583,7 @@ function DateRangePicker({
         ]
       }
     ) }),
-    /* @__PURE__ */ 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__ */ jsx(
+    /* @__PURE__ */ 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__ */ jsx(
       Calendar,
       {
         mode: "range",
@@ -8741,7 +8741,7 @@ function MonthPicker({
         ]
       }
     ) }),
-    /* @__PURE__ */ 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__ */ jsxs("div", { className: "p-3", children: [
+    /* @__PURE__ */ 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__ */ jsxs("div", { className: "p-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ jsx(
           Button,
@@ -11631,7 +11631,7 @@ var SimpleEditor = t__default.forwardRef(
       }
     }, [executeCommand, updateContent]);
     t__default.useEffect(() => {
-      if (editorRef.current && content !== editorRef.current.innerHTML) {
+      if (editorRef.current && content && content !== editorRef.current.innerHTML) {
         editorRef.current.innerHTML = content;
       }
     }, [content]);
@@ -11644,7 +11644,7 @@ var SimpleEditor = t__default.forwardRef(
     const toolbar = showToolbar && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
       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: [
@@ -11691,7 +11691,7 @@ var SimpleEditor = t__default.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxs(
               Select,
               {
@@ -11723,7 +11723,7 @@ var SimpleEditor = t__default.forwardRef(
                 ]
               }
             ),
-            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx(
                 ToolbarButton,
@@ -11766,7 +11766,7 @@ var SimpleEditor = t__default.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx(
                 ToolbarButton,
@@ -11809,7 +11809,7 @@ var SimpleEditor = t__default.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx(
                 ToolbarButton,
@@ -11830,7 +11830,7 @@ var SimpleEditor = t__default.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx(
                 ToolbarButton,
@@ -11851,7 +11851,7 @@ var SimpleEditor = t__default.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxs(Popover, { children: [
               /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
                 Button,
@@ -11866,7 +11866,7 @@ var SimpleEditor = t__default.forwardRef(
               ) }),
               /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsx(ColorPicker2, { onColorSelect: setTextColor }) })
             ] }),
-            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx(
                 ToolbarButton,
@@ -11889,7 +11889,7 @@ var SimpleEditor = t__default.forwardRef(
             ] })
           ] }),
           showPreview && /* @__PURE__ */ jsxs(Fragment, { children: [
-            !isPreview && /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6" }),
+            !isPreview && /* @__PURE__ */ jsx(Separator3, { orientation: "vertical", className: "h-6 bg-gray-300 dark:bg-zinc-600" }),
             /* @__PURE__ */ jsx(
               ToolbarButton,
               {
@@ -11916,7 +11916,7 @@ var SimpleEditor = t__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
         ),
@@ -11929,7 +11929,7 @@ var SimpleEditor = t__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__ */ jsx(
                   "textarea",
@@ -11937,7 +11937,7 @@ var SimpleEditor = t__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..."
@@ -11952,6 +11952,8 @@ var SimpleEditor = t__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",
@@ -11982,7 +11984,7 @@ var SimpleEditor = t__default.forwardRef(
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "px-4 py-2 border-t bg-muted/50 text-xs text-muted-foreground", children: /* @__PURE__ */ jsx(CharacterCount, { content }) })
+          /* @__PURE__ */ 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__ */ jsx(CharacterCount, { content }) })
         ]
       }
     );