funuicss 3.9.1 → 3.9.2

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.9.1",
+  "version": "3.9.2",
   "name": "funuicss",
   "description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
   "main": "index.js",

package/ui/form/Form.js

@@ -770,7 +770,7 @@ var Form = function (props) {
         console.warn('Form: No fields configured. Please provide fields prop or configure via theme.');
         return null;
     }
-    return (react_1.default.createElement("div", { className: "form-wrapper ".concat(centered ? 'center' : '', " ").concat(className), style: { width: "100%", maxWidth: width || "450px" } },
+    return (react_1.default.createElement("div", { className: "form-wrapper p-5 ".concat(centered ? 'center' : '', " ").concat(className), style: { width: "100%", maxWidth: width || "450px" } },
         title && (react_1.default.createElement("div", { className: "form-header", style: { marginBottom: '2rem' } },
             react_1.default.createElement(Text_1.default, { text: title, size: titleSize || "3xl", color: titleColor || "", block: true }),
             description && (react_1.default.createElement(Text_1.default, { article: true, size: descriptionSize || "sm", color: descriptionColor || "" },

package/ui/tooltip/ToolTip.js

@@ -65,7 +65,7 @@ function ToolTip(_a) {
     var _e = React.useState({ x: 0, y: 0 }), coords = _e[0], setCoords = _e[1];
     var triggerRef = React.useRef(null);
     var text = message || content || children;
-    var handleMouseEnter = function (e) {
+    var handleMouseEnter = function () {
         if (triggerRef.current) {
             var rect = triggerRef.current.getBoundingClientRect();
             var x = rect.left + (rect.width / 2);
@@ -81,17 +81,22 @@ function ToolTip(_a) {
                 x = rect.right;
                 y = rect.top + (rect.height / 2);
             }
-            setCoords({ x: x, y: y });
+            // Safely get scroll position
+            var scrollX_1 = typeof window !== 'undefined' ? window.scrollX : 0;
+            var scrollY_1 = typeof window !== 'undefined' ? window.scrollY : 0;
+            setCoords({ x: x + scrollX_1, y: y + scrollY_1 });
             setIsVisible(true);
         }
     };
     var handleMouseLeave = function () {
         setIsVisible(false);
     };
-    var tooltipStyle = {
+    // Don't render portal-related JSX during SSR
+    var isBrowser = typeof window !== 'undefined';
+    var tooltipStyle = isBrowser ? {
         position: 'fixed',
-        top: coords.y + window.scrollY,
-        left: coords.x + window.scrollX,
+        top: coords.y,
+        left: coords.x,
         zIndex: 9999,
         opacity: isVisible ? 1 : 0,
         transition: 'opacity 0.2s ease',
@@ -100,12 +105,12 @@ function ToolTip(_a) {
             tip === 'bottom' ? 'translate(-50%, 0)' :
                 tip === 'left' ? 'translate(-100%, -50%)' :
                     'translate(0, -50%)',
-    };
+    } : {};
     return (React.createElement(React.Fragment, null,
         React.createElement("span", __assign({ ref: triggerRef, className: "tooltip ".concat(funcss), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, rest),
             !usePortal && text && (React.createElement("div", { className: "tip tip-".concat(tip) }, text)),
             children && children !== text ? children : null),
-        usePortal && text && isVisible && (0, react_dom_1.createPortal)(React.createElement("div", { className: "tip tip-".concat(tip), style: tooltipStyle }, text), document.body)));
+        isBrowser && usePortal && text && isVisible && (0, react_dom_1.createPortal)(React.createElement("div", { className: "tip tip-".concat(tip), style: tooltipStyle }, text), document.body)));
 }
 // import * as React from 'react';
 // import Tip from './Tip';