nvis-fe-cms-libs 1.0.9 → 1.1.2

package/dist/nvis-fe-cms-libs.es.js

@@ -1392,23 +1392,25 @@ const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
     "div",
     {
       ref: itemRef,
-      className: `relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out cursor-pointer overflow-hidden min-h-[180px]
+      className: `relative flex flex-col items-center justify-center p-4 rounded-xl shadow-sm transition-all duration-700 ease-out cursor-pointer overflow-hidden min-h-[180px] w-full
         ${isDarkMode ? "bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 border border-blue-800" : "bg-white border border-gray-200"}
-        ${visible ? "opacity-100 scale-100" : "opacity-0 scale-75"}
-        ${isHovered ? isDarkMode ? "border-blue-500 shadow-lg shadow-blue-500/20 -translate-y-1" : "border-blue-300 shadow-lg shadow-blue-500/20 -translate-y-1" : ""}`,
+        ${visible ? "opacity-100" : "opacity-0"}
+        ${isHovered ? isDarkMode ? "border-blue-500 shadow-lg shadow-blue-500/20" : "border-blue-300 shadow-lg shadow-blue-500/20" : ""}`,
       style: {
         transitionDelay: `${idx * 150}ms`,
-        transform: `translateY(${isHovered ? "-4px" : "0px"}) scale(${visible ? "1" : "0.75"})`
+        transform: `translateY(${isHovered ? "-4px" : "0px"}) scale(${visible ? "1" : "0.75"})`,
+        position: "relative",
+        zIndex: isHovered ? 10 : 1
       },
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
       onClick: handleClick,
       children: [
         isDarkMode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-12 h-12 bg-white/5 rounded-full", style: { left: "10%", top: "20%" } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-10 h-10 bg-white/5 rounded-full", style: { right: "30%", bottom: "10%" } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-14 h-14 bg-white/5 rounded-md", style: { left: "20%", bottom: "30%" } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 opacity-20", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-12 h-12 bg-white/5 rounded-full pointer-events-none", style: { left: "10%", top: "20%", zIndex: -1 } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-10 h-10 bg-white/5 rounded-full pointer-events-none", style: { right: "30%", bottom: "10%", zIndex: -1 } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-14 h-14 bg-white/5 rounded-md pointer-events-none", style: { left: "20%", bottom: "30%", zIndex: -1 } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 opacity-20 pointer-events-none", style: { zIndex: -1 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
               style: {
@@ -1422,7 +1424,7 @@ const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: `w-20 h-14 flex items-center justify-center mb-4 rounded-lg overflow-hidden border transition-all duration-300
+            className: `relative w-20 h-14 flex items-center justify-center mb-4 rounded-lg overflow-hidden border transition-all duration-300
           ${isDarkMode ? "border-gray-600" : "border-gray-200"}
           ${isHovered ? "border-blue-500" : ""}
         `,
@@ -1434,7 +1436,7 @@ const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
                 "img",
                 {
                   src: logoSrc,
-                  alt: partner.name || t("partners.logoAlt") || "Partner logo",
+                  alt: partner.name || (t == null ? void 0 : t("partners.logoAlt")) || "Partner logo",
                   className: "max-w-full max-h-full object-contain transition-all duration-300",
                   style: {
                     filter: isDarkMode ? isHovered ? "grayscale(0) opacity(1)" : "grayscale(0.3) opacity(0.8)" : isHovered ? "grayscale(0) opacity(1)" : "grayscale(0.2) opacity(0.9)",
@@ -1444,7 +1446,7 @@ const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
                   loading: "lazy"
                 }
               ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", style: { display: "none" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-center text-sm px-1", children: partner.name }) })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", style: { display: "none" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-center text-sm px-1", children: partner.name }) })
             ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-center text-sm px-1", children: partner.name }) })
           }
         ),
@@ -1453,13 +1455,13 @@ const PartnerListCard = ({ partner, idx = 0, t, isDarkMode, getLogoUrl }) => {
         partner.websiteUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: "transition-all duration-300",
+            className: "transition-all duration-300 absolute bottom-4",
             style: {
               opacity: isHovered ? 1 : 0,
               transform: `translateY(${isHovered ? "0px" : "4px"})`
             },
             children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-blue-600 font-medium", children: [
-              t("partners.viewDetails") || "Xem chi tiết",
+              (t == null ? void 0 : t("partners.viewDetails")) || "Xem chi tiết",
               " →"
             ] })
           }
@@ -1634,7 +1636,7 @@ const PartnerListSection = ({ t, isDarkMode, getPartnerList, imageBaseUrl = "" }
   );
 };
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1659,7 +1661,7 @@ const hasA11yProp = (props) => {
   }
 };
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1676,7 +1678,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1719,7 +1721,7 @@ const Icon = forwardRef(
   }
 );
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1743,7 +1745,7 @@ const createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1755,7 +1757,7 @@ const __iconNode$9 = [
 ];
 const CircleAlert = createLucideIcon("circle-alert", __iconNode$9);
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1766,7 +1768,7 @@ const __iconNode$8 = [
 ];
 const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$8);
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1777,7 +1779,7 @@ const __iconNode$7 = [
 ];
 const Clock = createLucideIcon("clock", __iconNode$7);
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1785,7 +1787,7 @@ const Clock = createLucideIcon("clock", __iconNode$7);
 const __iconNode$6 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
 const LoaderCircle = createLucideIcon("loader-circle", __iconNode$6);
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1796,7 +1798,7 @@ const __iconNode$5 = [
 ];
 const Mail = createLucideIcon("mail", __iconNode$5);
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1812,7 +1814,7 @@ const __iconNode$4 = [
 ];
 const MessageCircle = createLucideIcon("message-circle", __iconNode$4);
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1828,7 +1830,7 @@ const __iconNode$3 = [
 ];
 const MessageSquare = createLucideIcon("message-square", __iconNode$3);
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1844,7 +1846,7 @@ const __iconNode$2 = [
 ];
 const Phone = createLucideIcon("phone", __iconNode$2);
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1861,7 +1863,7 @@ const __iconNode$1 = [
 ];
 const Send = createLucideIcon("send", __iconNode$1);
 /**
- * @license lucide-react v0.544.0 - ISC
+ * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.