@alquimia-ai/ui 1.2.4 → 1.3.1

package/dist/components/molecules/index.mjs

@@ -176,7 +176,7 @@ var AlertDialogCancel = React2.forwardRef(({ className, ...props }, ref) => /* @
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/molecules/assistant-button.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import { useState as useState3 } from "react";
 
 // src/components/atoms/ui/textarea.tsx
@@ -1331,17 +1331,38 @@ var Loader = React22.forwardRef(
 );
 Loader.displayName = "Loader";
 
-// src/components/hooks/use-toast.ts
+// src/components/atoms/ui/separator.tsx
 import * as React23 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var Separator2 = React23.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx29(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: cn(
+      "shrink-0 bg-border",
+      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      className,
+      "alq--separator"
+    ),
+    ...props
+  }
+));
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/hooks/use-toast.ts
+import * as React24 from "react";
 
 // src/components/atoms/ui/toaster.tsx
-import { jsx as jsx29, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs9 } from "react/jsx-runtime";
 
 // src/components/atoms/ui/think-indicator.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { useState as useState2, useEffect as useEffect2 } from "react";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx30, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs10 } from "react/jsx-runtime";
 var thinkIndicatorVariants = cva8(
   "flex items-center gap-3",
   {
@@ -1363,7 +1384,7 @@ var thinkIndicatorVariants = cva8(
     }
   }
 );
-var ThinkIndicator = React24.forwardRef(
+var ThinkIndicator = React25.forwardRef(
   ({
     className,
     variant,
@@ -1401,7 +1422,7 @@ var ThinkIndicator = React24.forwardRef(
         className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
         ...props,
         children: [
-          loader || /* @__PURE__ */ jsx30(
+          loader || /* @__PURE__ */ jsx31(
             Loader,
             {
               className: cn(
@@ -1409,7 +1430,7 @@ var ThinkIndicator = React24.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             "div",
             {
               className: cn(
@@ -1428,9 +1449,9 @@ var ThinkIndicator = React24.forwardRef(
 ThinkIndicator.displayName = "ThinkIndicator";
 
 // src/components/molecules/assistant-button.tsx
-import { jsx as jsx31, jsxs as jsxs11 } from "react/jsx-runtime";
-var AssistantSuggestions = React25.forwardRef(({ suggestions, showSuggestions, className }, ref) => {
-  return /* @__PURE__ */ jsx31(
+import { jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
+var AssistantSuggestions = React26.forwardRef(({ suggestions, showSuggestions, className }, ref) => {
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       ref,
@@ -1440,7 +1461,7 @@ var AssistantSuggestions = React25.forwardRef(({ suggestions, showSuggestions, c
         showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4",
         className
       ),
-      children: /* @__PURE__ */ jsx31("div", { className: "rounded-lg p-2 pr-0 w-64", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs11(
+      children: /* @__PURE__ */ jsx32("div", { className: "rounded-lg p-2 pr-0 w-64", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs11(
         "button",
         {
           onClick: () => suggestion.action?.(),
@@ -1456,8 +1477,8 @@ var AssistantSuggestions = React25.forwardRef(({ suggestions, showSuggestions, c
             showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"
           ),
           children: [
-            /* @__PURE__ */ jsx31(suggestion.icon, { className: "w-5 h-5 text-primary" }),
-            /* @__PURE__ */ jsx31("span", { className: "text-xs whitespace-nowrap font-normal", children: suggestion.label })
+            /* @__PURE__ */ jsx32(suggestion.icon, { className: "w-5 h-5 text-primary" }),
+            /* @__PURE__ */ jsx32("span", { className: "text-xs whitespace-nowrap font-normal", children: suggestion.label })
           ]
         },
         index
@@ -1466,7 +1487,7 @@ var AssistantSuggestions = React25.forwardRef(({ suggestions, showSuggestions, c
   );
 });
 AssistantSuggestions.displayName = "Suggestions";
-var AssistantButton = React25.forwardRef(
+var AssistantButton = React26.forwardRef(
   ({
     icon: Icon2,
     clickAction,
@@ -1487,7 +1508,7 @@ var AssistantButton = React25.forwardRef(
       setShowSuggestions(false);
       setTimeout(() => setIsVisible(false), 300);
     };
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       "div",
       {
         ref,
@@ -1499,14 +1520,14 @@ var AssistantButton = React25.forwardRef(
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: /* @__PURE__ */ jsxs11("div", { className: "relative group", children: [
-          isVisible && suggestions.length > 0 && /* @__PURE__ */ jsx31(
+          isVisible && suggestions.length > 0 && /* @__PURE__ */ jsx32(
             AssistantSuggestions,
             {
               suggestions,
               showSuggestions
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx32(
             Button,
             {
               variant: "outline",
@@ -1520,7 +1541,7 @@ var AssistantButton = React25.forwardRef(
                 "alq--assistant-button"
               ),
               onClick: clickAction,
-              children: /* @__PURE__ */ jsx31(
+              children: /* @__PURE__ */ jsx32(
                 Icon2,
                 {
                   style: { width: "22px", height: "22px" },
@@ -1537,19 +1558,19 @@ var AssistantButton = React25.forwardRef(
 AssistantButton.displayName = "AssistantButton";
 
 // src/components/molecules/carousel.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs12 } from "react/jsx-runtime";
-var CarouselContext = React26.createContext(null);
+import { jsx as jsx33, jsxs as jsxs12 } from "react/jsx-runtime";
+var CarouselContext = React27.createContext(null);
 function useCarousel() {
-  const context = React26.useContext(CarouselContext);
+  const context = React27.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React26.forwardRef(
+var Carousel = React27.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -1566,22 +1587,22 @@ var Carousel = React26.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React26.useState(false);
-    const [canScrollNext, setCanScrollNext] = React26.useState(false);
-    const onSelect = React26.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React27.useState(false);
+    const [canScrollNext, setCanScrollNext] = React27.useState(false);
+    const onSelect = React27.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React26.useCallback(() => {
+    const scrollPrev = React27.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React26.useCallback(() => {
+    const scrollNext = React27.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React26.useCallback(
+    const handleKeyDown = React27.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -1593,13 +1614,13 @@ var Carousel = React26.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React26.useEffect(() => {
+    React27.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React26.useEffect(() => {
+    React27.useEffect(() => {
       if (!api) {
         return;
       }
@@ -1610,7 +1631,7 @@ var Carousel = React26.forwardRef(
         api?.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(
       CarouselContext.Provider,
       {
         value: {
@@ -1623,7 +1644,7 @@ var Carousel = React26.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ jsx32(
+        children: /* @__PURE__ */ jsx33(
           "div",
           {
             ref,
@@ -1640,9 +1661,9 @@ var Carousel = React26.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React26.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React27.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx32("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx33(
     "div",
     {
       ref,
@@ -1656,9 +1677,9 @@ var CarouselContent = React26.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React26.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React27.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       ref,
@@ -1674,7 +1695,7 @@ var CarouselItem = React26.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React27.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs12(
     Button,
@@ -1691,14 +1712,14 @@ var CarouselPrevious = React26.forwardRef(({ className, variant = "outline", siz
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx32(ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx33(ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React27.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs12(
     Button,
@@ -1715,8 +1736,8 @@ var CarouselNext = React26.forwardRef(({ className, variant = "outline", size =
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx32(ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx33(ArrowRight, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -1724,12 +1745,12 @@ var CarouselNext = React26.forwardRef(({ className, variant = "outline", size =
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/molecules/navigation-menu.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva9 } from "class-variance-authority";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
-var NavigationMenu = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
+var NavigationMenu = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -1740,12 +1761,12 @@ var NavigationMenu = React27.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx33(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx34(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var NavigationMenuList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -1761,7 +1782,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva9(
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+var NavigationMenuTrigger = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -1770,7 +1791,7 @@ var NavigationMenuTrigger = React27.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(
         ChevronDown2,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
@@ -1781,7 +1802,7 @@ var NavigationMenuTrigger = React27.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var NavigationMenuContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1794,7 +1815,7 @@ var NavigationMenuContent = React27.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx33(
+var NavigationMenuViewport = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx34(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -1806,7 +1827,7 @@ var NavigationMenuViewport = React27.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var NavigationMenuIndicator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1815,15 +1836,15 @@ var NavigationMenuIndicator = React27.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx33("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ jsx34("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/molecules/sidebar.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx34, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
 var sidebarVariants = cva10(
   "flex flex-col border-r",
   {
@@ -1839,7 +1860,7 @@ var sidebarVariants = cva10(
     }
   }
 );
-var SidebarFooter = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx34(
+var SidebarFooter = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx35(
   "div",
   {
     ref,
@@ -1849,7 +1870,7 @@ var SidebarFooter = React28.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SidebarFooter.displayName = "SidebarFooter";
-var Sidebar = React28.forwardRef(
+var Sidebar = React29.forwardRef(
   ({
     className,
     items,
@@ -1862,8 +1883,8 @@ var Sidebar = React28.forwardRef(
     buttonClassName,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx34("div", { className: cn(className, "alq--navigation-sidebar h-full"), ref, ...props, children: /* @__PURE__ */ jsxs14("aside", { className: cn(sidebarVariants({ size }), "h-full"), children: [
-      /* @__PURE__ */ jsx34(ScrollArea, { className: "flex-grow justify-between", children: /* @__PURE__ */ jsx34("div", { className: "flex flex-col gap-2 p-4", children: items.map((item) => /* @__PURE__ */ jsxs14(
+    return /* @__PURE__ */ jsx35("div", { className: cn(className, "alq--navigation-sidebar h-full"), ref, ...props, children: /* @__PURE__ */ jsxs14("aside", { className: cn(sidebarVariants({ size }), "h-full"), children: [
+      /* @__PURE__ */ jsx35(ScrollArea, { className: "flex-grow justify-between", children: /* @__PURE__ */ jsx35("div", { className: "flex flex-col gap-2 p-4", children: items.map((item) => /* @__PURE__ */ jsxs14(
         Button,
         {
           variant: selectedSection?.name === item.name ? selectedVariant : defaultVariant,
@@ -1875,13 +1896,13 @@ var Sidebar = React28.forwardRef(
             }
           },
           children: [
-            item.icon && /* @__PURE__ */ jsx34(item.icon, { className: "mr-2 h-4 w-4" }),
+            item.icon && /* @__PURE__ */ jsx35(item.icon, { className: "mr-2 h-4 w-4" }),
             item.name
           ]
         },
         item.name
       )) }) }),
-      footerContent && /* @__PURE__ */ jsx34(SidebarFooter, { children: footerContent })
+      footerContent && /* @__PURE__ */ jsx35(SidebarFooter, { children: footerContent })
     ] }) });
   }
 );
@@ -1889,10 +1910,10 @@ var Sidebar = React28.forwardRef(
 // src/components/molecules/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     Sonner,
     {
       theme,
@@ -1911,14 +1932,14 @@ var Toaster = ({ ...props }) => {
 };
 
 // src/components/molecules/rating-stars.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { Star } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React29.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TooltipContent = React30.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx37(
   TooltipPrimitive.Content,
   {
     ref,
@@ -1931,14 +1952,14 @@ var TooltipContent = React29.forwardRef(({ className, sideOffset = 4, ...props }
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var StarRating = React29.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */ jsx36("div", { ref, className: "flex", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx36(
+var StarRating = React30.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */ jsx37("div", { ref, className: "flex", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx37(
   Button,
   {
     onClick: () => onRate(star),
     variant: "link",
     className: "p-1 transition-colors [&_svg]:size-5 h-5",
     "aria-label": `Rate ${star} star${star !== 1 ? "s" : ""}`,
-    children: /* @__PURE__ */ jsx36(
+    children: /* @__PURE__ */ jsx37(
       Star,
       {
         className: cn(
@@ -1951,19 +1972,19 @@ var StarRating = React29.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */
   star
 )) }));
 StarRating.displayName = "StarRating";
-var RatingStars = React29.forwardRef(({
+var RatingStars = React30.forwardRef(({
   currentRating = 0,
   onRate,
   className,
   isLoading
 }, ref) => {
-  const [open, setOpen] = React29.useState(false);
-  const [animate, setAnimate] = React29.useState(false);
+  const [open, setOpen] = React30.useState(false);
+  const [animate, setAnimate] = React30.useState(false);
   const handleRate = (rating) => {
     onRate(rating);
     setOpen(false);
   };
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (currentRating > 0) {
       setAnimate(true);
       const timer = setTimeout(() => setAnimate(false), 150);
@@ -1971,8 +1992,8 @@ var RatingStars = React29.forwardRef(({
     }
   }, [currentRating]);
   const hasRated = currentRating > 0;
-  return /* @__PURE__ */ jsx36(TooltipProvider, { children: /* @__PURE__ */ jsxs15(Tooltip, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx36(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(TooltipProvider, { children: /* @__PURE__ */ jsxs15(Tooltip, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx37(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx37(
       Button,
       {
         ref,
@@ -1983,7 +2004,7 @@ var RatingStars = React29.forwardRef(({
         ),
         disabled: isLoading,
         onClick: () => setOpen(!open),
-        children: /* @__PURE__ */ jsx36(
+        children: /* @__PURE__ */ jsx37(
           Star,
           {
             className: cn(
@@ -1996,7 +2017,7 @@ var RatingStars = React29.forwardRef(({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx36(TooltipContent, { side: "top", align: "center", className: "p-0", children: /* @__PURE__ */ jsx36("div", { className: "p-2 bg-background", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37(TooltipContent, { side: "top", align: "center", className: "p-0", children: /* @__PURE__ */ jsx37("div", { className: "p-2 bg-background", children: /* @__PURE__ */ jsx37(
       StarRating,
       {
         rating: currentRating,
@@ -2008,10 +2029,10 @@ var RatingStars = React29.forwardRef(({
 RatingStars.displayName = "RatingStars";
 
 // src/components/molecules/rating-thumbs.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import { ThumbsUp, ThumbsDown } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
-var RatingThumbs = React30.forwardRef(
+import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
+var RatingThumbs = React31.forwardRef(
   ({
     currentRating,
     onRate,
@@ -2019,8 +2040,8 @@ var RatingThumbs = React30.forwardRef(
     className,
     isLoading
   }, ref) => {
-    const [animate, setAnimate] = React30.useState(false);
-    React30.useEffect(() => {
+    const [animate, setAnimate] = React31.useState(false);
+    React31.useEffect(() => {
       if (currentRating) {
         setAnimate(true);
         const timer = setTimeout(() => setAnimate(false), 150);
@@ -2038,7 +2059,7 @@ var RatingThumbs = React30.forwardRef(
           className
         ),
         children: [
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             Button,
             {
               variant: "link",
@@ -2049,7 +2070,7 @@ var RatingThumbs = React30.forwardRef(
               ),
               "aria-label": "Thumbs up",
               disabled: isLoading,
-              children: /* @__PURE__ */ jsx37(
+              children: /* @__PURE__ */ jsx38(
                 ThumbsUp,
                 {
                   className: cn(
@@ -2062,7 +2083,7 @@ var RatingThumbs = React30.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             Button,
             {
               variant: "link",
@@ -2073,7 +2094,7 @@ var RatingThumbs = React30.forwardRef(
               ),
               "aria-label": "Thumbs down",
               disabled: isLoading,
-              children: /* @__PURE__ */ jsx37(
+              children: /* @__PURE__ */ jsx38(
                 ThumbsDown,
                 {
                   className: cn(
@@ -2094,30 +2115,30 @@ var RatingThumbs = React30.forwardRef(
 RatingThumbs.displayName = "RatingThumbs";
 
 // src/components/molecules/rating-comment.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import { Book } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
-var RatingComment = React31.forwardRef(
+import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+var RatingComment = React32.forwardRef(
   ({ currentRating, onRate, className, isLoading }, ref) => {
-    const [open, setOpen] = React31.useState(false);
-    const [comment, setComment] = React31.useState("");
-    const [animate, setAnimate] = React31.useState(false);
+    const [open, setOpen] = React32.useState(false);
+    const [comment, setComment] = React32.useState("");
+    const [animate, setAnimate] = React32.useState(false);
     const handleRate = () => {
       onRate(comment);
       setOpen(false);
     };
-    React31.useEffect(() => {
+    React32.useEffect(() => {
       if (currentRating) {
         setAnimate(true);
         const timer = setTimeout(() => setAnimate(false), 150);
         return () => clearTimeout(timer);
       }
     }, [currentRating]);
-    React31.useEffect(() => {
+    React32.useEffect(() => {
       setComment("");
     }, [open]);
     return /* @__PURE__ */ jsxs17(Dialog, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx38(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx39(
         Button,
         {
           ref,
@@ -2128,7 +2149,7 @@ var RatingComment = React31.forwardRef(
             className
           ),
           disabled: isLoading,
-          children: /* @__PURE__ */ jsx38(
+          children: /* @__PURE__ */ jsx39(
             Book,
             {
               className: cn(
@@ -2141,10 +2162,10 @@ var RatingComment = React31.forwardRef(
           )
         }
       ) }),
-      /* @__PURE__ */ jsx38(DialogOverlay, { className: "fixed inset-0 bg-black bg-opacity-50" }),
+      /* @__PURE__ */ jsx39(DialogOverlay, { className: "fixed inset-0 bg-black bg-opacity-50" }),
       /* @__PURE__ */ jsxs17(DialogContent, { "aria-describedby": void 0, children: [
-        /* @__PURE__ */ jsx38(DialogTitle, { className: "text-lg font-medium", children: "Deja un comentario" }),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(DialogTitle, { className: "text-lg font-medium", children: "Deja un comentario" }),
+        /* @__PURE__ */ jsx39(
           "textarea",
           {
             className: "mt-4 w-full p-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary",
@@ -2153,7 +2174,7 @@ var RatingComment = React31.forwardRef(
             onChange: (e) => setComment(e.target.value)
           }
         ),
-        /* @__PURE__ */ jsx38("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx39(
           Button,
           {
             onClick: handleRate,
@@ -2168,7 +2189,7 @@ var RatingComment = React31.forwardRef(
 RatingComment.displayName = "RatingComment";
 
 // src/components/molecules/call-out.tsx
-import * as React32 from "react";
+import * as React33 from "react";
 
 // src/components/hooks/use-text-streaming.ts
 import { useState as useState8, useEffect as useEffect8, useRef, useCallback as useCallback2 } from "react";
@@ -2227,9 +2248,9 @@ function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
 }
 
 // src/components/molecules/call-out.tsx
-import { jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
-var CallOut = React32.forwardRef(({ className, children, role, ...props }, ref) => {
-  return /* @__PURE__ */ jsx39(
+import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
+var CallOut = React33.forwardRef(({ className, children, role, ...props }, ref) => {
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       ref,
@@ -2240,8 +2261,8 @@ var CallOut = React32.forwardRef(({ className, children, role, ...props }, ref)
     }
   );
 });
-var CallOutDate = React32.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx39(
+var CallOutDate = React33.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       ref,
@@ -2255,13 +2276,13 @@ var CallOutDate = React32.forwardRef(({ className, children, ...props }, ref) =>
     }
   );
 });
-var CallOutActions = React32.forwardRef(({ className, actions, role, message, ...props }, ref) => {
-  const [isLoading, setIsLoading] = React32.useState(false);
-  const [isClicked, setIsClicked] = React32.useState(false);
+var CallOutActions = React33.forwardRef(({ className, actions, role, message, ...props }, ref) => {
+  const [isLoading, setIsLoading] = React33.useState(false);
+  const [isClicked, setIsClicked] = React33.useState(false);
   if (role === "user") {
     return null;
   }
-  return /* @__PURE__ */ jsx39("div", { ref, className: cn("alq--callout-actions", className), ...props, children: actions.map((action) => /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx40("div", { ref, className: cn("alq--callout-actions", className), ...props, children: actions.map((action) => /* @__PURE__ */ jsxs18(
     "button",
     {
       className: cn(
@@ -2283,7 +2304,7 @@ var CallOutActions = React32.forwardRef(({ className, actions, role, message, ..
         });
       },
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "span",
           {
             className: cn("alq-action-icon-wrapper", {
@@ -2292,13 +2313,13 @@ var CallOutActions = React32.forwardRef(({ className, actions, role, message, ..
             children: action.icon
           }
         ),
-        /* @__PURE__ */ jsx39("label", { children: action.label })
+        /* @__PURE__ */ jsx40("label", { children: action.label })
       ]
     },
     action.label
   )) });
 });
-var CallOutResponse = React32.forwardRef(
+var CallOutResponse = React33.forwardRef(
   ({ className, children, role, additionalInfo, isStreaming, handleIsTextStreaming, ...props }, ref) => {
     const content = String(children || "");
     const shouldStream = role === "assistant" && isStreaming;
@@ -2316,8 +2337,8 @@ var CallOutResponse = React32.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx39(RichText, { content: displayedContent }),
-          additionalInfo && /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(RichText, { content: displayedContent }),
+          additionalInfo && /* @__PURE__ */ jsx40(
             "div",
             {
               className: cn(