@julseb-lib/react 0.1.82 → 0.1.83

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

@@ -69406,7 +69406,7 @@ var Header = ({
   nav,
   backgroundColor = "primary",
   textColor = "white",
-  linkColor = "white",
+  linksColor = "white",
   ...rest
 }) => {
   const Element = element;
@@ -69455,7 +69455,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 +69490,7 @@ var Header = ({
         position,
         genBgAllColors[backgroundColor],
         genTextAllColor[textColor],
-        genLinkColor[linkColor],
+        genLinkColor[linksColor],
         isHidden ? "top-[-64px]" : "top-0",
         "header",
         className
@@ -69503,7 +69503,7 @@ var Header = ({
           {
             className: clsx(
               "z-999 outline-none [&>a]:outline-none",
-              genRingColorChildren[linkColor]
+              genRingColorChildren[linksColor]
             ),
             children: logo
           }
@@ -69546,6 +69546,7 @@ var Footer = ({
   logo,
   direction = "horizontal",
   linksSeparatorColor = "gray-500",
+  linksColor = "primary",
   ...rest
 }) => {
   const Element = element;
@@ -69558,12 +69559,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(