baaz-custom-components 3.1.17 → 3.1.18

package/dist/index.d.mts

@@ -42,6 +42,9 @@ type BreadcrumbProps = {
     layoutName: string;
     className?: string;
     includeFrom?: number;
+    pathname?: string;
 };
 
-export { type BreadcrumbProps, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, type RouteTree, type RouterAdapter, type UserData };
+declare const CustomBreadcrumb: ({ layoutName, includeFrom, pathname, }: BreadcrumbProps) => react.JSX.Element;
+
+export { type BreadcrumbProps, CustomBreadcrumb, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, type RouteTree, type RouterAdapter, type UserData };

package/dist/index.d.ts

@@ -42,6 +42,9 @@ type BreadcrumbProps = {
     layoutName: string;
     className?: string;
     includeFrom?: number;
+    pathname?: string;
 };
 
-export { type BreadcrumbProps, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, type RouteTree, type RouterAdapter, type UserData };
+declare const CustomBreadcrumb: ({ layoutName, includeFrom, pathname, }: BreadcrumbProps) => react.JSX.Element;
+
+export { type BreadcrumbProps, CustomBreadcrumb, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, type RouteTree, type RouterAdapter, type UserData };

package/dist/index.js

@@ -59,6 +59,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/index.ts
 var index_exports = {};
 __export(index_exports, {
+  CustomBreadcrumb: () => breadcrumb_default,
   Navbar: () => Navbar
 });
 module.exports = __toCommonJS(index_exports);
@@ -422,6 +423,12 @@ function MenubarSubContent(_a) {
 var import_lucide_react4 = require("lucide-react");
 
 // src/utils/helper.ts
+var buildUrl = (urls, index) => {
+  return `/${urls.slice(0, index + 1).join("/")}`;
+};
+var capitalizeFirstLetter = (text, splitter = "-") => {
+  return text.split(splitter).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+};
 var formatDateAndTime = (time) => {
   return `${new Date(time).toDateString()} . ${new Date(time).toTimeString().split(" ")[0]}`;
 };
@@ -1388,7 +1395,114 @@ function Navbar({
     }
   ) });
 }
+
+// src/components/custom/breadcrumb/index.tsx
+var import_lucide_react10 = require("lucide-react");
+
+// src/components/ui/breadcrumb.tsx
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function Breadcrumb(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+}
+function BreadcrumbList(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "ol",
+    __spreadValues({
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        className
+      )
+    }, props)
+  );
+}
+function BreadcrumbItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "li",
+    __spreadValues({
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className)
+    }, props)
+  );
+}
+function BreadcrumbLink(_a) {
+  var _b = _a, {
+    asChild,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "className"
+  ]);
+  const Comp = asChild ? import_react_slot3.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    Comp,
+    __spreadValues({
+      "data-slot": "breadcrumb-link",
+      className: cn("hover:text-foreground transition-colors", className)
+    }, props)
+  );
+}
+function BreadcrumbSeparator(_a) {
+  var _b = _a, {
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "li",
+    __spreadProps(__spreadValues({
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className)
+    }, props), {
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react9.ChevronRight, {})
+    })
+  );
+}
+
+// src/components/custom/breadcrumb/index.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var CustomBreadcrumb = ({
+  layoutName,
+  includeFrom = 0,
+  pathname = ""
+}) => {
+  const completeUrl = pathname.split("/").filter(Boolean);
+  const urls = pathname.split("/").filter(Boolean).slice(includeFrom);
+  const activeClassName = "text-primary";
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(BreadcrumbList, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "text-base", children: capitalizeFirstLetter(layoutName) }) }),
+    urls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(BreadcrumbSeparator, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react10.Slash, { className: "!h-md !w-md" }) }),
+    urls.map((url, index) => {
+      const href = buildUrl(
+        completeUrl,
+        index + includeFrom
+      );
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(BreadcrumbItem, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          BreadcrumbLink,
+          {
+            href,
+            className: `!font-light !text-md !text-off-white ${index >= urls.length - 1 && activeClassName}`,
+            children: capitalizeFirstLetter(url)
+          }
+        ),
+        index < urls.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(BreadcrumbSeparator, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react10.Slash, { className: "!h-md !w-md" }) })
+      ] }, index);
+    })
+  ] }) });
+};
+var breadcrumb_default = CustomBreadcrumb;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CustomBreadcrumb,
   Navbar
 });

package/dist/index.mjs

@@ -389,6 +389,12 @@ function MenubarSubContent(_a) {
 import { ChevronDown, ChevronUp } from "lucide-react";
 
 // src/utils/helper.ts
+var buildUrl = (urls, index) => {
+  return `/${urls.slice(0, index + 1).join("/")}`;
+};
+var capitalizeFirstLetter = (text, splitter = "-") => {
+  return text.split(splitter).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+};
 var formatDateAndTime = (time) => {
   return `${new Date(time).toDateString()} . ${new Date(time).toTimeString().split(" ")[0]}`;
 };
@@ -1355,6 +1361,113 @@ function Navbar({
     }
   ) });
 }
+
+// src/components/custom/breadcrumb/index.tsx
+import { Slash } from "lucide-react";
+
+// src/components/ui/breadcrumb.tsx
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { ChevronRight as ChevronRight2, MoreHorizontal } from "lucide-react";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+function Breadcrumb(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx18("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+}
+function BreadcrumbList(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx18(
+    "ol",
+    __spreadValues({
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        className
+      )
+    }, props)
+  );
+}
+function BreadcrumbItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx18(
+    "li",
+    __spreadValues({
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className)
+    }, props)
+  );
+}
+function BreadcrumbLink(_a) {
+  var _b = _a, {
+    asChild,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "className"
+  ]);
+  const Comp = asChild ? Slot3 : "a";
+  return /* @__PURE__ */ jsx18(
+    Comp,
+    __spreadValues({
+      "data-slot": "breadcrumb-link",
+      className: cn("hover:text-foreground transition-colors", className)
+    }, props)
+  );
+}
+function BreadcrumbSeparator(_a) {
+  var _b = _a, {
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx18(
+    "li",
+    __spreadProps(__spreadValues({
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className)
+    }, props), {
+      children: children != null ? children : /* @__PURE__ */ jsx18(ChevronRight2, {})
+    })
+  );
+}
+
+// src/components/custom/breadcrumb/index.tsx
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+var CustomBreadcrumb = ({
+  layoutName,
+  includeFrom = 0,
+  pathname = ""
+}) => {
+  const completeUrl = pathname.split("/").filter(Boolean);
+  const urls = pathname.split("/").filter(Boolean).slice(includeFrom);
+  const activeClassName = "text-primary";
+  return /* @__PURE__ */ jsx19(Breadcrumb, { children: /* @__PURE__ */ jsxs14(BreadcrumbList, { children: [
+    /* @__PURE__ */ jsx19(BreadcrumbItem, { children: /* @__PURE__ */ jsx19("h2", { className: "text-base", children: capitalizeFirstLetter(layoutName) }) }),
+    urls.length > 0 && /* @__PURE__ */ jsx19(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx19(Slash, { className: "!h-md !w-md" }) }),
+    urls.map((url, index) => {
+      const href = buildUrl(
+        completeUrl,
+        index + includeFrom
+      );
+      return /* @__PURE__ */ jsxs14(BreadcrumbItem, { children: [
+        /* @__PURE__ */ jsx19(
+          BreadcrumbLink,
+          {
+            href,
+            className: `!font-light !text-md !text-off-white ${index >= urls.length - 1 && activeClassName}`,
+            children: capitalizeFirstLetter(url)
+          }
+        ),
+        index < urls.length - 1 && /* @__PURE__ */ jsx19(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx19(Slash, { className: "!h-md !w-md" }) })
+      ] }, index);
+    })
+  ] }) });
+};
+var breadcrumb_default = CustomBreadcrumb;
 export {
+  breadcrumb_default as CustomBreadcrumb,
   Navbar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "baaz-custom-components",
-    "version": "3.1.17",
+    "version": "3.1.18",
     "private": false,
     "sideEffects": false,
     "main": "dist/index.js",