@julseb-lib/react 0.1.82 → 0.1.84

package/dist/index.cjs

@@ -2471,9 +2471,13 @@ var useTranslation = (translations) => {
   const languages = Object.keys(translations);
   (0, import_react15.useEffect)(() => {
     if (window && typeof window !== "undefined") {
-      setLanguage((0, import_utils20.detectLanguage)() ?? "en");
+      if (localStorage.getItem("lang")) {
+        setLanguage(
+          localStorage.getItem("lang")?.split("-")[0].toLowerCase() ?? "en"
+        );
+      }
     }
-  }, [language]);
+  }, []);
   const translate = (key) => translations?.[language]?.[key];
   return {
     translate,
@@ -69568,7 +69572,7 @@ var Header = ({
   nav,
   backgroundColor = "primary",
   textColor = "white",
-  linkColor = "white",
+  linksColor = "white",
   ...rest
 }) => {
   const Element = element;
@@ -69617,7 +69621,7 @@ var Header = ({
       "z-999 flex gap-2 [&>a]:outline-none transition-all duration-200 ease-in-out",
       "fixed md:relative",
       "flex-col md:flex-row px-[5%] md:px-0",
-      genRingColorChildren[linkColor],
+      genRingColorChildren[linksColor],
       navDesktopPosition === "left" && "grow",
       genBgAllColors[backgroundColor],
       navMobileVariant === "drawer" && [
@@ -69652,7 +69656,7 @@ var Header = ({
         position,
         genBgAllColors[backgroundColor],
         genTextAllColor[textColor],
-        genLinkColor[linkColor],
+        genLinkColor[linksColor],
         isHidden ? "top-[-64px]" : "top-0",
         "header",
         className
@@ -69665,7 +69669,7 @@ var Header = ({
           {
             className: clsx(
               "z-999 outline-none [&>a]:outline-none",
-              genRingColorChildren[linkColor]
+              genRingColorChildren[linksColor]
             ),
             children: logo
           }
@@ -69708,6 +69712,7 @@ var Footer = ({
   logo,
   direction = "horizontal",
   linksSeparatorColor = "gray-500",
+  linksColor = "primary",
   ...rest
 }) => {
   const Element = element;
@@ -69720,12 +69725,14 @@ var Footer = ({
         "relative flex px-[5%] pb-4",
         direction === "horizontal" ? "flex-row justify-between" : "flex-col items-center gap-2",
         !hideSeparator && "before:w-[90%] before:h-[1px] before:absolute before:top-0 before:left-[5%] before:bg-gray-200 pt-4",
+        genLinkColor[linksColor],
+        genButtonColor[linksColor],
         "footer",
         className
       ),
       ...rest,
       children: [
-        logo,
+        typeof logo === "string" ? /* @__PURE__ */ (0, import_jsx_runtime368.jsx)(Text, { children: logo }) : logo,
         /* @__PURE__ */ (0, import_jsx_runtime368.jsx)("div", { className: "flex items-container gap-2", children: items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime368.jsxs)(import_react115.Fragment, { children: [
           item,
           i !== items.length - 1 && !hideLinksSeparator && /* @__PURE__ */ (0, import_jsx_runtime368.jsx)(