@julseb-lib/react 1.0.4 → 1.0.6

package/dist/index.d.cts

@@ -3056,26 +3056,28 @@ declare const Drawer: FC$1<ILibDrawer>;
  *   </nav>
  * </Header>
  *
- * @extends HTMLDivElement
+ * @extends ILibHeader
  *
  * @prop {string} [props.className] - Additional CSS classes to apply to the header container.
- * @prop {React.ElementType} [props.element="header"] - HTML element type to render as the container.
+ * @prop {React.ElementType} [props.element="header"] - HTML element type to render as the container. Default: "header".
  * @prop {React.Ref<HTMLDivElement>} [props.ref] - Ref to the header element.
- * @prop {React.ReactNode} [props.logo] - Logo content to display in the header.
- * @prop {"left" | "right"} [props.burgerPosition="right"] - Position of the burger menu button.
- * @prop {LibColorsHover | object} [props.burgerColor="white"] - Color for the burger menu button, can be a single color or object with open/closed states.
  * @prop {React.ReactNode} [props.children] - Content to display in the navigation area.
- * @prop {"left" | "right"} [props.navDesktopPosition="right"] - Position of the navigation on desktop screens.
- * @prop {"drawer" | "fullscreen"} [props.navMobileVariant="drawer"] - Variant for mobile navigation display.
+ * @prop {React.ReactNode} [props.logo] - Logo content to display in the header.
+ * @prop {"left" | "right"} [props.burgerPosition="right"] - Position of the burger menu button. Possible values: "left", "right". Default: "right".
+ * @prop {LibColorsHover | { open: LibColorsHover; closed: LibColorsHover }} [props.burgerColor="white"] - Color for the burger menu button, can be a single color or object with open/closed states. Default: "white".
+ * @prop {"left" | "right"} [props.navDesktopPosition="right"] - Position of the navigation on desktop screens. Possible values: "left", "right". Default: "right".
+ * @prop {"drawer" | "full" | "top"} [props.navMobileVariant="drawer"] - Variant for mobile navigation display. Possible values: "drawer", "full", "top". Default: "drawer".
  * @prop {boolean} [props.enableScrollingOpen] - Whether to allow page scrolling when mobile menu is open.
  * @prop {React.ReactNode} [props.search] - Search component to display in the header.
- * @prop {"relative" | "absolute" | "fixed"} [props.position="relative"] - CSS position property for the header.
+ * @prop {"relative" | "absolute" | "fixed"} [props.position="relative"] - CSS position property for the header. Possible values: "relative", "absolute", "fixed". Default: "relative".
  * @prop {boolean | number} [props.hideOnScroll] - Whether to hide header on scroll, or scroll threshold in pixels.
  * @prop {Array<React.ReactNode>} [props.links] - Array of link elements for navigation.
  * @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.linksColor="white"] - Color for navigation links.
+ * @prop {LibAllColors} [props.backgroundColor="primary"] - Background color for the header. Default: "primary".
+ * @prop {LibAllColors} [props.navMobileBackground=backgroundColor] - Background color for mobile navigation. Default: backgroundColor value.
+ * @prop {LibAllColors} [props.textColor="white"] - Text color for header content. Default: "white".
+ * @prop {LibColorsHover} [props.linksColor="white"] - Color for navigation links. Default: "white".
+ * @prop {LibAllColors} [props.headerOpenMobileBackground=backgroundColor] - Background color when mobile menu is open. Default: backgroundColor value.
  *
  * @returns {JSX.Element} The rendered Header component.
  *
@@ -3137,6 +3139,8 @@ declare const Footer: FC$1<ILibFooter>;
  *   url="https://mywebsite.com"
  * />
  *
+ * @extends ILibMeta
+ *
  * @prop {React.ReactNode} [props.children] - Additional meta tags or head elements to include.
  * @prop {string} [props.title] - Page title for the document and social media.
  * @prop {string} [props.favicon] - URL path to the favicon icon file.
@@ -3146,7 +3150,7 @@ declare const Footer: FC$1<ILibFooter>;
  * @prop {string} [props.author] - Author name for the page content.
  * @prop {string} [props.authorUrl] - URL to the author's profile or website.
  * @prop {string} [props.publisher] - Publisher name for the content.
- * @prop {string} [props.type] - Open Graph type (e.g., "website", "article").
+ * @prop {string} [props.type="website"] - Open Graph type. Possible values: "website", "article". Default: "website".
  * @prop {string} [props.cover] - URL to the cover image for social media sharing.
  * @prop {string} [props.siteName] - Name of the website or application.
  * @prop {string} [props.language] - Language locale code (e.g., "en-US").
@@ -3155,7 +3159,9 @@ declare const Footer: FC$1<ILibFooter>;
  * @prop {string} [props.creator] - Creator name for the content.
  * @prop {string} [props.manifest] - URL path to the web app manifest file.
  * @prop {string} [props.category] - Category classification for the content.
- * @prop {string} [props.twitterCard] - Twitter Card type (e.g., "summary", "summary_large_image").
+ * @prop {string} [props.twitterCard="summary"] - Twitter Card type. Possible values: "summary", "summary_large_image". Default: "summary".
+ * @prop {string} [props.appleTouchIcon] - URL path to the Apple touch icon file.
+ * @prop {string} [props.themeColor] - Theme color for the browser interface.
  *
  * @returns {JSX.Element} The rendered Meta component with HTML head elements.
  *

package/dist/index.d.ts

@@ -3056,26 +3056,28 @@ declare const Drawer: FC$1<ILibDrawer>;
  *   </nav>
  * </Header>
  *
- * @extends HTMLDivElement
+ * @extends ILibHeader
  *
  * @prop {string} [props.className] - Additional CSS classes to apply to the header container.
- * @prop {React.ElementType} [props.element="header"] - HTML element type to render as the container.
+ * @prop {React.ElementType} [props.element="header"] - HTML element type to render as the container. Default: "header".
  * @prop {React.Ref<HTMLDivElement>} [props.ref] - Ref to the header element.
- * @prop {React.ReactNode} [props.logo] - Logo content to display in the header.
- * @prop {"left" | "right"} [props.burgerPosition="right"] - Position of the burger menu button.
- * @prop {LibColorsHover | object} [props.burgerColor="white"] - Color for the burger menu button, can be a single color or object with open/closed states.
  * @prop {React.ReactNode} [props.children] - Content to display in the navigation area.
- * @prop {"left" | "right"} [props.navDesktopPosition="right"] - Position of the navigation on desktop screens.
- * @prop {"drawer" | "fullscreen"} [props.navMobileVariant="drawer"] - Variant for mobile navigation display.
+ * @prop {React.ReactNode} [props.logo] - Logo content to display in the header.
+ * @prop {"left" | "right"} [props.burgerPosition="right"] - Position of the burger menu button. Possible values: "left", "right". Default: "right".
+ * @prop {LibColorsHover | { open: LibColorsHover; closed: LibColorsHover }} [props.burgerColor="white"] - Color for the burger menu button, can be a single color or object with open/closed states. Default: "white".
+ * @prop {"left" | "right"} [props.navDesktopPosition="right"] - Position of the navigation on desktop screens. Possible values: "left", "right". Default: "right".
+ * @prop {"drawer" | "full" | "top"} [props.navMobileVariant="drawer"] - Variant for mobile navigation display. Possible values: "drawer", "full", "top". Default: "drawer".
  * @prop {boolean} [props.enableScrollingOpen] - Whether to allow page scrolling when mobile menu is open.
  * @prop {React.ReactNode} [props.search] - Search component to display in the header.
- * @prop {"relative" | "absolute" | "fixed"} [props.position="relative"] - CSS position property for the header.
+ * @prop {"relative" | "absolute" | "fixed"} [props.position="relative"] - CSS position property for the header. Possible values: "relative", "absolute", "fixed". Default: "relative".
  * @prop {boolean | number} [props.hideOnScroll] - Whether to hide header on scroll, or scroll threshold in pixels.
  * @prop {Array<React.ReactNode>} [props.links] - Array of link elements for navigation.
  * @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.linksColor="white"] - Color for navigation links.
+ * @prop {LibAllColors} [props.backgroundColor="primary"] - Background color for the header. Default: "primary".
+ * @prop {LibAllColors} [props.navMobileBackground=backgroundColor] - Background color for mobile navigation. Default: backgroundColor value.
+ * @prop {LibAllColors} [props.textColor="white"] - Text color for header content. Default: "white".
+ * @prop {LibColorsHover} [props.linksColor="white"] - Color for navigation links. Default: "white".
+ * @prop {LibAllColors} [props.headerOpenMobileBackground=backgroundColor] - Background color when mobile menu is open. Default: backgroundColor value.
  *
  * @returns {JSX.Element} The rendered Header component.
  *
@@ -3137,6 +3139,8 @@ declare const Footer: FC$1<ILibFooter>;
  *   url="https://mywebsite.com"
  * />
  *
+ * @extends ILibMeta
+ *
  * @prop {React.ReactNode} [props.children] - Additional meta tags or head elements to include.
  * @prop {string} [props.title] - Page title for the document and social media.
  * @prop {string} [props.favicon] - URL path to the favicon icon file.
@@ -3146,7 +3150,7 @@ declare const Footer: FC$1<ILibFooter>;
  * @prop {string} [props.author] - Author name for the page content.
  * @prop {string} [props.authorUrl] - URL to the author's profile or website.
  * @prop {string} [props.publisher] - Publisher name for the content.
- * @prop {string} [props.type] - Open Graph type (e.g., "website", "article").
+ * @prop {string} [props.type="website"] - Open Graph type. Possible values: "website", "article". Default: "website".
  * @prop {string} [props.cover] - URL to the cover image for social media sharing.
  * @prop {string} [props.siteName] - Name of the website or application.
  * @prop {string} [props.language] - Language locale code (e.g., "en-US").
@@ -3155,7 +3159,9 @@ declare const Footer: FC$1<ILibFooter>;
  * @prop {string} [props.creator] - Creator name for the content.
  * @prop {string} [props.manifest] - URL path to the web app manifest file.
  * @prop {string} [props.category] - Category classification for the content.
- * @prop {string} [props.twitterCard] - Twitter Card type (e.g., "summary", "summary_large_image").
+ * @prop {string} [props.twitterCard="summary"] - Twitter Card type. Possible values: "summary", "summary_large_image". Default: "summary".
+ * @prop {string} [props.appleTouchIcon] - URL path to the Apple touch icon file.
+ * @prop {string} [props.themeColor] - Theme color for the browser interface.
  *
  * @returns {JSX.Element} The rendered Meta component with HTML head elements.
  *

package/dist/index.js

@@ -1831,7 +1831,7 @@ var Table = ({
     {
       ref,
       className: clsx(
-        "table bg-background w-full h-[1px] border-collapse border-spacing-0 table-fixed no-scrollbar [&_*]:no-scrollbar",
+        "table bg-background w-full h-[1px] border-collapse border-spacing-0 table-fixed",
         TEXT_BASE_CLASSES,
         "text-(length:--font-size-small)",
         genLinkColor["primary"],
@@ -1859,13 +1859,16 @@ var Table = ({
         headers && /* @__PURE__ */ jsx17("thead", { className: clsx(genVAlign[vAlign]), children: /* @__PURE__ */ jsx17("tr", { className: clsx(genVAlign[vAlign]), children: headers.map((header) => /* @__PURE__ */ jsx17(
           "th",
           {
-            className: clsx(genVAlign[vAlign]),
+            className: clsx(
+              genVAlign[vAlign],
+              "no-scrollbar"
+            ),
             children: linkify && typeof header === "string" ? linkifyText(header, blank) : header
           },
           uuid2()
         )) }) }),
-        data ? /* @__PURE__ */ jsx17("tbody", { className: clsx(genVAlign[vAlign]), children: data.map((row) => /* @__PURE__ */ jsx17("tr", { children: row.map((col) => /* @__PURE__ */ jsx17("td", { children: linkify && typeof col === "string" ? linkifyText(col, blank) : col }, uuid2())) }, uuid2())) }) : /* @__PURE__ */ jsx17("tbody", { children }),
-        footers && /* @__PURE__ */ jsx17("tfoot", { children: /* @__PURE__ */ jsx17("tr", { children: footers.map((footer) => /* @__PURE__ */ jsx17("td", { children: linkify && typeof footer === "string" ? linkifyText(footer, blank) : footer }, uuid2())) }) })
+        data ? /* @__PURE__ */ jsx17("tbody", { className: clsx(genVAlign[vAlign]), children: data.map((row) => /* @__PURE__ */ jsx17("tr", { children: row.map((col) => /* @__PURE__ */ jsx17("td", { className: "no-scrollbar", children: linkify && typeof col === "string" ? linkifyText(col, blank) : col }, uuid2())) }, uuid2())) }) : /* @__PURE__ */ jsx17("tbody", { children }),
+        footers && /* @__PURE__ */ jsx17("tfoot", { children: /* @__PURE__ */ jsx17("tr", { children: footers.map((footer) => /* @__PURE__ */ jsx17("td", { className: "no-scrollbar", children: linkify && typeof footer === "string" ? linkifyText(footer, blank) : footer }, uuid2())) }) })
       ]
     }
   );
@@ -69410,7 +69413,7 @@ var Header = ({
   links,
   nav,
   backgroundColor = "primary",
-  navMobileBackground,
+  navMobileBackground = backgroundColor,
   textColor = "white",
   linksColor = "white",
   headerOpenMobileBackground = backgroundColor,
@@ -69459,7 +69462,7 @@ var Header = ({
       isMobile && /* @__PURE__ */ jsx366(HeaderSearch, { ...searchProps })
     ] }),
     className: clsx(
-      "z-999 flex gap-2 [&>a]:outline-none transition-all duration-200 ease-in-out",
+      "z-999 flex gap-2 [&>a]:outline-none w-fit transition-all duration-200 ease-in-out",
       "fixed md:relative",
       "flex-col md:flex-row px-[5%] md:px-0",
       genRingColorChildren[linksColor],
@@ -69747,7 +69750,7 @@ var CodeContainer = ({
               "pre",
               {
                 style,
-                className: "relative max-w-full overflow-x-scroll hide-scrollbar",
+                className: "relative max-w-full overflow-x-scroll no-scrollbar",
                 children: tokens.map((line, i) => /* @__PURE__ */ jsxs296("div", { ...getLineProps({ line }), children: [
                   showNumbers && /* @__PURE__ */ jsx371("span", { className: "mr-6", children: i + 1 }),
                   line.map((token, key) => /* @__PURE__ */ jsx371(