nvis-fe-cms-libs 1.0.9 → 1.1.2

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

@@ -1395,23 +1395,25 @@ var __async = (__this, __arguments, generator) => {
       "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: {
@@ -1425,7 +1427,7 @@ var __async = (__this, __arguments, generator) => {
           /* @__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" : ""}
         `,
@@ -1437,7 +1439,7 @@ var __async = (__this, __arguments, generator) => {
                   "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)",
@@ -1447,7 +1449,7 @@ var __async = (__this, __arguments, generator) => {
                     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 }) })
             }
           ),
@@ -1456,13 +1458,13 @@ var __async = (__this, __arguments, generator) => {
           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",
                 " →"
               ] })
             }
@@ -1637,7 +1639,7 @@ var __async = (__this, __arguments, generator) => {
     );
   };
   /**
-   * @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.
@@ -1662,7 +1664,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   /**
-   * @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.
@@ -1679,7 +1681,7 @@ var __async = (__this, __arguments, generator) => {
     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.
@@ -1722,7 +1724,7 @@ var __async = (__this, __arguments, generator) => {
     }
   );
   /**
-   * @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.
@@ -1746,7 +1748,7 @@ var __async = (__this, __arguments, generator) => {
     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.
@@ -1758,7 +1760,7 @@ var __async = (__this, __arguments, generator) => {
   ];
   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.
@@ -1769,7 +1771,7 @@ var __async = (__this, __arguments, generator) => {
   ];
   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.
@@ -1780,7 +1782,7 @@ var __async = (__this, __arguments, generator) => {
   ];
   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.
@@ -1788,7 +1790,7 @@ var __async = (__this, __arguments, generator) => {
   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.
@@ -1799,7 +1801,7 @@ var __async = (__this, __arguments, generator) => {
   ];
   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.
@@ -1815,7 +1817,7 @@ var __async = (__this, __arguments, generator) => {
   ];
   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.
@@ -1831,7 +1833,7 @@ var __async = (__this, __arguments, generator) => {
   ];
   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.
@@ -1847,7 +1849,7 @@ var __async = (__this, __arguments, generator) => {
   ];
   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.
@@ -1864,7 +1866,7 @@ var __async = (__this, __arguments, generator) => {
   ];
   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.