Deploying to gh-pages from @ 982492a 🚀

Author: snitin315

.server/652.2ca335054388be0d.js .server/652.78158c218f03efcf.js.server/652.2ca335054388be0d.js renamed to .server/652.78158c218f03efcf.js

@@ -278478,6 +278478,105 @@ module.exports = {
 
 /***/ }),
 
+/***/ 9786:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3696);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2688);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2540);
+
+
+
+const Tooltip = _ref => {
+  let {
+    children,
+    content,
+    position = 'bottom',
+    delay = 300,
+    className = ''
+  } = _ref;
+  const [isVisible, setIsVisible] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+  const [isDelayed, setIsDelayed] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+  const showTooltip = () => {
+    const timer = setTimeout(() => {
+      setIsDelayed(true);
+    }, delay);
+    setIsVisible(true);
+    return () => clearTimeout(timer);
+  };
+  const hideTooltip = () => {
+    setIsVisible(false);
+    setIsDelayed(false);
+  };
+  // Position classes - increase the margins to create more space
+  const positions = {
+    top: 'bottom-full left-1/2 -translate-x-1/2 mb-8',
+    bottom: 'top-full left-1/2 -translate-x-1/2 mt-10',
+    left: 'right-full top-1/2 -translate-y-1/2 mr-8',
+    right: 'left-full top-1/2 -translate-y-1/2 ml-8'
+  };
+  // Custom background color for both tooltip and triangle
+  const bgColor = '#526B78';
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
+    className: `relative ${className}`,
+    onMouseEnter: showTooltip,
+    onMouseLeave: hideTooltip,
+    onFocus: showTooltip,
+    onBlur: hideTooltip,
+    children: [children, isVisible && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
+      className: `
+            absolute z-[9999]
+            ${positions[position]}
+            ${isDelayed ? 'opacity-100' : 'opacity-0'}
+            transition-opacity duration-200
+            pointer-events-none
+          `,
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
+        className: "text-white text-xs font-medium p-10 rounded-md whitespace-nowrap shadow-xl",
+        style: {
+          backgroundColor: bgColor
+        },
+        children: [content, position === 'top' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
+          className: "absolute top-full left-1/2 -translate-x-1/2 border-solid border-l-[6px] border-r-[6px] border-t-[6px] border-l-transparent border-r-transparent",
+          style: {
+            borderTopColor: bgColor
+          }
+        }), position === 'bottom' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
+          className: "absolute -top-[6px] left-1/2 -translate-x-1/2 border-solid border-l-[6px] border-r-[6px] border-b-[6px] border-l-transparent border-r-transparent",
+          style: {
+            borderBottomColor: bgColor
+          }
+        }), position === 'left' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
+          className: "absolute top-1/2 -translate-y-1/2 right-[-6px] border-solid border-t-[6px] border-b-[6px] border-l-[6px] border-t-transparent border-b-transparent",
+          style: {
+            borderLeftColor: bgColor
+          }
+        }), position === 'right' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
+          className: "absolute top-1/2 -translate-y-1/2 left-[-6px] border-solid border-t-[6px] border-b-[6px] border-r-[6px] border-t-transparent border-b-transparent",
+          style: {
+            borderRightColor: bgColor
+          }
+        })]
+      })
+    })]
+  });
+};
+Tooltip.propTypes = {
+  children: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node).isRequired,
+  content: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node).isRequired,
+  position: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['top', 'right', 'bottom', 'left']),
+  delay: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tooltip);
+
+/***/ }),
+
 /***/ 3317:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -283959,7 +284058,7 @@ module.exports = require("stream");
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return ".server/" + chunkId + "." + {"321":"70eb3d890cbcde47","562":"1c332fc57e74f083","652":"2ca335054388be0d","703":"6b02234447c0a227"}[chunkId] + ".js";
+/******/ 			return ".server/" + chunkId + "." + {"321":"70eb3d890cbcde47","562":"1c332fc57e74f083","652":"78158c218f03efcf","703":"6b02234447c0a227"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	
@@ -284472,6 +284571,8 @@ _defineProperty(Dropdown, "propTypes", {
   className: (prop_types_default()).string,
   items: (prop_types_default()).array
 });
+// EXTERNAL MODULE: ./components/Tooltip/Tooltip.jsx
+var Tooltip = __webpack_require__(9786);
 ;// ./styles/icons/github.svg
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -284698,6 +284799,7 @@ function HelloDarkness() {
 
 
 
+
 // Load Styling
 
 
@@ -284762,12 +284864,14 @@ function NavigationIcon(_ref3) {
     to,
     title
   } = _ref3;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(Link_Link, {
-    to: to,
-    className: "inline-flex items-center text-gray-100 dark:text-gray-200 hover:text-blue-200",
-    title: `webpack on ${title}`,
-    "aria-label": `webpack on ${title}`,
-    children: children
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(Tooltip/* default */.A, {
+    content: `webpack on ${title}`,
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)(Link_Link, {
+      to: to,
+      className: "inline-flex items-center text-gray-100 dark:text-gray-200 hover:text-blue-200",
+      "aria-label": `webpack on ${title}`,
+      children: children
+    })
   });
 }
 const navigationIconProps = {
@@ -287651,7 +287755,7 @@ function PrintScript() {
   });
 }
 ;// ../dist/prod-assets-manifest.json
-const prod_assets_manifest_namespaceObject = /*#__PURE__*/JSON.parse('{"js":["/vendor.817bc9c70027aefa.js","/index.8cca330f93fd7bfc.js"],"A":["/index.9e6bd440e3104850.css","/4513.869f0846a132527b.css"]}');
+const prod_assets_manifest_namespaceObject = /*#__PURE__*/JSON.parse('{"js":["/vendor.817bc9c70027aefa.js","/index.90ee6ad24d3eda38.js"],"A":["/index.93d749b6c038c22c.css","/4513.869f0846a132527b.css"]}');
 ;// ./server.jsx
 // Import External Dependencies