@alquimia-ai/ui 2.0.0 → 2.2.1

package/dist/components/molecules/documents/index.mjs

@@ -1904,6 +1904,224 @@ var init_think_indicator = __esm({
         ThinkIndicator.displayName = "ThinkIndicator";
     }
 });
+// 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 jsx31, jsxs as jsxs11 } from "react/jsx-runtime";
+var AccordionItem, AccordionTrigger, AccordionContent;
+var init_accordion = __esm({
+    "src/components/atoms/ui/accordion.tsx": function() {
+        "use strict";
+        "use client";
+        init_utils();
+        AccordionItem = React26.forwardRef(function(_param, ref) {
+            var className = _param.className, props = _object_without_properties(_param, [
+                "className"
+            ]);
+            return /* @__PURE__ */ jsx31(AccordionPrimitive.Item, _object_spread({
+                ref: ref,
+                className: cn("border-b", className)
+            }, props));
+        });
+        AccordionItem.displayName = "AccordionItem";
+        AccordionTrigger = React26.forwardRef(function(_param, ref) {
+            var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+                "className",
+                "children"
+            ]);
+            return /* @__PURE__ */ jsx31(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__ */ jsx31(ChevronDown2, {
+                            className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
+                        })
+                    ]
+                }))
+            });
+        });
+        AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+        AccordionContent = React26.forwardRef(function(_param, ref) {
+            var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+                "className",
+                "children"
+            ]);
+            return /* @__PURE__ */ jsx31(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__ */ jsx31("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 jsx32 } from "react/jsx-runtime";
+var RadioGroup, RadioGroupItem;
+var init_radio_group = __esm({
+    "src/components/atoms/ui/radio-group.tsx": function() {
+        "use strict";
+        "use client";
+        init_utils();
+        RadioGroup = React27.forwardRef(function(_param, ref) {
+            var className = _param.className, props = _object_without_properties(_param, [
+                "className"
+            ]);
+            return /* @__PURE__ */ jsx32(RadioGroupPrimitive.Root, _object_spread({
+                ref: ref,
+                className: cn("grid gap-2", className)
+            }, props));
+        });
+        RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+        RadioGroupItem = React27.forwardRef(function(_param, ref) {
+            var className = _param.className, props = _object_without_properties(_param, [
+                "className"
+            ]);
+            return /* @__PURE__ */ jsx32(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__ */ jsx32(RadioGroupPrimitive.Indicator, {
+                    className: "flex items-center justify-center",
+                    children: /* @__PURE__ */ jsx32(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 jsx33 } from "react/jsx-runtime";
+var Progress;
+var init_progress = __esm({
+    "src/components/atoms/ui/progress.tsx": function() {
+        "use strict";
+        "use client";
+        init_utils();
+        Progress = React28.forwardRef(function(_param, ref) {
+            var className = _param.className, value = _param.value, props = _object_without_properties(_param, [
+                "className",
+                "value"
+            ]);
+            return /* @__PURE__ */ jsx33(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__ */ jsx33(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 jsx34 } 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__ */ jsx34(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__ */ jsx34(ChevronLeft, {
+                    className: "h-4 w-4"
+                });
+            },
+            IconRight: function() {
+                return /* @__PURE__ */ jsx34(ChevronRight2, {
+                    className: "h-4 w-4"
+                });
+            }
+        }
+    }, props));
+}
+var init_calendar = __esm({
+    "src/components/atoms/ui/calendar.tsx": function() {
+        "use strict";
+        "use client";
+        init_utils();
+        init_button();
+        Calendar.displayName = "Calendar";
+    }
+});
+// src/components/atoms/ui/chart.tsx
+import { ResponsiveContainer, CartesianGrid, XAxis, YAxis, Tooltip, Legend } from "recharts";
+import { Fragment, jsx as jsx35, 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__ */ jsx35("div", {
+        className: cn("w-full", className),
+        style: {
+            height: height
+        },
+        children: /* @__PURE__ */ jsx35(ResponsiveContainer, {
+            width: "100%",
+            height: "100%",
+            children: children
+        })
+    });
+}
+var init_chart = __esm({
+    "src/components/atoms/ui/chart.tsx": function() {
+        "use strict";
+        "use client";
+        init_utils();
+        Chart.displayName = "Chart";
+    }
+});
 // src/components/atoms/index.ts
 var init_atoms = __esm({
     "src/components/atoms/index.ts": function() {
@@ -1941,6 +2159,11 @@ var init_atoms = __esm({
         init_separator();
         init_toaster();
         init_think_indicator();
+        init_accordion();
+        init_radio_group();
+        init_progress();
+        init_calendar();
+        init_chart();
     }
 });
 // src/components/hooks/use-resize-observer.ts
@@ -1975,11 +2198,11 @@ __export(pdf_viewer_exports, {
     }
 });
 import { useState as useState4, useCallback, useEffect as useEffect4 } from "react";
-import { ChevronLeft, ChevronRight as ChevronRight2, ZoomIn, ZoomOut } from "lucide-react";
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3, ZoomIn, ZoomOut } from "lucide-react";
 import { pdfjs, Document, Page } from "react-pdf";
 import "react-pdf/dist/esm/Page/AnnotationLayer.css";
 import "react-pdf/dist/esm/Page/TextLayer.css";
-import { Fragment, jsx as jsx31, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx36, jsxs as jsxs13 } from "react/jsx-runtime";
 function PdfViewer(param) {
     var doc = param.doc, docId = param.docId;
     var _useState4 = _sliced_to_array(useState4(0), 2), numPages = _useState4[0], setNumPages = _useState4[1];
@@ -2051,21 +2274,21 @@ function PdfViewer(param) {
         a.click();
         URL.revokeObjectURL(docUrl || "");
     };
-    return /* @__PURE__ */ jsxs11(Fragment, {
+    return /* @__PURE__ */ jsxs13(Fragment2, {
         children: [
-            /* @__PURE__ */ jsxs11("div", {
+            /* @__PURE__ */ jsxs13("div", {
                 className: "flex justify-between items-center p-4 border-b border-border",
                 children: [
-                    /* @__PURE__ */ jsxs11("div", {
+                    /* @__PURE__ */ jsxs13("div", {
                         children: [
-                            /* @__PURE__ */ jsx31(Button, {
+                            /* @__PURE__ */ jsx36(Button, {
                                 onClick: handlePrevPage,
                                 disabled: pageNumber <= 1,
-                                children: /* @__PURE__ */ jsx31(ChevronLeft, {
+                                children: /* @__PURE__ */ jsx36(ChevronLeft2, {
                                     className: "h-4 w-4"
                                 })
                             }),
-                            /* @__PURE__ */ jsxs11("span", {
+                            /* @__PURE__ */ jsxs13("span", {
                                 className: "mx-2",
                                 children: [
                                     "Page ",
@@ -2074,33 +2297,33 @@ function PdfViewer(param) {
                                     numPages
                                 ]
                             }),
-                            /* @__PURE__ */ jsx31(Button, {
+                            /* @__PURE__ */ jsx36(Button, {
                                 onClick: handleNextPage,
                                 disabled: pageNumber >= numPages,
-                                children: /* @__PURE__ */ jsx31(ChevronRight2, {
+                                children: /* @__PURE__ */ jsx36(ChevronRight3, {
                                     className: "h-4 w-4"
                                 })
                             })
                         ]
                     }),
-                    /* @__PURE__ */ jsxs11("div", {
+                    /* @__PURE__ */ jsxs13("div", {
                         children: [
-                            /* @__PURE__ */ jsx31(Button, {
+                            /* @__PURE__ */ jsx36(Button, {
                                 onClick: handleZoomOut,
-                                children: /* @__PURE__ */ jsx31(ZoomOut, {
+                                children: /* @__PURE__ */ jsx36(ZoomOut, {
                                     className: "h-4 w-4"
                                 })
                             }),
-                            /* @__PURE__ */ jsxs11("span", {
+                            /* @__PURE__ */ jsxs13("span", {
                                 className: "mx-2",
                                 children: [
                                     (scale * 100).toFixed(0),
                                     "%"
                                 ]
                             }),
-                            /* @__PURE__ */ jsx31(Button, {
+                            /* @__PURE__ */ jsx36(Button, {
                                 onClick: handleZoomIn,
-                                children: /* @__PURE__ */ jsx31(ZoomIn, {
+                                children: /* @__PURE__ */ jsx36(ZoomIn, {
                                     className: "h-4 w-4"
                                 })
                             })
@@ -2108,18 +2331,18 @@ function PdfViewer(param) {
                     })
                 ]
             }),
-            /* @__PURE__ */ jsx31("div", {
+            /* @__PURE__ */ jsx36("div", {
                 ref: setContainerRef,
                 className: "overflow-auto",
-                children: /* @__PURE__ */ jsx31(Document, {
+                children: /* @__PURE__ */ jsx36(Document, {
                     file: doc,
                     onLoadSuccess: onDocumentLoadSuccess,
                     options: options,
-                    loading: /* @__PURE__ */ jsx31(Loader, {
+                    loading: /* @__PURE__ */ jsx36(Loader, {
                         size: "xl",
                         colorVariant: "destructive"
                     }),
-                    children: /* @__PURE__ */ jsx31(Page, {
+                    children: /* @__PURE__ */ jsx36(Page, {
                         pageNumber: pageNumber,
                         scale: scale,
                         width: containerWidth,
@@ -2154,7 +2377,7 @@ __export(plain_text_viewer_exports, {
     }
 });
 import { useState as useState5, useEffect as useEffect5 } from "react";
-import { Fragment as Fragment2, jsx as jsx32, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
 function PlainTextViewer(param) {
     var doc = param.doc;
     var _useState5 = _sliced_to_array(useState5(null), 2), content = _useState5[0], setContent = _useState5[1];
@@ -2217,12 +2440,12 @@ function PlainTextViewer(param) {
     }, [
         doc
     ]);
-    return /* @__PURE__ */ jsx32(Fragment2, {
-        children: /* @__PURE__ */ jsxs12("div", {
+    return /* @__PURE__ */ jsx37(Fragment3, {
+        children: /* @__PURE__ */ jsxs14("div", {
             className: "relative w-full h-full max-h-[80vh] overflow-y-auto p-8 alq--prose",
             children: [
-                loading && /* @__PURE__ */ jsx32(Loader, {}),
-                !loading && /* @__PURE__ */ jsx32(RichText, {
+                loading && /* @__PURE__ */ jsx37(Loader, {}),
+                !loading && /* @__PURE__ */ jsx37(RichText, {
                     content: content || ""
                 })
             ]
@@ -2242,7 +2465,7 @@ import { useState as useState6 } from "react";
 import { ExternalLink } from "lucide-react";
 // src/components/molecules/documents/document-viewer.tsx
 init_atoms();
-import React28, { useEffect as useEffect6, Suspense } from "react";
+import React31, { useEffect as useEffect6, Suspense } from "react";
 // src/components/hooks/use-document.tsx
 import { useState as useState3 } from "react";
 var useDocumentReader = function(url, getDocument) {
@@ -2323,13 +2546,13 @@ var useDocumentReader = function(url, getDocument) {
     };
 };
 // src/components/molecules/documents/document-viewer.tsx
-import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
-var PdfViewer2 = React28.lazy(function() {
+import { jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
+var PdfViewer2 = React31.lazy(function() {
     return Promise.resolve().then(function() {
         return init_pdf_viewer(), pdf_viewer_exports;
     });
 });
-var PlainTextViewer2 = React28.lazy(function() {
+var PlainTextViewer2 = React31.lazy(function() {
     return Promise.resolve().then(function() {
         return init_plain_text_viewer(), plain_text_viewer_exports;
     });
@@ -2345,30 +2568,30 @@ var DocumentViewer = function(param) {
     }, [
         isOpen
     ]);
-    var documentRender = document2 && !error ? /* @__PURE__ */ jsx33(DocumentFactory, {
+    var documentRender = document2 && !error ? /* @__PURE__ */ jsx38(DocumentFactory, {
         document: document2,
         docId: doc.id
-    }) : /* @__PURE__ */ jsx33("div", {
+    }) : /* @__PURE__ */ jsx38("div", {
         className: "flex flex-col items-center justify-center h-full w-full text-center p-4",
-        children: /* @__PURE__ */ jsx33("div", {
+        children: /* @__PURE__ */ jsx38("div", {
             className: "text-primary font-medium",
             children: error
         })
     });
-    return /* @__PURE__ */ jsx33(Dialog, {
+    return /* @__PURE__ */ jsx38(Dialog, {
         open: isOpen,
         onOpenChange: onClose,
-        children: /* @__PURE__ */ jsxs13(DialogContent, {
+        children: /* @__PURE__ */ jsxs15(DialogContent, {
             "aria-describedby": document2 ? "document-description" : void 0,
             className: "h-[90%] max-w-[90%] gap-0 flex flex-col focus:outline-none alq--document-viewer-container",
             children: [
-                /* @__PURE__ */ jsx33(DialogHeader, {
+                /* @__PURE__ */ jsx38(DialogHeader, {
                     className: "border-b border-border pb-2",
-                    children: /* @__PURE__ */ jsx33(DialogTitle, {
+                    children: /* @__PURE__ */ jsx38(DialogTitle, {
                         children: doc.name
                     })
                 }),
-                !document2 && loading ? /* @__PURE__ */ jsx33(Loader, {
+                !document2 && loading ? /* @__PURE__ */ jsx38(Loader, {
                     size: "xl",
                     colorVariant: "destructive"
                 }) : documentRender
@@ -2378,35 +2601,35 @@ var DocumentViewer = function(param) {
 };
 var DocumentFactory = function(param) {
     var document2 = param.document, docId = param.docId;
-    var fallback = /* @__PURE__ */ jsx33(Loader, {
+    var fallback = /* @__PURE__ */ jsx38(Loader, {
         size: "xl",
         colorVariant: "destructive"
     });
     switch(document2 && document2.type){
         case "application/pdf":
-            return /* @__PURE__ */ jsx33(Suspense, {
+            return /* @__PURE__ */ jsx38(Suspense, {
                 fallback: fallback,
-                children: /* @__PURE__ */ jsx33(PdfViewer2, {
+                children: /* @__PURE__ */ jsx38(PdfViewer2, {
                     doc: document2,
                     docId: docId
                 })
             });
         case "text/plain":
-            return /* @__PURE__ */ jsx33(Suspense, {
+            return /* @__PURE__ */ jsx38(Suspense, {
                 fallback: fallback,
-                children: /* @__PURE__ */ jsx33(PlainTextViewer2, {
+                children: /* @__PURE__ */ jsx38(PlainTextViewer2, {
                     doc: document2,
                     docId: docId
                 })
             });
         default:
-            return /* @__PURE__ */ jsx33("div", {
+            return /* @__PURE__ */ jsx38("div", {
                 children: "Unsupported file type"
             });
     }
 };
 // src/components/molecules/documents/document-selector.tsx
-import { jsx as jsx34, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
 var DocumentSelector = function(param) {
     var documents = param.documents, getDocument = param.getDocument, logInfoMessage = param.logInfoMessage;
     var _useState6 = _sliced_to_array(useState6(void 0), 2), selectedDocName = _useState6[0], setSelectedDocName = _useState6[1];
@@ -2424,47 +2647,47 @@ var DocumentSelector = function(param) {
     var handleDrawerClose = function() {
         setIsModalOpen(false);
     };
-    return /* @__PURE__ */ jsxs14("div", {
+    return /* @__PURE__ */ jsxs16("div", {
         className: "w-full md:w-4/6 alq--document-selector",
         children: [
-            /* @__PURE__ */ jsxs14(Select, {
+            /* @__PURE__ */ jsxs16(Select, {
                 value: selectedDocName,
                 onValueChange: setSelectedDocName,
                 children: [
-                    /* @__PURE__ */ jsx34(SelectTrigger, {
+                    /* @__PURE__ */ jsx39(SelectTrigger, {
                         "aria-label": "Documentos",
-                        children: /* @__PURE__ */ jsx34(SelectValue, {
+                        children: /* @__PURE__ */ jsx39(SelectValue, {
                             placeholder: "Documentos"
                         })
                     }),
-                    /* @__PURE__ */ jsx34(SelectContent, {
-                        children: /* @__PURE__ */ jsxs14(SelectGroup, {
+                    /* @__PURE__ */ jsx39(SelectContent, {
+                        children: /* @__PURE__ */ jsxs16(SelectGroup, {
                             children: [
-                                /* @__PURE__ */ jsx34(SelectLabel, {
+                                /* @__PURE__ */ jsx39(SelectLabel, {
                                     children: "Documents"
                                 }),
                                 documents.map(function(doc) {
-                                    return /* @__PURE__ */ jsxs14("div", {
+                                    return /* @__PURE__ */ jsxs16("div", {
                                         className: "w-full flex relative",
                                         children: [
-                                            /* @__PURE__ */ jsx34(SelectItem, {
+                                            /* @__PURE__ */ jsx39(SelectItem, {
                                                 className: "w-full",
                                                 value: doc.id,
-                                                children: /* @__PURE__ */ jsx34("div", {
+                                                children: /* @__PURE__ */ jsx39("div", {
                                                     className: "flex justify-between w-full",
-                                                    children: /* @__PURE__ */ jsx34("p", {
+                                                    children: /* @__PURE__ */ jsx39("p", {
                                                         className: "h-4 truncate mr-5",
                                                         children: doc.name
                                                     })
                                                 })
                                             }, doc.id),
-                                            /* @__PURE__ */ jsx34("div", {
+                                            /* @__PURE__ */ jsx39("div", {
                                                 onClick: function(event) {
                                                     return handleDocumentClick(doc, event);
                                                 },
                                                 className: "bflex items-center text-gray-400 hover:text-gray-500 absolute right-0 mt-2",
                                                 "aria-label": "Open ".concat(doc.name),
-                                                children: /* @__PURE__ */ jsx34(ExternalLink, {
+                                                children: /* @__PURE__ */ jsx39(ExternalLink, {
                                                     className: "h-4 w-4 mx-2"
                                                 })
                                             })
@@ -2476,7 +2699,7 @@ var DocumentSelector = function(param) {
                     })
                 ]
             }),
-            selectedDoc && /* @__PURE__ */ jsx34(DocumentViewer, {
+            selectedDoc && /* @__PURE__ */ jsx39(DocumentViewer, {
                 doc: selectedDoc,
                 docName: selectedDocName || "",
                 isOpen: isModalOpen,