npm - @moontra/moonui-pro - Versions diffs - 2.25.15 → 2.25.17 - Mend

@moontra/moonui-pro 2.25.15 → 2.25.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1725,6 +1725,32 @@ var require_core = __commonJS({
     highlight.default = highlight;
   }
 });
+// #style-inject:#style-inject
+function styleInject(css2, { insertAt } = {}) {
+  if (!css2 || typeof document === "undefined")
+    return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style2 = document.createElement("style");
+  style2.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style2, head.firstChild);
+    } else {
+      head.appendChild(style2);
+    }
+  } else {
+    head.appendChild(style2);
+  }
+  if (style2.styleSheet) {
+    style2.styleSheet.cssText = css2;
+  } else {
+    style2.appendChild(document.createTextNode(css2));
+  }
+}
+// src/styles/components.css
+styleInject(".moonui-pro-sidebar {\n  isolation: isolate;\n  position: relative;\n}\n.moonui-pro-sidebar > * {\n  margin: 0;\n}\n.moonui-pro-navbar {\n  isolation: isolate;\n  position: relative;\n  width: 100%;\n}\n.moonui-pro-sidebar *:not(.moonui-pro-sidebar *),\n.moonui-pro-navbar *:not(.moonui-pro-navbar *) {\n  all: revert;\n}\n@media (max-width: 768px) {\n  .moonui-pro-sidebar {\n    position: fixed;\n    height: 100vh;\n    z-index: 50;\n  }\n}\n");
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -8594,8 +8620,6 @@ function toast({ ...props }) {
     update
   };
 }
-// ../../node_modules/@radix-ui/primitive/dist/index.mjs
 function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
@@ -9925,15 +9949,9 @@ function getWindowScrollBarX(element, rect) {
   }
   return rect.left + leftScroll;
 }
-function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
-  if (ignoreScrollbarX === void 0) {
-    ignoreScrollbarX = false;
-  }
+function getHTMLOffset(documentElement, scroll) {
   const htmlRect = documentElement.getBoundingClientRect();
-  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
-    // RTL <body> scrollbar.
-    getWindowScrollBarX(documentElement, htmlRect)
-  ));
+  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
   const y = htmlRect.top + scroll.scrollTop;
   return {
     x,
@@ -9971,7 +9989,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
@@ -10000,6 +10018,7 @@ function getDocumentRect(element) {
     y
   };
 }
+var SCROLLBAR_MAX = 25;
 function getViewportRect(element, strategy) {
   const win = getWindow(element);
   const html = getDocumentElement(element);
@@ -10017,6 +10036,19 @@ function getViewportRect(element, strategy) {
       y = visualViewport.offsetTop;
     }
   }
+  const windowScrollbarX = getWindowScrollBarX(html);
+  if (windowScrollbarX <= 0) {
+    const doc3 = html.ownerDocument;
+    const body = doc3.body;
+    const bodyStyles = getComputedStyle(body);
+    const bodyMarginInline = doc3.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
+    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
+    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
+      width -= clippingStableScrollbarWidth;
+    }
+  } else if (windowScrollbarX <= SCROLLBAR_MAX) {
+    width += windowScrollbarX;
+  }
   return {
     width,
     height,
@@ -10759,8 +10791,13 @@ var PopperAnchor = t.forwardRef(
     const context = usePopperContext(ANCHOR_NAME, __scopePopper);
     const ref = t.useRef(null);
     const composedRefs = useComposedRefs2(forwardedRef, ref);
+    const anchorRef = t.useRef(null);
     t.useEffect(() => {
-      context.onAnchorChange(virtualRef?.current || ref.current);
+      const previousAnchor = anchorRef.current;
+      anchorRef.current = virtualRef?.current || ref.current;
+      if (previousAnchor !== anchorRef.current) {
+        context.onAnchorChange(anchorRef.current);
+      }
     });
     return virtualRef ? null : /* @__PURE__ */ jsx(Primitive2.div, { ...anchorProps, ref: composedRefs });
   }
@@ -11083,7 +11120,7 @@ function usePresence2(present) {
       const ownerWindow = node.ownerDocument.defaultView ?? window;
       const handleAnimationEnd = (event) => {
         const currentAnimationName = getAnimationName2(stylesRef.current);
-        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
+        const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
         if (event.target === node && isCurrentAnimation) {
           send("ANIMATION_END");
           if (!prevPresentRef.current) {
@@ -32979,12 +33016,17 @@ function run2(config) {
   });
   const handlers2 = [];
   state.doc.nodesBetween(from2, to, (node, pos) => {
-    if (!node.isTextblock || node.type.spec.code) {
+    var _a2, _b, _c, _d, _e2;
+    if (((_b = (_a2 = node.type) == null ? void 0 : _a2.spec) == null ? void 0 : _b.code) || !(node.isText || node.isTextblock || node.isInline)) {
       return;
     }
+    const contentSize = (_e2 = (_d = (_c = node.content) == null ? void 0 : _c.size) != null ? _d : node.nodeSize) != null ? _e2 : 0;
     const resolvedFrom = Math.max(from2, pos);
-    const resolvedTo = Math.min(to, pos + node.content.size);
-    const textToMatch = node.textBetween(resolvedFrom - pos, resolvedTo - pos, void 0, "\uFFFC");
+    const resolvedTo = Math.min(to, pos + contentSize);
+    if (resolvedFrom >= resolvedTo) {
+      return;
+    }
+    const textToMatch = node.isText ? node.text || "" : node.textBetween(resolvedFrom - pos, resolvedTo - pos, void 0, "\uFFFC");
     const matches2 = pasteRuleMatcherHandler(textToMatch, rule.find, pasteEvent);
     matches2.forEach((match) => {
       if (match.index === void 0) {
@@ -33199,8 +33241,6 @@ var ExtensionManager = class {
   get plugins() {
     const { editor } = this;
     const extensions = sortExtensions([...this.extensions].reverse());
-    const inputRules = [];
-    const pasteRules = [];
     const allPlugins = extensions.map((extension) => {
       const context = {
         name: extension.name,
@@ -33231,11 +33271,23 @@ var ExtensionManager = class {
       plugins.push(keyMapPlugin);
       const addInputRules = getExtensionField(extension, "addInputRules", context);
       if (isExtensionRulesEnabled(extension, editor.options.enableInputRules) && addInputRules) {
-        inputRules.push(...addInputRules());
+        const rules = addInputRules();
+        if (rules && rules.length) {
+          const inputResult = inputRulesPlugin({
+            editor,
+            rules
+          });
+          const inputPlugins = Array.isArray(inputResult) ? inputResult : [inputResult];
+          plugins.push(...inputPlugins);
+        }
       }
       const addPasteRules = getExtensionField(extension, "addPasteRules", context);
       if (isExtensionRulesEnabled(extension, editor.options.enablePasteRules) && addPasteRules) {
-        pasteRules.push(...addPasteRules());
+        const rules = addPasteRules();
+        if (rules && rules.length) {
+          const pasteRules = pasteRulesPlugin({ editor, rules });
+          plugins.push(...pasteRules);
+        }
       }
       const addProseMirrorPlugins = getExtensionField(
         extension,
@@ -33248,17 +33300,7 @@ var ExtensionManager = class {
       }
       return plugins;
     }).flat();
-    return [
-      inputRulesPlugin({
-        editor,
-        rules: inputRules
-      }),
-      ...pasteRulesPlugin({
-        editor,
-        rules: pasteRules
-      }),
-      ...allPlugins
-    ];
+    return allPlugins;
   }
   /**
    * Get all attributes from the extensions.
@@ -34060,7 +34102,8 @@ function canSetMark(state, tr2, newMarkType) {
   }
   if (cursor) {
     const currentMarks = (_a2 = state.storedMarks) != null ? _a2 : cursor.marks();
-    return !!newMarkType.isInSet(currentMarks) || !currentMarks.some((mark) => mark.type.excludes(newMarkType));
+    const parentAllowsMarkType = cursor.parent.type.allowsMarkType(newMarkType);
+    return parentAllowsMarkType && (!!newMarkType.isInSet(currentMarks) || !currentMarks.some((mark) => mark.type.excludes(newMarkType)));
   }
   const { ranges } = selection;
   return ranges.some(({ $from, $to }) => {
@@ -35160,6 +35203,8 @@ var Editor = class extends EventEmitter {
       emitContentError: false,
       onBeforeCreate: () => null,
       onCreate: () => null,
+      onMount: () => null,
+      onUnmount: () => null,
       onUpdate: () => null,
       onSelectionUpdate: () => null,
       onTransaction: () => null,
@@ -35181,6 +35226,8 @@ var Editor = class extends EventEmitter {
     this.createSchema();
     this.on("beforeCreate", this.options.onBeforeCreate);
     this.emit("beforeCreate", { editor: this });
+    this.on("mount", this.options.onMount);
+    this.on("unmount", this.options.onUnmount);
     this.on("contentError", this.options.onContentError);
     this.on("create", this.options.onCreate);
     this.on("update", this.options.onUpdate);
@@ -35213,6 +35260,7 @@ var Editor = class extends EventEmitter {
       );
     }
     this.createView(el);
+    this.emit("mount", { editor: this });
     window.setTimeout(() => {
       if (this.isDestroyed) {
         return;
@@ -35226,7 +35274,6 @@ var Editor = class extends EventEmitter {
    * Remove the editor from the DOM, but still allow remounting at a different point in time
    */
   unmount() {
-    var _a2;
     if (this.editorView) {
       const dom = this.editorView.dom;
       if (dom == null ? void 0 : dom.editor) {
@@ -35236,8 +35283,19 @@ var Editor = class extends EventEmitter {
     }
     this.editorView = null;
     this.isInitialized = false;
-    (_a2 = this.css) == null ? void 0 : _a2.remove();
+    if (this.css) {
+      try {
+        if (typeof this.css.remove === "function") {
+          this.css.remove();
+        } else if (this.css.parentNode) {
+          this.css.parentNode.removeChild(this.css);
+        }
+      } catch (error) {
+        console.warn("Failed to remove CSS element:", error);
+      }
+    }
     this.css = null;
+    this.emit("unmount", { editor: this });
   }
   /**
    * Returns the editor storage.
@@ -36563,7 +36621,7 @@ var Bold = Mark2.create({
 });
 // ../../node_modules/@tiptap/extension-code/dist/index.js
-var inputRegex2 = /(^|[^`])`([^`]+)`(?!`)/;
+var inputRegex2 = /(^|[^`])`([^`]+)`(?!`)$/;
 var pasteRegex = /(^|[^`])`([^`]+)`(?!`)/g;
 var Code = Mark2.create({
   name: "code",
@@ -36628,6 +36686,8 @@ var CodeBlock = Node3.create({
       exitOnTripleEnter: true,
       exitOnArrowDown: true,
       defaultLanguage: null,
+      enableTabIndentation: false,
+      tabSize: 4,
       HTMLAttributes: {}
     };
   },
@@ -36701,6 +36761,91 @@ var CodeBlock = Node3.create({
         }
         return false;
       },
+      // handle tab indentation
+      Tab: ({ editor }) => {
+        if (!this.options.enableTabIndentation) {
+          return false;
+        }
+        const { state } = editor;
+        const { selection } = state;
+        const { $from, empty: empty2 } = selection;
+        if ($from.parent.type !== this.type) {
+          return false;
+        }
+        const indent = " ".repeat(this.options.tabSize);
+        if (empty2) {
+          return editor.commands.insertContent(indent);
+        }
+        return editor.commands.command(({ tr: tr2 }) => {
+          const { from: from2, to } = selection;
+          const text = state.doc.textBetween(from2, to, "\n", "\n");
+          const lines = text.split("\n");
+          const indentedText = lines.map((line) => indent + line).join("\n");
+          tr2.replaceWith(from2, to, state.schema.text(indentedText));
+          return true;
+        });
+      },
+      // handle shift+tab reverse indentation
+      "Shift-Tab": ({ editor }) => {
+        if (!this.options.enableTabIndentation) {
+          return false;
+        }
+        const { state } = editor;
+        const { selection } = state;
+        const { $from, empty: empty2 } = selection;
+        if ($from.parent.type !== this.type) {
+          return false;
+        }
+        if (empty2) {
+          return editor.commands.command(({ tr: tr2 }) => {
+            var _a2;
+            const { pos } = $from;
+            const codeBlockStart = $from.start();
+            const codeBlockEnd = $from.end();
+            const allText = state.doc.textBetween(codeBlockStart, codeBlockEnd, "\n", "\n");
+            const lines = allText.split("\n");
+            let currentLineIndex = 0;
+            let charCount = 0;
+            const relativeCursorPos = pos - codeBlockStart;
+            for (let i = 0; i < lines.length; i += 1) {
+              if (charCount + lines[i].length >= relativeCursorPos) {
+                currentLineIndex = i;
+                break;
+              }
+              charCount += lines[i].length + 1;
+            }
+            const currentLine = lines[currentLineIndex];
+            const leadingSpaces = ((_a2 = currentLine.match(/^ */)) == null ? void 0 : _a2[0]) || "";
+            const spacesToRemove = Math.min(leadingSpaces.length, this.options.tabSize);
+            if (spacesToRemove === 0) {
+              return true;
+            }
+            let lineStartPos = codeBlockStart;
+            for (let i = 0; i < currentLineIndex; i += 1) {
+              lineStartPos += lines[i].length + 1;
+            }
+            tr2.delete(lineStartPos, lineStartPos + spacesToRemove);
+            const cursorPosInLine = pos - lineStartPos;
+            if (cursorPosInLine <= spacesToRemove) {
+              tr2.setSelection(TextSelection.create(tr2.doc, lineStartPos));
+            }
+            return true;
+          });
+        }
+        return editor.commands.command(({ tr: tr2 }) => {
+          const { from: from2, to } = selection;
+          const text = state.doc.textBetween(from2, to, "\n", "\n");
+          const lines = text.split("\n");
+          const reverseIndentText = lines.map((line) => {
+            var _a2;
+            const leadingSpaces = ((_a2 = line.match(/^ */)) == null ? void 0 : _a2[0]) || "";
+            const spacesToRemove = Math.min(leadingSpaces.length, this.options.tabSize);
+            return line.slice(spacesToRemove);
+          }).join("\n");
+          tr2.replaceWith(from2, to, state.schema.text(reverseIndentText));
+          return true;
+        });
+      },
       // exit node on triple enter
       Enter: ({ editor }) => {
         if (!this.options.exitOnTripleEnter) {
@@ -43701,6 +43846,20 @@ var BackgroundColor = Extension.create({
             default: null,
             parseHTML: (element) => {
               var _a2;
+              const styleAttr = element.getAttribute("style");
+              if (styleAttr) {
+                const decls = styleAttr.split(";").map((s) => s.trim()).filter(Boolean);
+                for (let i = decls.length - 1; i >= 0; i -= 1) {
+                  const parts = decls[i].split(":");
+                  if (parts.length >= 2) {
+                    const prop = parts[0].trim().toLowerCase();
+                    const val = parts.slice(1).join(":").trim();
+                    if (prop === "background-color") {
+                      return val.replace(/['"]+/g, "");
+                    }
+                  }
+                }
+              }
               return (_a2 = element.style.backgroundColor) == null ? void 0 : _a2.replace(/['"]+/g, "");
             },
             renderHTML: (attributes) => {
@@ -43743,6 +43902,20 @@ var Color = Extension.create({
             default: null,
             parseHTML: (element) => {
               var _a2;
+              const styleAttr = element.getAttribute("style");
+              if (styleAttr) {
+                const decls = styleAttr.split(";").map((s) => s.trim()).filter(Boolean);
+                for (let i = decls.length - 1; i >= 0; i -= 1) {
+                  const parts = decls[i].split(":");
+                  if (parts.length >= 2) {
+                    const prop = parts[0].trim().toLowerCase();
+                    const val = parts.slice(1).join(":").trim();
+                    if (prop === "color") {
+                      return val.replace(/['"]+/g, "");
+                    }
+                  }
+                }
+              }
               return (_a2 = element.style.color) == null ? void 0 : _a2.replace(/['"]+/g, "");
             },
             renderHTML: (attributes) => {
@@ -44235,6 +44408,8 @@ var CodeBlockLowlight = index_default.extend({
       exitOnTripleEnter: true,
       exitOnArrowDown: true,
       defaultLanguage: null,
+      enableTabIndentation: false,
+      tabSize: 4,
       HTMLAttributes: {}
     };
   },
@@ -57939,29 +58114,6 @@ var SlashCommandsExtension = Extension.create({
   }
 });
-// #style-inject:#style-inject
-function styleInject(css2, { insertAt } = {}) {
-  if (!css2 || typeof document === "undefined")
-    return;
-  const head = document.head || document.getElementsByTagName("head")[0];
-  const style2 = document.createElement("style");
-  style2.type = "text/css";
-  if (insertAt === "top") {
-    if (head.firstChild) {
-      head.insertBefore(style2, head.firstChild);
-    } else {
-      head.appendChild(style2);
-    }
-  } else {
-    head.appendChild(style2);
-  }
-  if (style2.styleSheet) {
-    style2.styleSheet.cssText = css2;
-  } else {
-    style2.appendChild(document.createTextNode(css2));
-  }
-}
 // src/components/rich-text-editor/slash-commands.css
 styleInject(".slash-commands-menu {\n  border-radius: var(--radius);\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.slash-commands-menu:is(.dark *) {\n  --tw-border-opacity: 1;\n  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));\n}\n.slash-commands-menu {\n  max-height: 20rem;\n  min-width: 280px;\n  overflow-y: auto;\n  padding: 0.5rem;\n}\n.slash-command-item {\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  gap: 0.75rem;\n  border-radius: calc(var(--radius) - 2px);\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.slash-command-item:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.slash-command-item:hover:is(.dark *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\n.slash-command-item.selected {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.slash-command-item.selected:is(.dark *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\n.slash-command-item svg {\n  height: 1rem;\n  width: 1rem;\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.slash-command-item svg:is(.dark *) {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.slash-command-item > div {\n  flex: 1 1 0%;\n}\n.slash-command-item .command-name {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  font-weight: 500;\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.slash-command-item .command-name:is(.dark *) {\n  --tw-text-opacity: 1;\n  color: rgb(243 244 246 / var(--tw-text-opacity, 1));\n}\n.slash-command-item .command-description {\n  margin-top: 0.125rem;\n  font-size: 0.75rem;\n  line-height: 1rem;\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.slash-command-item .command-description:is(.dark *) {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.dark .slash-commands-menu {\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);\n}\n");
@@ -62513,7 +62665,8 @@ function AdvancedChartInternal({
           showTooltip && /* @__PURE__ */ jsx(
             Tooltip,
             {
-              cursor: { fill: darkMode ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)" }
+              cursor: { fill: darkMode ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)" },
+              content: customTooltip ? customTooltip : CustomTooltip
             }
           ),
           showLegend && /* @__PURE__ */ jsx(
@@ -62585,7 +62738,12 @@ function AdvancedChartInternal({
               axisLine: { stroke: darkMode ? "#4b5563" : "#d1d5db" }
             }
           ),
-          showTooltip && /* @__PURE__ */ jsx(Tooltip, {}),
+          showTooltip && /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              content: customTooltip ? customTooltip : CustomTooltip
+            }
+          ),
           showLegend && /* @__PURE__ */ jsx(
             Legend,
             {
@@ -62716,7 +62874,12 @@ function AdvancedChartInternal({
               axisLine: { stroke: darkMode ? "#4b5563" : "#d1d5db" }
             }
           ),
-          showTooltip && /* @__PURE__ */ jsx(Tooltip, {}),
+          showTooltip && /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              content: customTooltip ? customTooltip : CustomTooltip
+            }
+          ),
           showLegend && /* @__PURE__ */ jsx(
             Legend,
             {
@@ -74847,7 +75010,7 @@ function SidebarInternal({
     ] });
   });
   const sidebarClasses = cn(
-    "moonui-pro flex h-full flex-col bg-background border-r",
+    "moonui-pro-sidebar flex flex-col bg-background border-r",
     glassmorphism && "bg-background/80 backdrop-blur-xl border-white/10",
     collapsed && !isMobile && "w-16",
     !collapsed && !isMobile && "w-64",
@@ -74875,7 +75038,7 @@ function SidebarInternal({
           children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
         }
       ),
-      /* @__PURE__ */ jsx(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsx(SheetContent, { side: "left", className: "w-80 p-0", children: /* @__PURE__ */ jsxs("div", { className: cn(sidebarClasses, "sidebar-container flex flex-col"), children: [
+      /* @__PURE__ */ jsx(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsx(SheetContent, { side: "left", className: "w-80 p-0", children: /* @__PURE__ */ jsxs("div", { className: cn(sidebarClasses, "h-full overflow-y-auto"), children: [
         animatedBackground && /* @__PURE__ */ jsx(
           motion.div,
           {
@@ -74901,7 +75064,7 @@ function SidebarInternal({
       ] }) }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs("aside", { className: cn(sidebarClasses, "sidebar-container hidden md:flex flex-col"), children: [
+  return /* @__PURE__ */ jsxs("aside", { className: cn(sidebarClasses, "hidden md:flex sticky top-0 h-screen overflow-y-auto"), children: [
     animatedBackground && /* @__PURE__ */ jsx(
       motion.div,
       {
@@ -75091,7 +75254,7 @@ function NavbarInternal({
   }) });
   const MobileMenu = () => /* @__PURE__ */ jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "icon", className: "md:hidden", children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" }) }) }),
-    /* @__PURE__ */ jsx(SheetContent, { side: mobileMenuPosition, className: "w-80 p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx(SheetContent, { side: mobileMenuPosition, className: "w-80 p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen overflow-y-auto", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
         branding && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           branding.logo,
@@ -75180,7 +75343,7 @@ function NavbarInternal({
     className
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("nav", { ref: navRef, className: navClasses, children: [
+    /* @__PURE__ */ jsxs("nav", { ref: navRef, className: cn("moonui-pro-navbar", navClasses), children: [
       /* @__PURE__ */ jsxs("div", { className: cn(
         "flex items-center",
         getHeight(),
@@ -78445,10 +78608,10 @@ var cardVariants = cva(
         glass: "border border-white/20 bg-white/10 backdrop-blur-md dark:border-gray-700/30 dark:bg-gray-800/10"
       },
       size: {
-        default: "p-6",
-        sm: "p-4",
-        lg: "p-8",
-        xl: "p-10"
+        default: "",
+        sm: "",
+        lg: "",
+        xl: ""
       },
       radius: {
         default: "rounded-lg",
@@ -78501,7 +78664,7 @@ var CardHeader = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   "div",
   {
     ref,
-    className: cn2("moonui-theme", "flex flex-col space-y-1.5", className),
+    className: cn2("moonui-theme", "flex flex-col space-y-1.5 p-6", className),
     ...props
   }
 ));
@@ -78524,13 +78687,13 @@ var CardDescription2 = t.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardDescription2.displayName = "CardDescription";
-var CardContent = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn2("moonui-theme", "pt-0", className), ...props }));
+var CardContent = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn2("moonui-theme", "p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardFooter = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
-    className: cn2("moonui-theme", "flex items-center pt-4", className),
+    className: cn2("moonui-theme", "flex items-center p-6 pt-0", className),
     ...props
   }
 ));

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.25.15",
+    "version": "2.25.17",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",