@julseb-lib/react 0.1.70 → 0.1.71

package/dist/index.d.cts

@@ -2005,9 +2005,23 @@ declare const ListGroupTitle: FC$1<ILibListGroupTitle>;
 declare const ListGroupItem: FC$1<ILibListGroupItem>;
 
 /**
- * Breadcrumbs component for displaying navigational breadcrumb trails with customizable separators and flexible content.
+ * Breadcrumbs component for displaying navigational breadcrumb trails.
+ *
+ * Renders a customizable container (default: div) with children as breadcrumb items,
+ * separated by a customizable separator (string or React node).
+ * Supports accent and text color theming, and additional class names.
  *
  * @component
+ * @param {ILibBreadcrumbs} props - Breadcrumbs props.
+ * @param {string} [props.className] - Additional CSS classes for the container.
+ * @param {React.ElementType} [props.element="div"] - Container element type.
+ * @param {React.Ref<HTMLDivElement>} [props.ref] - Ref to the container element.
+ * @param {React.ReactNode} [props.children] - Breadcrumb items.
+ * @param {string|React.ReactNode} [props.separator="/"] - Separator between items.
+ * @param {"primary"|"secondary"|"success"|"danger"|"warning"|"gray"|"white"} [props.accentColor="primary"] - Accent color.
+ * @param {Any color from the library} [props.textColor="font"] - Text color.
+ * @param {any} [props.rest] - Additional props for the container.
+ * @returns {JSX.Element} Breadcrumbs component.
  *
  * @example
  * <Breadcrumbs separator=">">
@@ -2016,17 +2030,6 @@ declare const ListGroupItem: FC$1<ILibListGroupItem>;
  *   <Text>Current Page</Text>
  * </Breadcrumbs>
  *
- * @extends HTMLDivElement
- *
- * @prop {string} [props.className] - Additional CSS classes to apply to the breadcrumbs container.
- * @prop {React.ElementType} [props.element="div"] - HTML element type to render as the container.
- * @prop {React.Ref<HTMLDivElement>} [props.ref] - Ref to the breadcrumbs container element.
- * @prop {React.ReactNode} [props.children] - Navigation items to display in the breadcrumb trail.
- * @prop {string | React.ReactNode} [props.separator="/"] - Separator to display between breadcrumb items.
- * @prop {any} [props.rest] - Additional props spread to the container element.
- *
- * @returns {JSX.Element} The rendered Breadcrumbs component.
- *
  * @see https://doc-julseb-lib-react.vercel.app/components/breadcrumbs
  */
 declare const Breadcrumbs: FC$1<ILibBreadcrumbs>;

package/dist/index.d.ts

@@ -2005,9 +2005,23 @@ declare const ListGroupTitle: FC$1<ILibListGroupTitle>;
 declare const ListGroupItem: FC$1<ILibListGroupItem>;
 
 /**
- * Breadcrumbs component for displaying navigational breadcrumb trails with customizable separators and flexible content.
+ * Breadcrumbs component for displaying navigational breadcrumb trails.
+ *
+ * Renders a customizable container (default: div) with children as breadcrumb items,
+ * separated by a customizable separator (string or React node).
+ * Supports accent and text color theming, and additional class names.
  *
  * @component
+ * @param {ILibBreadcrumbs} props - Breadcrumbs props.
+ * @param {string} [props.className] - Additional CSS classes for the container.
+ * @param {React.ElementType} [props.element="div"] - Container element type.
+ * @param {React.Ref<HTMLDivElement>} [props.ref] - Ref to the container element.
+ * @param {React.ReactNode} [props.children] - Breadcrumb items.
+ * @param {string|React.ReactNode} [props.separator="/"] - Separator between items.
+ * @param {"primary"|"secondary"|"success"|"danger"|"warning"|"gray"|"white"} [props.accentColor="primary"] - Accent color.
+ * @param {Any color from the library} [props.textColor="font"] - Text color.
+ * @param {any} [props.rest] - Additional props for the container.
+ * @returns {JSX.Element} Breadcrumbs component.
  *
  * @example
  * <Breadcrumbs separator=">">
@@ -2016,17 +2030,6 @@ declare const ListGroupItem: FC$1<ILibListGroupItem>;
  *   <Text>Current Page</Text>
  * </Breadcrumbs>
  *
- * @extends HTMLDivElement
- *
- * @prop {string} [props.className] - Additional CSS classes to apply to the breadcrumbs container.
- * @prop {React.ElementType} [props.element="div"] - HTML element type to render as the container.
- * @prop {React.Ref<HTMLDivElement>} [props.ref] - Ref to the breadcrumbs container element.
- * @prop {React.ReactNode} [props.children] - Navigation items to display in the breadcrumb trail.
- * @prop {string | React.ReactNode} [props.separator="/"] - Separator to display between breadcrumb items.
- * @prop {any} [props.rest] - Additional props spread to the container element.
- *
- * @returns {JSX.Element} The rendered Breadcrumbs component.
- *
  * @see https://doc-julseb-lib-react.vercel.app/components/breadcrumbs
  */
 declare const Breadcrumbs: FC$1<ILibBreadcrumbs>;

package/dist/index.js

@@ -66717,6 +66717,8 @@ var Breadcrumbs = ({
   ref,
   children,
   separator = "/",
+  accentColor = "primary",
+  textColor = "font",
   ...rest
 }) => {
   const Element = element;
@@ -66727,6 +66729,8 @@ var Breadcrumbs = ({
       ref,
       className: clsx(
         "flex flex-wrap items-center gap-2",
+        genLinkColor[accentColor],
+        genTextAllColor[textColor],
         "breadcrumbs",
         className
       ),