@alquimia-ai/ui 2.0.0 → 2.2.1

package/dist/components/molecules/index.js

@@ -316,7 +316,7 @@ __export(molecules_exports, {
         return Toaster;
     },
     Tooltip: function() {
-        return Tooltip;
+        return Tooltip2;
     },
     TooltipContent: function() {
         return TooltipContent;
@@ -495,7 +495,7 @@ var AlertDialogCancel = React2.forwardRef(function(_param, ref) {
 });
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 // src/components/molecules/assistant-button.tsx
-var React26 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_react5 = require("react");
 // src/components/atoms/ui/textarea.tsx
 var React3 = __toESM(require("react"));
@@ -1730,17 +1730,196 @@ var ThinkIndicator = React25.forwardRef(function(_param, ref) {
     }));
 });
 ThinkIndicator.displayName = "ThinkIndicator";
-// src/components/molecules/assistant-button.tsx
+// src/components/atoms/ui/accordion.tsx
+var React26 = __toESM(require("react"));
+var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
+var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime32 = require("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__ */ (0, import_jsx_runtime32.jsx)(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__ */ (0, import_jsx_runtime32.jsx)(AccordionPrimitive.Header, {
+        className: "flex",
+        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(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__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react8.ChevronDown, {
+                    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__ */ (0, import_jsx_runtime32.jsx)(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__ */ (0, import_jsx_runtime32.jsx)("div", {
+            className: cn("pb-4 pt-0", className),
+            children: children
+        })
+    }));
+});
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+// src/components/atoms/ui/radio-group.tsx
+var React27 = __toESM(require("react"));
+var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var RadioGroup = React27.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(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__ */ (0, import_jsx_runtime33.jsx)(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__ */ (0, import_jsx_runtime33.jsx)(RadioGroupPrimitive.Indicator, {
+            className: "flex items-center justify-center",
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react9.Circle, {
+                className: "h-2.5 w-2.5 fill-current text-current"
+            })
+        })
+    }));
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+// src/components/atoms/ui/progress.tsx
+var React28 = __toESM(require("react"));
+var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
+var import_jsx_runtime34 = require("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__ */ (0, import_jsx_runtime34.jsx)(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__ */ (0, import_jsx_runtime34.jsx)(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
+var import_lucide_react10 = require("lucide-react");
+var import_react_day_picker = require("react-day-picker");
+var import_jsx_runtime35 = require("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__ */ (0, import_jsx_runtime35.jsx)(import_react_day_picker.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__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react10.ChevronLeft, {
+                    className: "h-4 w-4"
+                });
+            },
+            IconRight: function() {
+                return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react10.ChevronRight, {
+                    className: "h-4 w-4"
+                });
+            }
+        }
+    }, props));
+}
+Calendar.displayName = "Calendar";
+// src/components/atoms/ui/chart.tsx
+var import_recharts = require("recharts");
+var import_jsx_runtime36 = require("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__ */ (0, import_jsx_runtime36.jsx)("div", {
+        className: cn("w-full", className),
+        style: {
+            height: height
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_recharts.ResponsiveContainer, {
+            width: "100%",
+            height: "100%",
+            children: children
+        })
+    });
+}
+Chart.displayName = "Chart";
+// src/components/molecules/assistant-button.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var AssistantSuggestions = React29.forwardRef(function(param, ref) {
     var suggestions = param.suggestions, showSuggestions = param.showSuggestions, className = param.className;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("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__ */ (0, import_jsx_runtime32.jsx)("div", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", {
             className: "rounded-lg p-2 pr-0 w-64",
             children: suggestions.map(function(suggestion, index) {
-                return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("button", {
+                return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("button", {
                     onClick: function() {
                         var _suggestion_action;
                         return (_suggestion_action = suggestion.action) === null || _suggestion_action === void 0 ? void 0 : _suggestion_action.call(suggestion);
@@ -1750,10 +1929,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__ */ (0, import_jsx_runtime32.jsx)(suggestion.icon, {
+                        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(suggestion.icon, {
                             className: "w-5 h-5 text-primary"
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", {
+                        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", {
                             className: "text-xs whitespace-nowrap font-normal",
                             children: suggestion.label
                         })
@@ -1764,7 +1943,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 _ref = _sliced_to_array((0, import_react5.useState)(false), 2), isVisible = _ref[0], setIsVisible = _ref[1];
     var _ref1 = _sliced_to_array((0, import_react5.useState)(false), 2), showSuggestions = _ref1[0], setShowSuggestions = _ref1[1];
@@ -1782,24 +1961,24 @@ var AssistantButton = React26.forwardRef(function(param, ref) {
             return setIsVisible(false);
         }, 300);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", {
         ref: ref,
         className: cn("fixed bottom-8 right-4 z-50", "alq--assistant-button-container", className),
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
-        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", {
             className: "relative group",
             children: [
-                isVisible && suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AssistantSuggestions, {
+                isVisible && suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AssistantSuggestions, {
                     suggestions: suggestions,
                     showSuggestions: showSuggestions
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, {
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(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__ */ (0, import_jsx_runtime32.jsx)(Icon2, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon2, {
                         style: {
                             width: "22px",
                             height: "22px"
@@ -1813,19 +1992,19 @@ var AssistantButton = React26.forwardRef(function(param, ref) {
 });
 AssistantButton.displayName = "AssistantButton";
 // src/components/molecules/carousel.tsx
-var React27 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var CarouselContext = React27.createContext(null);
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime38 = require("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",
@@ -1837,26 +2016,26 @@ var Carousel = React27.forwardRef(function(_param, ref) {
     var _ref = _sliced_to_array((0, import_embla_carousel_react.default)(_object_spread_props(_object_spread({}, opts), {
         axis: orientation === "horizontal" ? "x" : "y"
     }), plugins), 2), carouselRef = _ref[0], api = _ref[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();
@@ -1868,7 +2047,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         scrollPrev,
         scrollNext
     ]);
-    React27.useEffect(function() {
+    React30.useEffect(function() {
         if (!api || !setApi) {
             return;
         }
@@ -1877,7 +2056,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         api,
         setApi
     ]);
-    React27.useEffect(function() {
+    React30.useEffect(function() {
         if (!api) {
             return;
         }
@@ -1891,7 +2070,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         api,
         onSelect
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CarouselContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CarouselContext.Provider, {
         value: {
             carouselRef: carouselRef,
             api: api,
@@ -1902,7 +2081,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
             canScrollPrev: canScrollPrev,
             canScrollNext: canScrollNext
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", _object_spread_props(_object_spread({
+        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", _object_spread_props(_object_spread({
             ref: ref,
             onKeyDownCapture: handleKeyDown,
             className: cn("relative", className),
@@ -1914,27 +2093,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__ */ (0, import_jsx_runtime33.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", {
         ref: carouselRef,
         className: "overflow-hidden",
-        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", _object_spread({
+        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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__ */ (0, import_jsx_runtime33.jsx)("div", _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", _object_spread({
         ref: ref,
         role: "group",
         "aria-roledescription": "slide",
@@ -1942,14 +2121,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__ */ (0, import_jsx_runtime33.jsxs)(Button, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Button, _object_spread_props(_object_spread({
         ref: ref,
         variant: variant,
         size: size,
@@ -1958,10 +2137,10 @@ var CarouselPrevious = React27.forwardRef(function(_param, ref) {
         onClick: scrollPrev
     }, props), {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react8.ArrowLeft, {
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.ArrowLeft, {
                 className: "h-4 w-4"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", {
                 className: "sr-only",
                 children: "Previous slide"
             })
@@ -1969,14 +2148,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__ */ (0, import_jsx_runtime33.jsxs)(Button, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Button, _object_spread_props(_object_spread({
         ref: ref,
         variant: variant,
         size: size,
@@ -1985,10 +2164,10 @@ var CarouselNext = React27.forwardRef(function(_param, ref) {
         onClick: scrollNext
     }, props), {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react8.ArrowRight, {
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.ArrowRight, {
                 className: "h-4 w-4"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", {
                 className: "sr-only",
                 children: "Next slide"
             })
@@ -1997,32 +2176,32 @@ var CarouselNext = React27.forwardRef(function(_param, ref) {
 });
 CarouselNext.displayName = "CarouselNext";
 // src/components/molecules/navigation-menu.tsx
-var React28 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
 var import_class_variance_authority9 = require("class-variance-authority");
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var NavigationMenu = React28.forwardRef(function(_param, ref) {
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime39 = require("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__ */ (0, import_jsx_runtime34.jsxs)(NavigationMenuPrimitive.Root, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(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__ */ (0, import_jsx_runtime34.jsx)(NavigationMenuViewport, {})
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(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__ */ (0, import_jsx_runtime34.jsx)(NavigationMenuPrimitive.List, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NavigationMenuPrimitive.List, _object_spread({
         ref: ref,
         className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className)
     }, props));
@@ -2030,19 +2209,19 @@ var NavigationMenuList = React28.forwardRef(function(_param, ref) {
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = (0, import_class_variance_authority9.cva)("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__ */ (0, import_jsx_runtime34.jsxs)(NavigationMenuPrimitive.Trigger, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(NavigationMenuPrimitive.Trigger, _object_spread_props(_object_spread({
         ref: ref,
         className: cn(navigationMenuTriggerStyle(), "group", className)
     }, props), {
         children: [
             children,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react9.ChevronDown, {
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.ChevronDown, {
                 className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
                 "aria-hidden": "true"
             })
@@ -2050,48 +2229,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__ */ (0, import_jsx_runtime34.jsx)(NavigationMenuPrimitive.Content, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(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__ */ (0, import_jsx_runtime34.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", {
         className: cn("absolute left-0 top-full flex justify-center"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(NavigationMenuPrimitive.Viewport, _object_spread({
+        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(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__ */ (0, import_jsx_runtime34.jsx)(NavigationMenuPrimitive.Indicator, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(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__ */ (0, import_jsx_runtime34.jsx)("div", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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
-var React29 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_class_variance_authority10 = require("class-variance-authority");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var sidebarVariants = (0, import_class_variance_authority10.cva)("flex flex-col border-r", {
     variants: {
         size: {
@@ -2104,12 +2283,12 @@ var sidebarVariants = (0, import_class_variance_authority10.cva)("flex flex-col
         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__ */ (0, import_jsx_runtime35.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("p-4", className)
     }, props), {
@@ -2117,7 +2296,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",
@@ -2129,21 +2308,21 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
         "defaultVariant",
         "buttonClassName"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", _object_spread_props(_object_spread({
         className: cn(className, "alq--navigation-sidebar h-full"),
         ref: ref
     }, props), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("aside", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("aside", {
             className: cn(sidebarVariants({
                 size: size
             }), "h-full"),
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollArea, {
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ScrollArea, {
                     className: "flex-grow justify-between",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", {
                         className: "flex flex-col gap-2 p-4",
                         children: items.map(function(item) {
-                            return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Button, {
+                            return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Button, {
                                 variant: (selectedSection === null || selectedSection === void 0 ? void 0 : selectedSection.name) === item.name ? selectedVariant : defaultVariant,
                                 className: cn("justify-start", buttonClassName),
                                 disabled: item.disabled,
@@ -2153,7 +2332,7 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
                                     }
                                 },
                                 children: [
-                                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(item.icon, {
+                                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(item.icon, {
                                         className: "mr-2 h-4 w-4"
                                     }),
                                     item.name
@@ -2162,7 +2341,7 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
                         })
                     })
                 }),
-                footerContent && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SidebarFooter, {
+                footerContent && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SidebarFooter, {
                     children: footerContent
                 })
             ]
@@ -2181,11 +2360,11 @@ function useAlquimiaTheme() {
     return (0, import_react6.useContext)(ThemeContext);
 }
 // src/components/molecules/sonner.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("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__ */ (0, import_jsx_runtime36.jsx)(import_sonner.Toaster, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_sonner.Toaster, _object_spread({
         theme: theme,
         className: "toaster group",
         toastOptions: {
@@ -2199,28 +2378,28 @@ var Toaster = function(_param) {
     }, props));
 };
 // src/components/molecules/rating-stars.tsx
-var React30 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime42 = require("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__ */ (0, import_jsx_runtime37.jsx)(TooltipPrimitive.Content, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(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__ */ (0, import_jsx_runtime37.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {
         ref: ref,
         className: "flex",
         children: [
@@ -2230,14 +2409,14 @@ var StarRating = React30.forwardRef(function(param, ref) {
             4,
             5
         ].map(function(star) {
-            return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, {
+            return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(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__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.Star, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react13.Star, {
                     className: cn("w-5 h-5", star <= rating ? "alq-rating-star-active fill-current stroke-current" : "alq-rating-star-inactive")
                 })
             }, star);
@@ -2245,15 +2424,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() {
@@ -2267,14 +2446,14 @@ var RatingStars = React30.forwardRef(function(param, ref) {
         currentRating
     ]);
     var hasRated = currentRating > 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipProvider, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Tooltip, {
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipProvider, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Tooltip2, {
             open: open,
             onOpenChange: setOpen,
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipTrigger, {
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipTrigger, {
                     asChild: true,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(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),
@@ -2282,18 +2461,18 @@ var RatingStars = React30.forwardRef(function(param, ref) {
                         onClick: function() {
                             return setOpen(!open);
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.Star, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react13.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__ */ (0, import_jsx_runtime37.jsx)(TooltipContent, {
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipContent, {
                     side: "top",
                     align: "center",
                     className: "p-0",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {
                         className: "p-2 bg-background",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(StarRating, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StarRating, {
                             rating: currentRating,
                             onRate: handleRate
                         })
@@ -2305,13 +2484,13 @@ var RatingStars = React30.forwardRef(function(param, ref) {
 });
 RatingStars.displayName = "RatingStars";
 // src/components/molecules/rating-thumbs.tsx
-var React31 = __toESM(require("react"));
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var RatingThumbs = React31.forwardRef(function(param, ref) {
+var React34 = __toESM(require("react"));
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime43 = require("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() {
@@ -2324,11 +2503,11 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
     }, [
         currentRating
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
         ref: ref,
         className: cn("inline-flex", direction === "column" ? "flex-col" : "flex-row", "space-x-1 gap-4", className),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, {
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, {
                 variant: "link",
                 onClick: function() {
                     return onRate(currentRating === "thumbsUp" ? "" : "thumbsUp");
@@ -2336,11 +2515,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__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.ThumbsUp, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react14.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__ */ (0, import_jsx_runtime38.jsx)(Button, {
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, {
                 variant: "link",
                 onClick: function() {
                     return onRate(currentRating === "thumbsDown" ? "" : "thumbsDown");
@@ -2348,7 +2527,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__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.ThumbsDown, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react14.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")
                 })
             })
@@ -2357,19 +2536,19 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
 });
 RatingThumbs.displayName = "RatingThumbs";
 // src/components/molecules/rating-comment.tsx
-var React32 = __toESM(require("react"));
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var RatingComment = React32.forwardRef(function(param, ref) {
+var React35 = __toESM(require("react"));
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime44 = require("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() {
@@ -2382,39 +2561,39 @@ var RatingComment = React32.forwardRef(function(param, ref) {
     }, [
         currentRating
     ]);
-    React32.useEffect(function() {
+    React35.useEffect(function() {
         setComment("");
     }, [
         open
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Dialog, {
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Dialog, {
         open: open,
         onOpenChange: setOpen,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DialogTrigger, {
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogTrigger, {
                 asChild: true,
-                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(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__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.Book, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react15.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__ */ (0, import_jsx_runtime39.jsx)(DialogOverlay, {
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogOverlay, {
                 className: "fixed inset-0 bg-black bg-opacity-50"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(DialogContent, {
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(DialogContent, {
                 "aria-describedby": void 0,
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DialogTitle, {
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogTitle, {
                         className: "text-lg font-medium",
                         children: "Deja un comentario"
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("textarea", {
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("textarea", {
                         className: "mt-4 w-full p-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary",
                         rows: 4,
                         value: comment,
@@ -2422,9 +2601,9 @@ var RatingComment = React32.forwardRef(function(param, ref) {
                             return setComment(e.target.value);
                         }
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", {
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {
                         className: "mt-4 flex justify-end",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, {
                             onClick: handleRate,
                             disabled: !comment,
                             children: "Enviar"
@@ -2437,8 +2616,8 @@ var RatingComment = React32.forwardRef(function(param, ref) {
 });
 RatingComment.displayName = "RatingComment";
 // src/components/molecules/call-out.tsx
-var React33 = __toESM(require("react"));
-var import_lucide_react13 = require("lucide-react");
+var React36 = __toESM(require("react"));
+var import_lucide_react16 = require("lucide-react");
 // src/components/hooks/use-text-streaming.ts
 var import_react7 = require("react");
 var CHAR_DELAY = 15;
@@ -2502,14 +2681,14 @@ function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
     return displayedText;
 }
 // src/components/molecules/call-out.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var CallOut = React33.forwardRef(function(_param, ref) {
+var import_jsx_runtime45 = require("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__ */ (0, import_jsx_runtime40.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("alq--callout-box", className),
         "data-role": role
@@ -2517,41 +2696,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__ */ (0, import_jsx_runtime40.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime40.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime40.jsx)(React33.Fragment, {
+            return action.custom ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(React36.Fragment, {
                 children: (_action_component = action.component) === null || _action_component === void 0 ? void 0 : _action_component.call(action, {
                     message: message
                 })
-            }, action.label) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("button", {
+            }, action.label) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("button", {
                 className: cn("alq--callout-action", {
                     "alq--callout-animate-action": isLoading
                 }, {
@@ -2567,13 +2746,13 @@ var CallOutActions = React33.forwardRef(function(_param, ref) {
                     });
                 },
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", {
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", {
                         className: cn("alq-action-icon-wrapper", {
                             "alq--callout-animate-action": isLoading
                         }),
                         children: action.icon
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("label", {
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("label", {
                         children: action.label
                     })
                 ]
@@ -2581,7 +2760,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",
@@ -2591,29 +2770,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__ */ (0, import_jsx_runtime40.jsxs)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("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__ */ (0, import_jsx_runtime40.jsx)(RichText, {
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(RichText, {
                 content: displayedContent
             }),
-            showInline && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", {
+            showInline && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime40.jsxs)("div", {
+            showAsToggle && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", {
                 className: cn("alq--callout-response-additional-info", "mt-2 border-t border-border pt-2"),
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Button, {
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Button, {
                         type: "button",
                         variant: "ghost",
                         size: "sm",
@@ -2625,19 +2804,19 @@ var CallOutResponse = React33.forwardRef(function(_param, ref) {
                         },
                         "aria-expanded": isAdditionalInfoOpen,
                         children: [
-                            isAdditionalInfoOpen ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react13.ChevronUp, {
+                            isAdditionalInfoOpen ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.ChevronUp, {
                                 className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
-                            }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react13.ChevronDown, {
+                            }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.ChevronDown, {
                                 className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
                             }),
                             isAdditionalInfoOpen ? "Hide details" : "Show details"
                         ]
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", {
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", {
                         className: cn("grid transition-[grid-template-rows] duration-200 ease-out", isAdditionalInfoOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", {
                             className: "overflow-hidden",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", {
                                 className: "text-sm text-muted-foreground pt-1 whitespace-pre-line",
                                 children: additionalInfo
                             })