@algorithm-shift/design-system 1.3.122 → 1.3.124

package/dist/index.mjs

@@ -5620,6 +5620,30 @@ function TooltipTrigger({
 }) {
   return /* @__PURE__ */ jsx60(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
+function TooltipContent({
+  className,
+  sideOffset = 4,
+  children,
+  hideArrow,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx60(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs37(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        !hideArrow && /* @__PURE__ */ jsx60(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
 
 // src/components/Navigation/Stages/Stages.tsx
 import { jsx as jsx61, jsxs as jsxs38 } from "react/jsx-runtime";
@@ -5758,7 +5782,7 @@ var StagesComponent = ({
               let stageColor = `text-[${primaryColor}] border-2 border-[${primaryColor}]`;
               let stageStyle = { borderColor: primaryColor, color: showAsActive ? "white" : primaryColor, backgroundColor: showAsActive ? primaryColor : "transparent" };
               if (stage.hasOwnProperty("isSuccess") && stage.isSuccess === false) {
-                stageColor = `bg-red-50 text-red-700 border-2 border-red-700`;
+                stageColor = "bg-red-50 text-red-700 border-2 border-red-700";
                 stageStyle = { borderColor: "red", color: "red", backgroundColor: "transparent" };
               }
               let stageLabel = stage[dataLabel];
@@ -5790,6 +5814,7 @@ var StagesComponent = ({
                     children: stageLabel
                   }
                 ) }),
+                /* @__PURE__ */ jsx61(TooltipContent, { side: "top", sideOffset: 6, hideArrow: true, children: stageLabel }),
                 !isMobile && index < stages.length - 1 && /* @__PURE__ */ jsx61("div", { className: "hidden sm:flex sm:flex-shrink-0 w-3 h-px bg-gray-300 sm:w-4" })
               ] }, stageKey) }, stageKey);
             })