@algorithm-shift/design-system 1.2.54 → 1.2.55

package/dist/index.mjs

@@ -26545,8 +26545,9 @@ var __iconNode1634 = [
 var ZoomOut = createLucideIcon("zoom-out", __iconNode1634);
 
 // src/components/Basic/Breadcrumb/Breadcrumb.tsx
+import Link3 from "next/link";
 import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
-var Breadcrumb = ({ list = [], className, style, LinkComponent }) => {
+var Breadcrumb = ({ list = [], className, style }) => {
   return /* @__PURE__ */ jsx10(
     "nav",
     {
@@ -26556,8 +26557,8 @@ var Breadcrumb = ({ list = [], className, style, LinkComponent }) => {
       children: list.map((item, index) => {
         const isLast = index === list.length - 1;
         return /* @__PURE__ */ jsxs3("div", { className: "flex items-center", children: [
-          item.url && !isLast && LinkComponent ? /* @__PURE__ */ jsx10(
-            LinkComponent,
+          item.url && !isLast ? /* @__PURE__ */ jsx10(
+            Link3,
             {
               href: item.url,
               className: "hover:text-foreground transition-colors",
@@ -26675,8 +26676,9 @@ function DropdownMenuSubContent({
 }
 
 // src/components/Basic/ButtonGroup/ButtonGroup.tsx
+import Link4 from "next/link";
 import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
-function SplitButton({ style, textContent, className, list = [], LinkComponent }) {
+function SplitButton({ style, textContent, className, list = [] }) {
   const bgColor = style?.backgroundColor || "";
   return /* @__PURE__ */ jsxs5("div", { className: "inline-flex rounded-md overflow-hidden border border-teal-200 bg-teal-700 items-center focus:ring-0", style: { backgroundColor: bgColor }, children: [
     /* @__PURE__ */ jsx12(
@@ -26697,7 +26699,7 @@ function SplitButton({ style, textContent, className, list = [], LinkComponent }
           children: /* @__PURE__ */ jsx12(ChevronDown, { className: "w-4 h-4" })
         }
       ) }),
-      /* @__PURE__ */ jsx12(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ jsx12(DropdownMenuItem, { className: "text-black", children: LinkComponent ? /* @__PURE__ */ jsx12(LinkComponent, { href: item.url || "#", children: item.header }) : item.header }, item.id)) })
+      /* @__PURE__ */ jsx12(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ jsx12(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx12(Link4, { href: item.url || "#", children: item.header }) }, item.id)) })
     ] })
   ] });
 }
@@ -27923,7 +27925,7 @@ var DateRange = ({ className, style, ...props }) => {
           id: "date",
           variant: "outline",
           className: cn(
-            "w-[300px] justify-start text-left font-normal text-[11px]",
+            "w-full justify-start text-left font-normal text-[11px] border-[#BDBDBD]",
             !date && "text-muted-foreground"
           ),
           children: date?.from ? date.to ? /* @__PURE__ */ jsxs23(Fragment14, { children: [
@@ -28444,8 +28446,9 @@ var Table4 = ({
 var Table_default = Table4;
 
 // src/components/Navigation/Tabs/Tabs.tsx
+import Link5 from "next/link";
 import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
-var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, canvasMode }) => {
+var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode }) => {
   const rawTabs = Array.isArray(tabs) ? tabs : [];
   const baseClasses = "text-[12px] text-foreground p-2 text-center rounded-md transition-colors";
   const activeClasses = "bg-white/10 text-white";
@@ -28473,7 +28476,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
               {
                 asChild: true,
                 className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100 focus:bg-gray-100",
-                children: LinkComponent ? /* @__PURE__ */ jsx47(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
+                children: /* @__PURE__ */ jsx47(Link5, { href: item.url || "#", children: item.header })
               },
               item.id
             ))
@@ -28481,7 +28484,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
         )
       ] }, index);
     }
-    return tab.url && LinkComponent ? /* @__PURE__ */ jsx47(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ jsx47("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
+    return tab.url ? /* @__PURE__ */ jsx47(Link5, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ jsx47("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
   };
   const renderMobileMenu = () => /* @__PURE__ */ jsxs29(DropdownMenu, { children: [
     /* @__PURE__ */ jsxs29(DropdownMenuTrigger, { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-white/10 text-white text-sm", children: [
@@ -28504,7 +28507,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
                 {
                   asChild: true,
                   className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100",
-                  children: LinkComponent ? /* @__PURE__ */ jsx47(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
+                  children: /* @__PURE__ */ jsx47(Link5, { href: item.url || "#", children: item.header })
                 },
                 item.id
               )) })
@@ -28515,7 +28518,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
             {
               asChild: true,
               className: "cursor-pointer rounded-sm px-3 py-2 text-[13px] text-gray-800 hover:bg-gray-100",
-              children: LinkComponent ? /* @__PURE__ */ jsx47(LinkComponent, { href: tab.url || "#", children: tab.header }) : tab.header
+              children: /* @__PURE__ */ jsx47(Link5, { href: tab.url || "#", children: tab.header })
             },
             i
           );
@@ -28610,6 +28613,8 @@ var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__P
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/Navigation/Navbar/Navbar.tsx
+import Link6 from "next/link";
+import Image3 from "next/image";
 import { Fragment as Fragment17, jsx as jsx54, jsxs as jsxs33 } from "react/jsx-runtime";
 function Navbar({
   style,
@@ -28621,16 +28626,14 @@ function Navbar({
   imageUrl,
   altText = "Logo",
   canvasMode = "desktop",
-  LinkComponent,
-  ImageComponent,
   list = [],
   userName = "Guest User"
 }) {
   const isMobileView = canvasMode === "mobile" || canvasMode === "tablet";
   return /* @__PURE__ */ jsx54("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ jsxs33("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
-    LinkComponent && ImageComponent ? /* @__PURE__ */ jsx54(LinkComponent, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ jsx54(ImageComponent, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx54("span", { className: "font-semibold text-blue-700", children: "Logo" }) }) : /* @__PURE__ */ jsx54("span", { className: "font-semibold text-blue-700", children: "Logo" }),
-    !isMobileView && LinkComponent && /* @__PURE__ */ jsx54("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ jsx54(
-      LinkComponent,
+    /* @__PURE__ */ jsx54(Link6, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ jsx54(Image3, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx54("span", { className: "font-semibold text-blue-700", children: "Logo" }) }),
+    !isMobileView && /* @__PURE__ */ jsx54("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ jsx54(
+      Link6,
       {
         href: item.url || "#",
         className: "text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors",
@@ -28685,7 +28688,7 @@ function Navbar({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx54(DropdownMenuContent, { align: "end", className: "bg-white", children: LinkComponent && /* @__PURE__ */ jsx54(Fragment17, { children: list && list.length > 0 && /* @__PURE__ */ jsx54(Fragment17, { children: list.map((item) => /* @__PURE__ */ jsx54(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx54(LinkComponent, { href: item.url || "#", children: item.header }) }, item.id)) }) }) })
+        /* @__PURE__ */ jsx54(DropdownMenuContent, { align: "end", className: "bg-white", children: list && list.length > 0 && /* @__PURE__ */ jsx54(Fragment17, { children: list.map((item) => /* @__PURE__ */ jsx54(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx54(Link6, { href: item.url || "#", children: item.header }) }, item.id)) }) })
       ] })
     ] })
   ] }) });