@ctlyst.id/internal-ui 3.1.23 → 3.1.24

package/dist/index.mjs

@@ -350,7 +350,7 @@ import { Box as Box4, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Flex, IconButt
 import { ChevronLeft, ChevronsRight, Home } from "@ctlyst.id/internal-icon";
 import { Fragment, jsx as jsx14, jsxs } from "react/jsx-runtime";
 var BreadCrumb = (props) => {
-  const { title, children, parents, className, disableHome, spacing: spacing2 = 2, backButton, hideTitle } = props;
+  const { title, children, parents, className, disableHome, spacing: spacing2 = 2, backButton, homeButton, hideTitle } = props;
   return /* @__PURE__ */ jsxs(
     Box4,
     {
@@ -395,9 +395,11 @@ var BreadCrumb = (props) => {
                 /* @__PURE__ */ jsx14(BreadcrumbItem, { children: /* @__PURE__ */ jsx14(
                   BreadcrumbLink,
                   {
+                    "data-test-id": "",
                     alignItems: "center",
-                    href: !disableHome ? "/" : void 0,
+                    href: homeButton || disableHome ? void 0 : "/",
                     style: { ...disableHome && { cursor: "default" } },
+                    onClick: homeButton,
                     children: /* @__PURE__ */ jsx14(Box4, { boxSize: "3.5", children: /* @__PURE__ */ jsx14(Home, { size: 3.5, color: "primary.500" }) })
                   }
                 ) }),
@@ -405,7 +407,7 @@ var BreadCrumb = (props) => {
                   BreadcrumbLink,
                   {
                     "data-test-id": "",
-                    href: !val.disable ? val.link : void 0,
+                    href: !val.disable && val.link ? val.link : void 0,
                     onClick: val.onClick,
                     style: {
                       ...val.disable && {