@alquimia-ai/ui 2.0.0 → 2.2.2

package/dist/components/molecules/index.mjs

@@ -305,7 +305,7 @@ var AlertDialogCancel = React2.forwardRef(function(_param, ref) {
 });
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 // src/components/molecules/assistant-button.tsx
-import * as React26 from "react";
+import * as React29 from "react";
 import { useState as useState3 } from "react";
 // src/components/atoms/ui/textarea.tsx
 import * as React3 from "react";
@@ -1540,17 +1540,196 @@ var ThinkIndicator = React25.forwardRef(function(_param, ref) {
     }));
 });
 ThinkIndicator.displayName = "ThinkIndicator";
-// src/components/molecules/assistant-button.tsx
+// src/components/atoms/ui/accordion.tsx
+import * as React26 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
 import { jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
-var AssistantSuggestions = React26.forwardRef(function(param, ref) {
+var AccordionItem = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx32(AccordionPrimitive.Item, _object_spread({
+        ref: ref,
+        className: cn("border-b", className)
+    }, props));
+});
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsx32(AccordionPrimitive.Header, {
+        className: "flex",
+        children: /* @__PURE__ */ jsxs11(AccordionPrimitive.Trigger, _object_spread_props(_object_spread({
+            ref: ref,
+            className: cn("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className)
+        }, props), {
+            children: [
+                children,
+                /* @__PURE__ */ jsx32(ChevronDown2, {
+                    className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
+                })
+            ]
+        }))
+    });
+});
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsx32(AccordionPrimitive.Content, _object_spread_props(_object_spread({
+        ref: ref,
+        className: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    }, props), {
+        children: /* @__PURE__ */ jsx32("div", {
+            className: cn("pb-4 pt-0", className),
+            children: children
+        })
+    }));
+});
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+// src/components/atoms/ui/radio-group.tsx
+import * as React27 from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle } from "lucide-react";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var RadioGroup = React27.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx33(RadioGroupPrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn("grid gap-2", className)
+    }, props));
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React27.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx33(RadioGroupPrimitive.Item, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx33(RadioGroupPrimitive.Indicator, {
+            className: "flex items-center justify-center",
+            children: /* @__PURE__ */ jsx33(Circle, {
+                className: "h-2.5 w-2.5 fill-current text-current"
+            })
+        })
+    }));
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+// src/components/atoms/ui/progress.tsx
+import * as React28 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var Progress = React28.forwardRef(function(_param, ref) {
+    var className = _param.className, value = _param.value, props = _object_without_properties(_param, [
+        "className",
+        "value"
+    ]);
+    return /* @__PURE__ */ jsx34(ProgressPrimitive.Root, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative h-2 w-full overflow-hidden rounded-full bg-muted", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx34(ProgressPrimitive.Indicator, {
+            className: "h-full w-full flex-1 bg-primary transition-all",
+            style: {
+                transform: "translateX(-".concat(100 - (value || 0), "%)")
+            }
+        })
+    }));
+});
+Progress.displayName = ProgressPrimitive.Root.displayName;
+// src/components/atoms/ui/calendar.tsx
+import { ChevronLeft, ChevronRight as ChevronRight2 } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+import { jsx as jsx35 } from "react/jsx-runtime";
+function Calendar(_param) {
+    var className = _param.className, classNames = _param.classNames, _param_showOutsideDays = _param.showOutsideDays, showOutsideDays = _param_showOutsideDays === void 0 ? true : _param_showOutsideDays, props = _object_without_properties(_param, [
+        "className",
+        "classNames",
+        "showOutsideDays"
+    ]);
+    return /* @__PURE__ */ jsx35(DayPicker, _object_spread({
+        showOutsideDays: showOutsideDays,
+        className: cn("p-3", className),
+        classNames: _object_spread({
+            months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+            month: "space-y-4",
+            caption: "flex justify-center pt-1 relative items-center",
+            caption_label: "text-sm font-medium",
+            nav: "space-x-1 flex items-center",
+            nav_button: cn(buttonVariants({
+                variant: "outline"
+            }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
+            nav_button_previous: "absolute left-1",
+            nav_button_next: "absolute right-1",
+            table: "w-full border-collapse space-y-1",
+            head_row: "flex",
+            head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+            row: "flex w-full mt-2",
+            cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+            day: cn(buttonVariants({
+                variant: "ghost"
+            }), "h-9 w-9 p-0 font-normal aria-selected:opacity-100"),
+            day_range_end: "day-range-end",
+            day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+            day_today: "bg-accent text-accent-foreground",
+            day_outside: "day-outside text-muted-foreground opacity-50",
+            day_disabled: "text-muted-foreground opacity-50",
+            day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+            day_hidden: "invisible"
+        }, classNames),
+        components: {
+            IconLeft: function() {
+                return /* @__PURE__ */ jsx35(ChevronLeft, {
+                    className: "h-4 w-4"
+                });
+            },
+            IconRight: function() {
+                return /* @__PURE__ */ jsx35(ChevronRight2, {
+                    className: "h-4 w-4"
+                });
+            }
+        }
+    }, props));
+}
+Calendar.displayName = "Calendar";
+// src/components/atoms/ui/chart.tsx
+import { ResponsiveContainer, CartesianGrid, XAxis, YAxis, Tooltip, Legend } from "recharts";
+import { Fragment, jsx as jsx36, jsxs as jsxs12 } from "react/jsx-runtime";
+function Chart(param) {
+    var className = param.className, _param_height = param.height, height = _param_height === void 0 ? 300 : _param_height, children = param.children;
+    return /* @__PURE__ */ jsx36("div", {
+        className: cn("w-full", className),
+        style: {
+            height: height
+        },
+        children: /* @__PURE__ */ jsx36(ResponsiveContainer, {
+            width: "100%",
+            height: "100%",
+            children: children
+        })
+    });
+}
+Chart.displayName = "Chart";
+// src/components/molecules/assistant-button.tsx
+import { jsx as jsx37, jsxs as jsxs13 } from "react/jsx-runtime";
+var AssistantSuggestions = React29.forwardRef(function(param, ref) {
     var suggestions = param.suggestions, showSuggestions = param.showSuggestions, className = param.className;
-    return /* @__PURE__ */ jsx32("div", {
+    return /* @__PURE__ */ jsx37("div", {
         ref: ref,
         className: cn("absolute bottom-[calc(100%+0.5rem)] right-0 pb-2 mb-4 alq--assistant-suggestions-container", "transition-all duration-300", showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4", className),
-        children: /* @__PURE__ */ jsx32("div", {
+        children: /* @__PURE__ */ jsx37("div", {
             className: "rounded-lg p-2 pr-0 w-64",
             children: suggestions.map(function(suggestion, index) {
-                return /* @__PURE__ */ jsxs11("button", {
+                return /* @__PURE__ */ jsxs13("button", {
                     onClick: function() {
                         var _suggestion_action;
                         return (_suggestion_action = suggestion.action) === null || _suggestion_action === void 0 ? void 0 : _suggestion_action.call(suggestion);
@@ -1560,10 +1739,10 @@ var AssistantSuggestions = React26.forwardRef(function(param, ref) {
                     },
                     className: cn("bg-background flex items-center gap-2 border p-2 pr-4 my-2 rounded-full ml-auto", "text-primary hover:bg-secondary", "transition-all duration-100", "origin-bottom w-fit", "alq--assistant-suggestion", showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"),
                     children: [
-                        /* @__PURE__ */ jsx32(suggestion.icon, {
+                        /* @__PURE__ */ jsx37(suggestion.icon, {
                             className: "w-5 h-5 text-primary"
                         }),
-                        /* @__PURE__ */ jsx32("span", {
+                        /* @__PURE__ */ jsx37("span", {
                             className: "text-xs whitespace-nowrap font-normal",
                             children: suggestion.label
                         })
@@ -1574,7 +1753,7 @@ var AssistantSuggestions = React26.forwardRef(function(param, ref) {
     });
 });
 AssistantSuggestions.displayName = "Suggestions";
-var AssistantButton = React26.forwardRef(function(param, ref) {
+var AssistantButton = React29.forwardRef(function(param, ref) {
     var Icon2 = param.icon, clickAction = param.clickAction, className = param.className, _param_suggestions = param.suggestions, suggestions = _param_suggestions === void 0 ? [] : _param_suggestions;
     var _useState3 = _sliced_to_array(useState3(false), 2), isVisible = _useState3[0], setIsVisible = _useState3[1];
     var _useState31 = _sliced_to_array(useState3(false), 2), showSuggestions = _useState31[0], setShowSuggestions = _useState31[1];
@@ -1592,24 +1771,24 @@ var AssistantButton = React26.forwardRef(function(param, ref) {
             return setIsVisible(false);
         }, 300);
     };
-    return /* @__PURE__ */ jsx32("div", {
+    return /* @__PURE__ */ jsx37("div", {
         ref: ref,
         className: cn("fixed bottom-8 right-4 z-50", "alq--assistant-button-container", className),
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
-        children: /* @__PURE__ */ jsxs11("div", {
+        children: /* @__PURE__ */ jsxs13("div", {
             className: "relative group",
             children: [
-                isVisible && suggestions.length > 0 && /* @__PURE__ */ jsx32(AssistantSuggestions, {
+                isVisible && suggestions.length > 0 && /* @__PURE__ */ jsx37(AssistantSuggestions, {
                     suggestions: suggestions,
                     showSuggestions: showSuggestions
                 }),
-                /* @__PURE__ */ jsx32(Button, {
+                /* @__PURE__ */ jsx37(Button, {
                     variant: "outline",
                     size: "sm",
                     className: cn("fixed hover:bg-opacity-70 transition-all duration-300", "bottom-4 h-12 w-12 right-4 z-50 rounded-full p-2", "shadow-md", "hover:shadow-lg", showSuggestions ? "scale-110" : "hover:scale-105", "alq--assistant-button"),
                     onClick: clickAction,
-                    children: /* @__PURE__ */ jsx32(Icon2, {
+                    children: /* @__PURE__ */ jsx37(Icon2, {
                         style: {
                             width: "22px",
                             height: "22px"
@@ -1623,19 +1802,19 @@ var AssistantButton = React26.forwardRef(function(param, ref) {
 });
 AssistantButton.displayName = "AssistantButton";
 // src/components/molecules/carousel.tsx
-import * as React27 from "react";
+import * as React30 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs12 } from "react/jsx-runtime";
-var CarouselContext = React27.createContext(null);
+import { jsx as jsx38, jsxs as jsxs14 } from "react/jsx-runtime";
+var CarouselContext = React30.createContext(null);
 function useCarousel() {
-    var context = React27.useContext(CarouselContext);
+    var context = React30.useContext(CarouselContext);
     if (!context) {
         throw new Error("useCarousel must be used within a <Carousel />");
     }
     return context;
 }
-var Carousel = React27.forwardRef(function(_param, ref) {
+var Carousel = React30.forwardRef(function(_param, ref) {
     var _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, opts = _param.opts, setApi = _param.setApi, plugins = _param.plugins, className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "orientation",
         "opts",
@@ -1647,26 +1826,26 @@ var Carousel = React27.forwardRef(function(_param, ref) {
     var _useEmblaCarousel = _sliced_to_array(useEmblaCarousel(_object_spread_props(_object_spread({}, opts), {
         axis: orientation === "horizontal" ? "x" : "y"
     }), plugins), 2), carouselRef = _useEmblaCarousel[0], api = _useEmblaCarousel[1];
-    var _React27_useState = _sliced_to_array(React27.useState(false), 2), canScrollPrev = _React27_useState[0], setCanScrollPrev = _React27_useState[1];
-    var _React27_useState1 = _sliced_to_array(React27.useState(false), 2), canScrollNext = _React27_useState1[0], setCanScrollNext = _React27_useState1[1];
-    var onSelect = React27.useCallback(function(api2) {
+    var _React30_useState = _sliced_to_array(React30.useState(false), 2), canScrollPrev = _React30_useState[0], setCanScrollPrev = _React30_useState[1];
+    var _React30_useState1 = _sliced_to_array(React30.useState(false), 2), canScrollNext = _React30_useState1[0], setCanScrollNext = _React30_useState1[1];
+    var onSelect = React30.useCallback(function(api2) {
         if (!api2) {
             return;
         }
         setCanScrollPrev(api2.canScrollPrev());
         setCanScrollNext(api2.canScrollNext());
     }, []);
-    var scrollPrev = React27.useCallback(function() {
+    var scrollPrev = React30.useCallback(function() {
         api === null || api === void 0 ? void 0 : api.scrollPrev();
     }, [
         api
     ]);
-    var scrollNext = React27.useCallback(function() {
+    var scrollNext = React30.useCallback(function() {
         api === null || api === void 0 ? void 0 : api.scrollNext();
     }, [
         api
     ]);
-    var handleKeyDown = React27.useCallback(function(event) {
+    var handleKeyDown = React30.useCallback(function(event) {
         if (event.key === "ArrowLeft") {
             event.preventDefault();
             scrollPrev();
@@ -1678,7 +1857,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         scrollPrev,
         scrollNext
     ]);
-    React27.useEffect(function() {
+    React30.useEffect(function() {
         if (!api || !setApi) {
             return;
         }
@@ -1687,7 +1866,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         api,
         setApi
     ]);
-    React27.useEffect(function() {
+    React30.useEffect(function() {
         if (!api) {
             return;
         }
@@ -1701,7 +1880,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         api,
         onSelect
     ]);
-    return /* @__PURE__ */ jsx33(CarouselContext.Provider, {
+    return /* @__PURE__ */ jsx38(CarouselContext.Provider, {
         value: {
             carouselRef: carouselRef,
             api: api,
@@ -1712,7 +1891,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
             canScrollPrev: canScrollPrev,
             canScrollNext: canScrollNext
         },
-        children: /* @__PURE__ */ jsx33("div", _object_spread_props(_object_spread({
+        children: /* @__PURE__ */ jsx38("div", _object_spread_props(_object_spread({
             ref: ref,
             onKeyDownCapture: handleKeyDown,
             className: cn("relative", className),
@@ -1724,27 +1903,27 @@ var Carousel = React27.forwardRef(function(_param, ref) {
     });
 });
 Carousel.displayName = "Carousel";
-var CarouselContent = React27.forwardRef(function(_param, ref) {
+var CarouselContent = React30.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
     var _useCarousel = useCarousel(), carouselRef = _useCarousel.carouselRef, orientation = _useCarousel.orientation;
-    return /* @__PURE__ */ jsx33("div", {
+    return /* @__PURE__ */ jsx38("div", {
         ref: carouselRef,
         className: "overflow-hidden",
-        children: /* @__PURE__ */ jsx33("div", _object_spread({
+        children: /* @__PURE__ */ jsx38("div", _object_spread({
             ref: ref,
             className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)
         }, props))
     });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React27.forwardRef(function(_param, ref) {
+var CarouselItem = React30.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
     var orientation = useCarousel().orientation;
-    return /* @__PURE__ */ jsx33("div", _object_spread({
+    return /* @__PURE__ */ jsx38("div", _object_spread({
         ref: ref,
         role: "group",
         "aria-roledescription": "slide",
@@ -1752,14 +1931,14 @@ var CarouselItem = React27.forwardRef(function(_param, ref) {
     }, props));
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React27.forwardRef(function(_param, ref) {
+var CarouselPrevious = React30.forwardRef(function(_param, ref) {
     var className = _param.className, _param_variant = _param.variant, variant = _param_variant === void 0 ? "outline" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "icon" : _param_size, props = _object_without_properties(_param, [
         "className",
         "variant",
         "size"
     ]);
     var _useCarousel = useCarousel(), orientation = _useCarousel.orientation, scrollPrev = _useCarousel.scrollPrev, canScrollPrev = _useCarousel.canScrollPrev;
-    return /* @__PURE__ */ jsxs12(Button, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs14(Button, _object_spread_props(_object_spread({
         ref: ref,
         variant: variant,
         size: size,
@@ -1768,10 +1947,10 @@ var CarouselPrevious = React27.forwardRef(function(_param, ref) {
         onClick: scrollPrev
     }, props), {
         children: [
-            /* @__PURE__ */ jsx33(ArrowLeft, {
+            /* @__PURE__ */ jsx38(ArrowLeft, {
                 className: "h-4 w-4"
             }),
-            /* @__PURE__ */ jsx33("span", {
+            /* @__PURE__ */ jsx38("span", {
                 className: "sr-only",
                 children: "Previous slide"
             })
@@ -1779,14 +1958,14 @@ var CarouselPrevious = React27.forwardRef(function(_param, ref) {
     }));
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React27.forwardRef(function(_param, ref) {
+var CarouselNext = React30.forwardRef(function(_param, ref) {
     var className = _param.className, _param_variant = _param.variant, variant = _param_variant === void 0 ? "outline" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "icon" : _param_size, props = _object_without_properties(_param, [
         "className",
         "variant",
         "size"
     ]);
     var _useCarousel = useCarousel(), orientation = _useCarousel.orientation, scrollNext = _useCarousel.scrollNext, canScrollNext = _useCarousel.canScrollNext;
-    return /* @__PURE__ */ jsxs12(Button, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs14(Button, _object_spread_props(_object_spread({
         ref: ref,
         variant: variant,
         size: size,
@@ -1795,10 +1974,10 @@ var CarouselNext = React27.forwardRef(function(_param, ref) {
         onClick: scrollNext
     }, props), {
         children: [
-            /* @__PURE__ */ jsx33(ArrowRight, {
+            /* @__PURE__ */ jsx38(ArrowRight, {
                 className: "h-4 w-4"
             }),
-            /* @__PURE__ */ jsx33("span", {
+            /* @__PURE__ */ jsx38("span", {
                 className: "sr-only",
                 children: "Next slide"
             })
@@ -1807,32 +1986,32 @@ var CarouselNext = React27.forwardRef(function(_param, ref) {
 });
 CarouselNext.displayName = "CarouselNext";
 // src/components/molecules/navigation-menu.tsx
-import * as React28 from "react";
+import * as React31 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 jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
-var NavigationMenu = React28.forwardRef(function(_param, ref) {
+import { ChevronDown as ChevronDown3 } from "lucide-react";
+import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
+var NavigationMenu = React31.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ jsxs13(NavigationMenuPrimitive.Root, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs15(NavigationMenuPrimitive.Root, _object_spread_props(_object_spread({
         ref: ref,
         className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className)
     }, props), {
         children: [
             children,
-            /* @__PURE__ */ jsx34(NavigationMenuViewport, {})
+            /* @__PURE__ */ jsx39(NavigationMenuViewport, {})
         ]
     }));
 });
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React28.forwardRef(function(_param, ref) {
+var NavigationMenuList = React31.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx34(NavigationMenuPrimitive.List, _object_spread({
+    return /* @__PURE__ */ jsx39(NavigationMenuPrimitive.List, _object_spread({
         ref: ref,
         className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className)
     }, props));
@@ -1840,19 +2019,19 @@ var NavigationMenuList = React28.forwardRef(function(_param, ref) {
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 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 = React28.forwardRef(function(_param, ref) {
+var NavigationMenuTrigger = React31.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ jsxs13(NavigationMenuPrimitive.Trigger, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs15(NavigationMenuPrimitive.Trigger, _object_spread_props(_object_spread({
         ref: ref,
         className: cn(navigationMenuTriggerStyle(), "group", className)
     }, props), {
         children: [
             children,
             " ",
-            /* @__PURE__ */ jsx34(ChevronDown2, {
+            /* @__PURE__ */ jsx39(ChevronDown3, {
                 className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
                 "aria-hidden": "true"
             })
@@ -1860,48 +2039,48 @@ var NavigationMenuTrigger = React28.forwardRef(function(_param, ref) {
     }));
 });
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React28.forwardRef(function(_param, ref) {
+var NavigationMenuContent = React31.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx34(NavigationMenuPrimitive.Content, _object_spread({
+    return /* @__PURE__ */ jsx39(NavigationMenuPrimitive.Content, _object_spread({
         ref: ref,
         className: cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", className)
     }, props));
 });
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React28.forwardRef(function(_param, ref) {
+var NavigationMenuViewport = React31.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx34("div", {
+    return /* @__PURE__ */ jsx39("div", {
         className: cn("absolute left-0 top-full flex justify-center"),
-        children: /* @__PURE__ */ jsx34(NavigationMenuPrimitive.Viewport, _object_spread({
+        children: /* @__PURE__ */ jsx39(NavigationMenuPrimitive.Viewport, _object_spread({
             className: cn("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className),
             ref: ref
         }, props))
     });
 });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React28.forwardRef(function(_param, ref) {
+var NavigationMenuIndicator = React31.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx34(NavigationMenuPrimitive.Indicator, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx39(NavigationMenuPrimitive.Indicator, _object_spread_props(_object_spread({
         ref: ref,
         className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", className)
     }, props), {
-        children: /* @__PURE__ */ jsx34("div", {
+        children: /* @__PURE__ */ jsx39("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 React29 from "react";
+import * as React32 from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
 var sidebarVariants = cva10("flex flex-col border-r", {
     variants: {
         size: {
@@ -1914,12 +2093,12 @@ var sidebarVariants = cva10("flex flex-col border-r", {
         size: "default"
     }
 });
-var SidebarFooter = React29.forwardRef(function(_param, ref) {
+var SidebarFooter = React32.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ jsx35("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx40("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("p-4", className)
     }, props), {
@@ -1927,7 +2106,7 @@ var SidebarFooter = React29.forwardRef(function(_param, ref) {
     }));
 });
 SidebarFooter.displayName = "SidebarFooter";
-var Sidebar = React29.forwardRef(function(_param, ref) {
+var Sidebar = React32.forwardRef(function(_param, ref) {
     var className = _param.className, items = _param.items, selectedSection = _param.selectedSection, onSelect = _param.onSelect, footerContent = _param.footerContent, _param_size = _param.size, size = _param_size === void 0 ? "default" : _param_size, _param_selectedVariant = _param.selectedVariant, selectedVariant = _param_selectedVariant === void 0 ? "secondary" : _param_selectedVariant, _param_defaultVariant = _param.defaultVariant, defaultVariant = _param_defaultVariant === void 0 ? "ghost" : _param_defaultVariant, buttonClassName = _param.buttonClassName, props = _object_without_properties(_param, [
         "className",
         "items",
@@ -1939,21 +2118,21 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
         "defaultVariant",
         "buttonClassName"
     ]);
-    return /* @__PURE__ */ jsx35("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx40("div", _object_spread_props(_object_spread({
         className: cn(className, "alq--navigation-sidebar h-full"),
         ref: ref
     }, props), {
-        children: /* @__PURE__ */ jsxs14("aside", {
+        children: /* @__PURE__ */ jsxs16("aside", {
             className: cn(sidebarVariants({
                 size: size
             }), "h-full"),
             children: [
-                /* @__PURE__ */ jsx35(ScrollArea, {
+                /* @__PURE__ */ jsx40(ScrollArea, {
                     className: "flex-grow justify-between",
-                    children: /* @__PURE__ */ jsx35("div", {
+                    children: /* @__PURE__ */ jsx40("div", {
                         className: "flex flex-col gap-2 p-4",
                         children: items.map(function(item) {
-                            return /* @__PURE__ */ jsxs14(Button, {
+                            return /* @__PURE__ */ jsxs16(Button, {
                                 variant: (selectedSection === null || selectedSection === void 0 ? void 0 : selectedSection.name) === item.name ? selectedVariant : defaultVariant,
                                 className: cn("justify-start", buttonClassName),
                                 disabled: item.disabled,
@@ -1963,7 +2142,7 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
                                     }
                                 },
                                 children: [
-                                    item.icon && /* @__PURE__ */ jsx35(item.icon, {
+                                    item.icon && /* @__PURE__ */ jsx40(item.icon, {
                                         className: "mr-2 h-4 w-4"
                                     }),
                                     item.name
@@ -1972,7 +2151,7 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
                         })
                     })
                 }),
-                footerContent && /* @__PURE__ */ jsx35(SidebarFooter, {
+                footerContent && /* @__PURE__ */ jsx40(SidebarFooter, {
                     children: footerContent
                 })
             ]
@@ -1991,11 +2170,11 @@ function useAlquimiaTheme() {
     return useContext2(ThemeContext);
 }
 // src/components/molecules/sonner.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var Toaster = function(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
     var _useAlquimiaTheme = useAlquimiaTheme(), _useAlquimiaTheme_theme = _useAlquimiaTheme.theme, theme = _useAlquimiaTheme_theme === void 0 ? "system" : _useAlquimiaTheme_theme;
-    return /* @__PURE__ */ jsx36(Sonner, _object_spread({
+    return /* @__PURE__ */ jsx41(Sonner, _object_spread({
         theme: theme,
         className: "toaster group",
         toastOptions: {
@@ -2009,28 +2188,28 @@ var Toaster = function(_param) {
     }, props));
 };
 // src/components/molecules/rating-stars.tsx
-import * as React30 from "react";
+import * as React33 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { Star } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs17 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
+var Tooltip2 = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React30.forwardRef(function(_param, ref) {
+var TooltipContent = React33.forwardRef(function(_param, ref) {
     var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
         "className",
         "sideOffset"
     ]);
-    return /* @__PURE__ */ jsx37(TooltipPrimitive.Content, _object_spread({
+    return /* @__PURE__ */ jsx42(TooltipPrimitive.Content, _object_spread({
         ref: ref,
         sideOffset: sideOffset,
         className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-lg 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", className)
     }, props));
 });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var StarRating = React30.forwardRef(function(param, ref) {
+var StarRating = React33.forwardRef(function(param, ref) {
     var rating = param.rating, onRate = param.onRate;
-    return /* @__PURE__ */ jsx37("div", {
+    return /* @__PURE__ */ jsx42("div", {
         ref: ref,
         className: "flex",
         children: [
@@ -2040,14 +2219,14 @@ var StarRating = React30.forwardRef(function(param, ref) {
             4,
             5
         ].map(function(star) {
-            return /* @__PURE__ */ jsx37(Button, {
+            return /* @__PURE__ */ jsx42(Button, {
                 onClick: function() {
                     return onRate(star);
                 },
                 variant: "link",
                 className: "p-1 transition-colors [&_svg]:size-5 h-5",
                 "aria-label": "Rate ".concat(star, " star").concat(star !== 1 ? "s" : ""),
-                children: /* @__PURE__ */ jsx37(Star, {
+                children: /* @__PURE__ */ jsx42(Star, {
                     className: cn("w-5 h-5", star <= rating ? "alq-rating-star-active fill-current stroke-current" : "alq-rating-star-inactive")
                 })
             }, star);
@@ -2055,15 +2234,15 @@ var StarRating = React30.forwardRef(function(param, ref) {
     });
 });
 StarRating.displayName = "StarRating";
-var RatingStars = React30.forwardRef(function(param, ref) {
+var RatingStars = React33.forwardRef(function(param, ref) {
     var _param_currentRating = param.currentRating, currentRating = _param_currentRating === void 0 ? 0 : _param_currentRating, onRate = param.onRate, className = param.className, isLoading = param.isLoading;
-    var _React30_useState = _sliced_to_array(React30.useState(false), 2), open = _React30_useState[0], setOpen = _React30_useState[1];
-    var _React30_useState1 = _sliced_to_array(React30.useState(false), 2), animate = _React30_useState1[0], setAnimate = _React30_useState1[1];
+    var _React33_useState = _sliced_to_array(React33.useState(false), 2), open = _React33_useState[0], setOpen = _React33_useState[1];
+    var _React33_useState1 = _sliced_to_array(React33.useState(false), 2), animate = _React33_useState1[0], setAnimate = _React33_useState1[1];
     var handleRate = function(rating) {
         onRate(rating);
         setOpen(false);
     };
-    React30.useEffect(function() {
+    React33.useEffect(function() {
         if (currentRating > 0) {
             setAnimate(true);
             var timer = setTimeout(function() {
@@ -2077,14 +2256,14 @@ var RatingStars = React30.forwardRef(function(param, ref) {
         currentRating
     ]);
     var hasRated = currentRating > 0;
-    return /* @__PURE__ */ jsx37(TooltipProvider, {
-        children: /* @__PURE__ */ jsxs15(Tooltip, {
+    return /* @__PURE__ */ jsx42(TooltipProvider, {
+        children: /* @__PURE__ */ jsxs17(Tooltip2, {
             open: open,
             onOpenChange: setOpen,
             children: [
-                /* @__PURE__ */ jsx37(TooltipTrigger, {
+                /* @__PURE__ */ jsx42(TooltipTrigger, {
                     asChild: true,
-                    children: /* @__PURE__ */ jsx37(Button, {
+                    children: /* @__PURE__ */ jsx42(Button, {
                         ref: ref,
                         variant: "link",
                         className: cn("inline-flex items-center justify-center rounded-md text-sm font-medium [&_svg]:size-5  transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", className),
@@ -2092,18 +2271,18 @@ var RatingStars = React30.forwardRef(function(param, ref) {
                         onClick: function() {
                             return setOpen(!open);
                         },
-                        children: /* @__PURE__ */ jsx37(Star, {
+                        children: /* @__PURE__ */ jsx42(Star, {
                             className: cn("w-5 h-5 transition-all duration-500", animate && "animate-ping", isLoading && "animate-pulse", hasRated ? "alq-rating-star-active fill-current stroke-current" : "alq-rating-star-inactive")
                         })
                     })
                 }),
-                /* @__PURE__ */ jsx37(TooltipContent, {
+                /* @__PURE__ */ jsx42(TooltipContent, {
                     side: "top",
                     align: "center",
                     className: "p-0",
-                    children: /* @__PURE__ */ jsx37("div", {
+                    children: /* @__PURE__ */ jsx42("div", {
                         className: "p-2 bg-background",
-                        children: /* @__PURE__ */ jsx37(StarRating, {
+                        children: /* @__PURE__ */ jsx42(StarRating, {
                             rating: currentRating,
                             onRate: handleRate
                         })
@@ -2115,13 +2294,13 @@ var RatingStars = React30.forwardRef(function(param, ref) {
 });
 RatingStars.displayName = "RatingStars";
 // src/components/molecules/rating-thumbs.tsx
-import * as React31 from "react";
+import * as React34 from "react";
 import { ThumbsUp, ThumbsDown } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
-var RatingThumbs = React31.forwardRef(function(param, ref) {
+import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
+var RatingThumbs = React34.forwardRef(function(param, ref) {
     var currentRating = param.currentRating, onRate = param.onRate, _param_direction = param.direction, direction = _param_direction === void 0 ? "row" : _param_direction, className = param.className, isLoading = param.isLoading;
-    var _React31_useState = _sliced_to_array(React31.useState(false), 2), animate = _React31_useState[0], setAnimate = _React31_useState[1];
-    React31.useEffect(function() {
+    var _React34_useState = _sliced_to_array(React34.useState(false), 2), animate = _React34_useState[0], setAnimate = _React34_useState[1];
+    React34.useEffect(function() {
         if (currentRating) {
             setAnimate(true);
             var timer = setTimeout(function() {
@@ -2134,11 +2313,11 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
     }, [
         currentRating
     ]);
-    return /* @__PURE__ */ jsxs16("div", {
+    return /* @__PURE__ */ jsxs18("div", {
         ref: ref,
         className: cn("inline-flex", direction === "column" ? "flex-col" : "flex-row", "space-x-1 gap-4", className),
         children: [
-            /* @__PURE__ */ jsx38(Button, {
+            /* @__PURE__ */ jsx43(Button, {
                 variant: "link",
                 onClick: function() {
                     return onRate(currentRating === "thumbsUp" ? "" : "thumbsUp");
@@ -2146,11 +2325,11 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
                 className: cn("p-1 transition-colors disabled:opacity-50 [&_svg]:size-5", "hover:alq-rating-thumbsup/10"),
                 "aria-label": "Thumbs up",
                 disabled: isLoading,
-                children: /* @__PURE__ */ jsx38(ThumbsUp, {
+                children: /* @__PURE__ */ jsx43(ThumbsUp, {
                     className: cn("w-5 h-5 transition-all duration-500", animate && currentRating === "thumbsUp" && "animate-ping", isLoading && "animate-pulse", currentRating === "thumbsUp" ? "alq-rating-thumbsup fill-current stroke-current" : "alq-rating-thumbs-inactive fill-transparent")
                 })
             }),
-            /* @__PURE__ */ jsx38(Button, {
+            /* @__PURE__ */ jsx43(Button, {
                 variant: "link",
                 onClick: function() {
                     return onRate(currentRating === "thumbsDown" ? "" : "thumbsDown");
@@ -2158,7 +2337,7 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
                 className: cn("p-1 transition-colors disabled:opacity-50 mt-0.5 [&_svg]:size-5", "hover:bg-alq-rating-thumbsdown/10"),
                 "aria-label": "Thumbs down",
                 disabled: isLoading,
-                children: /* @__PURE__ */ jsx38(ThumbsDown, {
+                children: /* @__PURE__ */ jsx43(ThumbsDown, {
                     className: cn("w-5 h-5 transition-all duration-500", animate && currentRating === "thumbsDown" && "animate-ping", isLoading && "animate-pulse", currentRating === "thumbsDown" ? "alq-rating-thumbsdown fill-current stroke-current" : "alq-rating-thumbs-inactive fill-transparent")
                 })
             })
@@ -2167,19 +2346,19 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
 });
 RatingThumbs.displayName = "RatingThumbs";
 // src/components/molecules/rating-comment.tsx
-import * as React32 from "react";
+import * as React35 from "react";
 import { Book } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
-var RatingComment = React32.forwardRef(function(param, ref) {
+import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
+var RatingComment = React35.forwardRef(function(param, ref) {
     var currentRating = param.currentRating, onRate = param.onRate, className = param.className, isLoading = param.isLoading;
-    var _React32_useState = _sliced_to_array(React32.useState(false), 2), open = _React32_useState[0], setOpen = _React32_useState[1];
-    var _React32_useState1 = _sliced_to_array(React32.useState(""), 2), comment = _React32_useState1[0], setComment = _React32_useState1[1];
-    var _React32_useState2 = _sliced_to_array(React32.useState(false), 2), animate = _React32_useState2[0], setAnimate = _React32_useState2[1];
+    var _React35_useState = _sliced_to_array(React35.useState(false), 2), open = _React35_useState[0], setOpen = _React35_useState[1];
+    var _React35_useState1 = _sliced_to_array(React35.useState(""), 2), comment = _React35_useState1[0], setComment = _React35_useState1[1];
+    var _React35_useState2 = _sliced_to_array(React35.useState(false), 2), animate = _React35_useState2[0], setAnimate = _React35_useState2[1];
     var handleRate = function() {
         onRate(comment);
         setOpen(false);
     };
-    React32.useEffect(function() {
+    React35.useEffect(function() {
         if (currentRating) {
             setAnimate(true);
             var timer = setTimeout(function() {
@@ -2192,39 +2371,39 @@ var RatingComment = React32.forwardRef(function(param, ref) {
     }, [
         currentRating
     ]);
-    React32.useEffect(function() {
+    React35.useEffect(function() {
         setComment("");
     }, [
         open
     ]);
-    return /* @__PURE__ */ jsxs17(Dialog, {
+    return /* @__PURE__ */ jsxs19(Dialog, {
         open: open,
         onOpenChange: setOpen,
         children: [
-            /* @__PURE__ */ jsx39(DialogTrigger, {
+            /* @__PURE__ */ jsx44(DialogTrigger, {
                 asChild: true,
-                children: /* @__PURE__ */ jsx39(Button, {
+                children: /* @__PURE__ */ jsx44(Button, {
                     ref: ref,
                     variant: "link",
                     size: "lg",
                     className: cn("inline-flex p-2 items-center justify-center rounded-md text-sm font-medium transition-colors [&_svg]:size-5  focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring bg-transparent hover:none disabled:pointer-events-none disabled:opacity-50", className),
                     disabled: isLoading,
-                    children: /* @__PURE__ */ jsx39(Book, {
+                    children: /* @__PURE__ */ jsx44(Book, {
                         className: cn("w-5 h-5 transition-all duration-500", animate && "animate-ping", isLoading && "animate-pulse", "".concat(comment ? "alq-rating-comment" : "stroke-gray-400"))
                     })
                 })
             }),
-            /* @__PURE__ */ jsx39(DialogOverlay, {
+            /* @__PURE__ */ jsx44(DialogOverlay, {
                 className: "fixed inset-0 bg-black bg-opacity-50"
             }),
-            /* @__PURE__ */ jsxs17(DialogContent, {
+            /* @__PURE__ */ jsxs19(DialogContent, {
                 "aria-describedby": void 0,
                 children: [
-                    /* @__PURE__ */ jsx39(DialogTitle, {
+                    /* @__PURE__ */ jsx44(DialogTitle, {
                         className: "text-lg font-medium",
                         children: "Deja un comentario"
                     }),
-                    /* @__PURE__ */ jsx39("textarea", {
+                    /* @__PURE__ */ jsx44("textarea", {
                         className: "mt-4 w-full p-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary",
                         rows: 4,
                         value: comment,
@@ -2232,9 +2411,9 @@ var RatingComment = React32.forwardRef(function(param, ref) {
                             return setComment(e.target.value);
                         }
                     }),
-                    /* @__PURE__ */ jsx39("div", {
+                    /* @__PURE__ */ jsx44("div", {
                         className: "mt-4 flex justify-end",
-                        children: /* @__PURE__ */ jsx39(Button, {
+                        children: /* @__PURE__ */ jsx44(Button, {
                             onClick: handleRate,
                             disabled: !comment,
                             children: "Enviar"
@@ -2247,8 +2426,8 @@ var RatingComment = React32.forwardRef(function(param, ref) {
 });
 RatingComment.displayName = "RatingComment";
 // src/components/molecules/call-out.tsx
-import * as React33 from "react";
-import { ChevronDown as ChevronDown3, ChevronUp as ChevronUp2 } from "lucide-react";
+import * as React36 from "react";
+import { ChevronDown as ChevronDown4, ChevronUp as ChevronUp2 } from "lucide-react";
 // src/components/hooks/use-text-streaming.ts
 import { useState as useState8, useEffect as useEffect8, useRef, useCallback as useCallback2 } from "react";
 var CHAR_DELAY = 15;
@@ -2312,14 +2491,14 @@ function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
     return displayedText;
 }
 // src/components/molecules/call-out.tsx
-import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
-var CallOut = React33.forwardRef(function(_param, ref) {
+import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
+var CallOut = React36.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, role = _param.role, props = _object_without_properties(_param, [
         "className",
         "children",
         "role"
     ]);
-    return /* @__PURE__ */ jsx40("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx45("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("alq--callout-box", className),
         "data-role": role
@@ -2327,41 +2506,41 @@ var CallOut = React33.forwardRef(function(_param, ref) {
         children: children
     }));
 });
-var CallOutDate = React33.forwardRef(function(_param, ref) {
+var CallOutDate = React36.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ jsx40("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx45("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("alq--callout-date", "text-sm text-muted-foreground", className)
     }, props), {
         children: children
     }));
 });
-var CallOutActions = React33.forwardRef(function(_param, ref) {
+var CallOutActions = React36.forwardRef(function(_param, ref) {
     var className = _param.className, actions = _param.actions, role = _param.role, message = _param.message, props = _object_without_properties(_param, [
         "className",
         "actions",
         "role",
         "message"
     ]);
-    var _React33_useState = _sliced_to_array(React33.useState(false), 2), isLoading = _React33_useState[0], setIsLoading = _React33_useState[1];
-    var _React33_useState1 = _sliced_to_array(React33.useState(false), 2), isClicked = _React33_useState1[0], setIsClicked = _React33_useState1[1];
+    var _React36_useState = _sliced_to_array(React36.useState(false), 2), isLoading = _React36_useState[0], setIsLoading = _React36_useState[1];
+    var _React36_useState1 = _sliced_to_array(React36.useState(false), 2), isClicked = _React36_useState1[0], setIsClicked = _React36_useState1[1];
     if (role === "user") {
         return null;
     }
-    return /* @__PURE__ */ jsx40("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx45("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("alq--callout-actions", className)
     }, props), {
         children: actions.map(function(action) {
             var _action_component;
-            return action.custom ? /* @__PURE__ */ jsx40(React33.Fragment, {
+            return action.custom ? /* @__PURE__ */ jsx45(React36.Fragment, {
                 children: (_action_component = action.component) === null || _action_component === void 0 ? void 0 : _action_component.call(action, {
                     message: message
                 })
-            }, action.label) : /* @__PURE__ */ jsxs18("button", {
+            }, action.label) : /* @__PURE__ */ jsxs20("button", {
                 className: cn("alq--callout-action", {
                     "alq--callout-animate-action": isLoading
                 }, {
@@ -2377,13 +2556,13 @@ var CallOutActions = React33.forwardRef(function(_param, ref) {
                     });
                 },
                 children: [
-                    /* @__PURE__ */ jsx40("span", {
+                    /* @__PURE__ */ jsx45("span", {
                         className: cn("alq-action-icon-wrapper", {
                             "alq--callout-animate-action": isLoading
                         }),
                         children: action.icon
                     }),
-                    /* @__PURE__ */ jsx40("label", {
+                    /* @__PURE__ */ jsx45("label", {
                         children: action.label
                     })
                 ]
@@ -2391,7 +2570,7 @@ var CallOutActions = React33.forwardRef(function(_param, ref) {
         })
     }));
 });
-var CallOutResponse = React33.forwardRef(function(_param, ref) {
+var CallOutResponse = React36.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, role = _param.role, additionalInfo = _param.additionalInfo, toggleAdditionalInfo = _param.toggleAdditionalInfo, isStreaming = _param.isStreaming, handleIsTextStreaming = _param.handleIsTextStreaming, props = _object_without_properties(_param, [
         "className",
         "children",
@@ -2401,29 +2580,29 @@ var CallOutResponse = React33.forwardRef(function(_param, ref) {
         "isStreaming",
         "handleIsTextStreaming"
     ]);
-    var _React33_useState = _sliced_to_array(React33.useState(false), 2), isAdditionalInfoOpen = _React33_useState[0], setIsAdditionalInfoOpen = _React33_useState[1];
+    var _React36_useState = _sliced_to_array(React36.useState(false), 2), isAdditionalInfoOpen = _React36_useState[0], setIsAdditionalInfoOpen = _React36_useState[1];
     var content = String(children || "");
     var shouldStream = role === "assistant" && isStreaming;
     var displayedContent = useTextStreaming(content, shouldStream !== null && shouldStream !== void 0 ? shouldStream : false, handleIsTextStreaming);
     var showAsToggle = additionalInfo && toggleAdditionalInfo;
     var showInline = additionalInfo && !toggleAdditionalInfo;
-    return /* @__PURE__ */ jsxs18("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs20("div", _object_spread_props(_object_spread({
         ref: ref,
         "data-role": role,
         className: cn("alq--callout-response", "max-w-none", "text-foreground", className)
     }, props), {
         children: [
-            /* @__PURE__ */ jsx40(RichText, {
+            /* @__PURE__ */ jsx45(RichText, {
                 content: displayedContent
             }),
-            showInline && /* @__PURE__ */ jsx40("div", {
+            showInline && /* @__PURE__ */ jsx45("div", {
                 className: cn("alq--callout-response-additional-info", "mt-2 text-sm text-muted-foreground whitespace-pre-line", "border-t border-border pt-2"),
                 children: additionalInfo
             }),
-            showAsToggle && /* @__PURE__ */ jsxs18("div", {
+            showAsToggle && /* @__PURE__ */ jsxs20("div", {
                 className: cn("alq--callout-response-additional-info", "mt-2 border-t border-border pt-2"),
                 children: [
-                    /* @__PURE__ */ jsxs18(Button, {
+                    /* @__PURE__ */ jsxs20(Button, {
                         type: "button",
                         variant: "ghost",
                         size: "sm",
@@ -2435,19 +2614,19 @@ var CallOutResponse = React33.forwardRef(function(_param, ref) {
                         },
                         "aria-expanded": isAdditionalInfoOpen,
                         children: [
-                            isAdditionalInfoOpen ? /* @__PURE__ */ jsx40(ChevronUp2, {
+                            isAdditionalInfoOpen ? /* @__PURE__ */ jsx45(ChevronUp2, {
                                 className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
-                            }) : /* @__PURE__ */ jsx40(ChevronDown3, {
+                            }) : /* @__PURE__ */ jsx45(ChevronDown4, {
                                 className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
                             }),
                             isAdditionalInfoOpen ? "Hide details" : "Show details"
                         ]
                     }),
-                    /* @__PURE__ */ jsx40("div", {
+                    /* @__PURE__ */ jsx45("div", {
                         className: cn("grid transition-[grid-template-rows] duration-200 ease-out", isAdditionalInfoOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
-                        children: /* @__PURE__ */ jsx40("div", {
+                        children: /* @__PURE__ */ jsx45("div", {
                             className: "overflow-hidden",
-                            children: /* @__PURE__ */ jsx40("div", {
+                            children: /* @__PURE__ */ jsx45("div", {
                                 className: "text-sm text-muted-foreground pt-1 whitespace-pre-line",
                                 children: additionalInfo
                             })
@@ -2462,5 +2641,5 @@ CallOut.displayName = "CallOut";
 CallOutDate.displayName = "CallOutDate";
 CallOutActions.displayName = "CallOutActions";
 CallOutResponse.displayName = "CallOutResponse";
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AssistantButton, CallOut, CallOutActions, CallOutDate, CallOutResponse, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageContainer, RatingComment, RatingStars, RatingThumbs, Sidebar, SidebarFooter, Toaster as SonnerToaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, navigationMenuTriggerStyle };
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AssistantButton, CallOut, CallOutActions, CallOutDate, CallOutResponse, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageContainer, RatingComment, RatingStars, RatingThumbs, Sidebar, SidebarFooter, Toaster as SonnerToaster, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, navigationMenuTriggerStyle };
 //# sourceMappingURL=index.mjs.map