@julseb-lib/react 0.1.82 → 0.1.84

package/dist/index.d.cts

@@ -3075,7 +3075,7 @@ declare const Drawer: FC$1<ILibDrawer>;
  * @prop {React.ReactNode} [props.nav] - Navigation content to display.
  * @prop {LibAllColors} [props.backgroundColor="primary"] - Background color for the header.
  * @prop {LibAllColors} [props.textColor="white"] - Text color for header content.
- * @prop {LibColorsHover} [props.linkColor="white"] - Color for navigation links.
+ * @prop {LibColorsHover} [props.linksColor="white"] - Color for navigation links.
  *
  * @returns {JSX.Element} The rendered Header component.
  *
@@ -3108,11 +3108,12 @@ declare const Header: FC$1<ILibHeader>;
  * @prop {React.ReactNode} [props.children] - Child elements to display in the footer links section.
  * @prop {boolean} [props.hideSeparator] - Whether to hide the top border separator line.
  * @prop {boolean} [props.hideLinksSeparator] - Whether to hide separators between footer links.
- * @prop {"dot" | "dash"} [props.linksSeparator="dot"] - Type of separator to display between links.
+ * @prop {"dot" | "dash"} [props.linksSeparator="dot"] - Type of separator to display between links. Possible values: "dot", "dash". Default: "dot".
  * @prop {Array<React.ReactNode>} [props.items] - Array of footer link items to display.
  * @prop {React.ReactNode} [props.logo] - Logo element to display in the footer.
- * @prop {"horizontal" | "vertical"} [props.direction="horizontal"] - Layout direction for footer content.
- * @prop {LibAllColors} [props.linksSeparatorColor="gray-500"] - Color for the separator between links.
+ * @prop {"horizontal" | "vertical"} [props.direction="horizontal"] - Layout direction for footer content. Possible values: "horizontal", "vertical". Default: "horizontal".
+ * @prop {LibAllColors} [props.linksSeparatorColor="gray-500"] - Color for the separator between links. Default: "gray-500".
+ * @prop {LibColorsHover} [props.linksColor="primary"] - Color for the footer links. Default: "primary".
  *
  * @returns {JSX.Element} The rendered Footer component.
  *

package/dist/index.d.ts

@@ -3075,7 +3075,7 @@ declare const Drawer: FC$1<ILibDrawer>;
  * @prop {React.ReactNode} [props.nav] - Navigation content to display.
  * @prop {LibAllColors} [props.backgroundColor="primary"] - Background color for the header.
  * @prop {LibAllColors} [props.textColor="white"] - Text color for header content.
- * @prop {LibColorsHover} [props.linkColor="white"] - Color for navigation links.
+ * @prop {LibColorsHover} [props.linksColor="white"] - Color for navigation links.
  *
  * @returns {JSX.Element} The rendered Header component.
  *
@@ -3108,11 +3108,12 @@ declare const Header: FC$1<ILibHeader>;
  * @prop {React.ReactNode} [props.children] - Child elements to display in the footer links section.
  * @prop {boolean} [props.hideSeparator] - Whether to hide the top border separator line.
  * @prop {boolean} [props.hideLinksSeparator] - Whether to hide separators between footer links.
- * @prop {"dot" | "dash"} [props.linksSeparator="dot"] - Type of separator to display between links.
+ * @prop {"dot" | "dash"} [props.linksSeparator="dot"] - Type of separator to display between links. Possible values: "dot", "dash". Default: "dot".
  * @prop {Array<React.ReactNode>} [props.items] - Array of footer link items to display.
  * @prop {React.ReactNode} [props.logo] - Logo element to display in the footer.
- * @prop {"horizontal" | "vertical"} [props.direction="horizontal"] - Layout direction for footer content.
- * @prop {LibAllColors} [props.linksSeparatorColor="gray-500"] - Color for the separator between links.
+ * @prop {"horizontal" | "vertical"} [props.direction="horizontal"] - Layout direction for footer content. Possible values: "horizontal", "vertical". Default: "horizontal".
+ * @prop {LibAllColors} [props.linksSeparatorColor="gray-500"] - Color for the separator between links. Default: "gray-500".
+ * @prop {LibColorsHover} [props.linksColor="primary"] - Color for the footer links. Default: "primary".
  *
  * @returns {JSX.Element} The rendered Footer component.
  *

package/dist/index.js

@@ -2283,15 +2283,19 @@ var useTouchScreen = () => {
 
 // src/lib/hooks/useTranslation.tsx
 import { useState as useState9, useEffect as useEffect7 } from "react";
-import { detectLanguage } from "@julseb-lib/utils";
+import "@julseb-lib/utils";
 var useTranslation = (translations) => {
   const [language, setLanguage] = useState9("en");
   const languages = Object.keys(translations);
   useEffect7(() => {
     if (window && typeof window !== "undefined") {
-      setLanguage(detectLanguage() ?? "en");
+      if (localStorage.getItem("lang")) {
+        setLanguage(
+          localStorage.getItem("lang")?.split("-")[0].toLowerCase() ?? "en"
+        );
+      }
     }
-  }, [language]);
+  }, []);
   const translate = (key) => translations?.[language]?.[key];
   return {
     translate,
@@ -69406,7 +69410,7 @@ var Header = ({
   nav,
   backgroundColor = "primary",
   textColor = "white",
-  linkColor = "white",
+  linksColor = "white",
   ...rest
 }) => {
   const Element = element;
@@ -69455,7 +69459,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" && [
@@ -69490,7 +69494,7 @@ var Header = ({
         position,
         genBgAllColors[backgroundColor],
         genTextAllColor[textColor],
-        genLinkColor[linkColor],
+        genLinkColor[linksColor],
         isHidden ? "top-[-64px]" : "top-0",
         "header",
         className
@@ -69503,7 +69507,7 @@ var Header = ({
           {
             className: clsx(
               "z-999 outline-none [&>a]:outline-none",
-              genRingColorChildren[linkColor]
+              genRingColorChildren[linksColor]
             ),
             children: logo
           }
@@ -69546,6 +69550,7 @@ var Footer = ({
   logo,
   direction = "horizontal",
   linksSeparatorColor = "gray-500",
+  linksColor = "primary",
   ...rest
 }) => {
   const Element = element;
@@ -69558,12 +69563,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__ */ jsx367(Text, { children: logo }) : logo,
         /* @__PURE__ */ jsx367("div", { className: "flex items-container gap-2", children: items?.map((item, i) => /* @__PURE__ */ jsxs293(Fragment14, { children: [
           item,
           i !== items.length - 1 && !hideLinksSeparator && /* @__PURE__ */ jsx367(