@alquimia-ai/ui 2.0.0 → 2.2.1

package/dist/components/templates/index.mjs

@@ -1562,73 +1562,252 @@ var ThinkIndicator = React25.forwardRef(function(_param, ref) {
     }));
 });
 ThinkIndicator.displayName = "ThinkIndicator";
-// src/components/templates/cards/with-image-heading-description.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 jsx34, jsxs as jsxs11 } from "react/jsx-runtime";
+var AccordionItem = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx34(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__ */ jsx34(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__ */ jsx34(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__ */ jsx34(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__ */ jsx34("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 jsx35 } from "react/jsx-runtime";
+var RadioGroup = React27.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx35(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__ */ jsx35(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__ */ jsx35(RadioGroupPrimitive.Indicator, {
+            className: "flex items-center justify-center",
+            children: /* @__PURE__ */ jsx35(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 jsx36 } 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__ */ jsx36(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__ */ jsx36(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 jsx37 } 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__ */ jsx37(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__ */ jsx37(ChevronLeft, {
+                    className: "h-4 w-4"
+                });
+            },
+            IconRight: function() {
+                return /* @__PURE__ */ jsx37(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 jsx38, 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__ */ jsx38("div", {
+        className: cn("w-full", className),
+        style: {
+            height: height
+        },
+        children: /* @__PURE__ */ jsx38(ResponsiveContainer, {
+            width: "100%",
+            height: "100%",
+            children: children
+        })
+    });
+}
+Chart.displayName = "Chart";
+// src/components/templates/cards/with-image-heading-description.tsx
+import { jsx as jsx39, jsxs as jsxs13 } from "react/jsx-runtime";
 var CardWithImageHeadingDescriptionVertical = function(props) {
     var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
-    return /* @__PURE__ */ jsxs11(Card, {
+    return /* @__PURE__ */ jsxs13(Card, {
         className: cn("w-[360px]", !showBorder && "border-none shadow-none"),
         children: [
             image,
-            /* @__PURE__ */ jsxs11(CardHeader, {
+            /* @__PURE__ */ jsxs13(CardHeader, {
                 children: [
-                    /* @__PURE__ */ jsx34(CardTitle, {
+                    /* @__PURE__ */ jsx39(CardTitle, {
                         children: heading
                     }),
-                    /* @__PURE__ */ jsx34(Typography, {
+                    /* @__PURE__ */ jsx39(Typography, {
                         typeStyle: "small",
                         className: "text-font-weak-color",
                         children: description
                     })
                 ]
             }),
-            /* @__PURE__ */ jsx34(CardContent, {})
+            /* @__PURE__ */ jsx39(CardContent, {})
         ]
     });
 };
 var CardImageWithHeadingAndDescriptionHorizontal = function(props) {
     var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
-    return /* @__PURE__ */ jsxs11(Card, {
+    return /* @__PURE__ */ jsxs13(Card, {
         className: cn("lg:w-[600px] w-[360px] lg:flex  lg:h-[150px]", !showBorder && "border-none shadow-none "),
         children: [
             image,
-            /* @__PURE__ */ jsxs11(CardHeader, {
+            /* @__PURE__ */ jsxs13(CardHeader, {
                 children: [
-                    /* @__PURE__ */ jsx34(CardTitle, {
+                    /* @__PURE__ */ jsx39(CardTitle, {
                         children: heading
                     }),
-                    /* @__PURE__ */ jsx34(Typography, {
+                    /* @__PURE__ */ jsx39(Typography, {
                         typeStyle: "small",
                         className: "text-font-weak-color",
                         children: description
                     })
                 ]
             }),
-            /* @__PURE__ */ jsx34(CardContent, {})
+            /* @__PURE__ */ jsx39(CardContent, {})
         ]
     });
 };
 // src/components/templates/cards/with-image-heading-description-avatar.tsx
-import { jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs14 } from "react/jsx-runtime";
 var AvatarInfo = function(props) {
     var userName = props.userName, email = props.email, avatarImage = props.avatarImage;
-    return /* @__PURE__ */ jsxs12("div", {
+    return /* @__PURE__ */ jsxs14("div", {
         className: "flex space-x-2 items-center",
         children: [
-            /* @__PURE__ */ jsx35(Avatar, {
+            /* @__PURE__ */ jsx40(Avatar, {
                 className: "w-16 h-16",
-                children: /* @__PURE__ */ jsx35(AvatarImage, {
+                children: /* @__PURE__ */ jsx40(AvatarImage, {
                     src: avatarImage
                 })
             }),
-            /* @__PURE__ */ jsxs12("div", {
+            /* @__PURE__ */ jsxs14("div", {
                 children: [
-                    /* @__PURE__ */ jsx35(Typography, {
+                    /* @__PURE__ */ jsx40(Typography, {
                         typeStyle: "small",
                         className: "font-semibold",
                         children: userName
                     }),
-                    /* @__PURE__ */ jsx35(Typography, {
+                    /* @__PURE__ */ jsx40(Typography, {
                         typeStyle: "tiny",
                         className: "text-font-weak-color",
                         children: email
@@ -1640,50 +1819,50 @@ var AvatarInfo = function(props) {
 };
 var CardWithImageHeadingDescriptionAvatarVertical = function(props) {
     var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
-    return /* @__PURE__ */ jsxs12(Card, {
+    return /* @__PURE__ */ jsxs14(Card, {
         className: cn("w-[360px]", !showBorder && "border-none shadow-none"),
         children: [
             image,
-            /* @__PURE__ */ jsxs12(CardHeader, {
+            /* @__PURE__ */ jsxs14(CardHeader, {
                 children: [
-                    /* @__PURE__ */ jsx35(CardTitle, {
+                    /* @__PURE__ */ jsx40(CardTitle, {
                         children: heading
                     }),
-                    /* @__PURE__ */ jsx35(Typography, {
+                    /* @__PURE__ */ jsx40(Typography, {
                         typeStyle: "small",
                         className: "text-font-weak-color",
                         children: description
                     })
                 ]
             }),
-            /* @__PURE__ */ jsx35(CardContent, {
-                children: /* @__PURE__ */ jsx35(AvatarInfo, _object_spread({}, props))
+            /* @__PURE__ */ jsx40(CardContent, {
+                children: /* @__PURE__ */ jsx40(AvatarInfo, _object_spread({}, props))
             })
         ]
     });
 };
 var CardImageWithHeadingAndDescriptionAvatarHorizontal = function(props) {
     var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
-    return /* @__PURE__ */ jsxs12(Card, {
+    return /* @__PURE__ */ jsxs14(Card, {
         className: cn("lg:w-[600px] w-[360px] lg:flex  lg:h-[246px]", !showBorder && "border-none shadow-none "),
         children: [
             image,
-            /* @__PURE__ */ jsxs12("div", {
+            /* @__PURE__ */ jsxs14("div", {
                 children: [
-                    /* @__PURE__ */ jsxs12(CardHeader, {
+                    /* @__PURE__ */ jsxs14(CardHeader, {
                         children: [
-                            /* @__PURE__ */ jsx35(CardTitle, {
+                            /* @__PURE__ */ jsx40(CardTitle, {
                                 children: heading
                             }),
-                            /* @__PURE__ */ jsx35(Typography, {
+                            /* @__PURE__ */ jsx40(Typography, {
                                 typeStyle: "small",
                                 className: "text-font-weak-color",
                                 children: description
                             })
                         ]
                     }),
-                    /* @__PURE__ */ jsx35(CardContent, {
-                        children: /* @__PURE__ */ jsx35(AvatarInfo, _object_spread({}, props))
+                    /* @__PURE__ */ jsx40(CardContent, {
+                        children: /* @__PURE__ */ jsx40(AvatarInfo, _object_spread({}, props))
                     })
                 ]
             })