@alquimia-ai/ui 1.2.3 → 1.3.0

package/dist/components/templates/index.mjs

@@ -1353,17 +1353,38 @@ var Loader = React22.forwardRef(
 );
 Loader.displayName = "Loader";
 
-// src/components/hooks/use-toast.ts
+// src/components/atoms/ui/separator.tsx
 import * as React23 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Separator2 = React23.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx31(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: cn(
+      "shrink-0 bg-border",
+      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      className,
+      "alq--separator"
+    ),
+    ...props
+  }
+));
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/hooks/use-toast.ts
+import * as React24 from "react";
 
 // src/components/atoms/ui/toaster.tsx
-import { jsx as jsx31, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs9 } from "react/jsx-runtime";
 
 // src/components/atoms/ui/think-indicator.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { useState as useState2, useEffect as useEffect2 } from "react";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx32, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs10 } from "react/jsx-runtime";
 var thinkIndicatorVariants = cva8(
   "flex items-center gap-3",
   {
@@ -1385,7 +1406,7 @@ var thinkIndicatorVariants = cva8(
     }
   }
 );
-var ThinkIndicator = React24.forwardRef(
+var ThinkIndicator = React25.forwardRef(
   ({
     className,
     variant,
@@ -1423,7 +1444,7 @@ var ThinkIndicator = React24.forwardRef(
         className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
         ...props,
         children: [
-          loader || /* @__PURE__ */ jsx32(
+          loader || /* @__PURE__ */ jsx33(
             Loader,
             {
               className: cn(
@@ -1431,7 +1452,7 @@ var ThinkIndicator = React24.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             "div",
             {
               className: cn(
@@ -1450,16 +1471,16 @@ var ThinkIndicator = React24.forwardRef(
 ThinkIndicator.displayName = "ThinkIndicator";
 
 // src/components/templates/cards/with-image-heading-description.tsx
-import { jsx as jsx33, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs11 } from "react/jsx-runtime";
 var CardWithImageHeadingDescriptionVertical = (props) => {
   const { showBorder, image, heading, description } = props;
   return /* @__PURE__ */ jsxs11(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
     image,
     /* @__PURE__ */ jsxs11(CardHeader, { children: [
-      /* @__PURE__ */ jsx33(CardTitle, { children: heading }),
-      /* @__PURE__ */ jsx33(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+      /* @__PURE__ */ jsx34(CardTitle, { children: heading }),
+      /* @__PURE__ */ jsx34(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
     ] }),
-    /* @__PURE__ */ jsx33(CardContent, {})
+    /* @__PURE__ */ jsx34(CardContent, {})
   ] });
 };
 var CardImageWithHeadingAndDescriptionHorizontal = (props) => {
@@ -1474,24 +1495,24 @@ var CardImageWithHeadingAndDescriptionHorizontal = (props) => {
       children: [
         image,
         /* @__PURE__ */ jsxs11(CardHeader, { children: [
-          /* @__PURE__ */ jsx33(CardTitle, { children: heading }),
-          /* @__PURE__ */ jsx33(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+          /* @__PURE__ */ jsx34(CardTitle, { children: heading }),
+          /* @__PURE__ */ jsx34(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
         ] }),
-        /* @__PURE__ */ jsx33(CardContent, {})
+        /* @__PURE__ */ jsx34(CardContent, {})
       ]
     }
   );
 };
 
 // src/components/templates/cards/with-image-heading-description-avatar.tsx
-import { jsx as jsx34, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
 var AvatarInfo = (props) => {
   const { userName, email, avatarImage } = props;
   return /* @__PURE__ */ jsxs12("div", { className: "flex space-x-2 items-center", children: [
-    /* @__PURE__ */ jsx34(Avatar, { className: "w-16 h-16", children: /* @__PURE__ */ jsx34(AvatarImage, { src: avatarImage }) }),
+    /* @__PURE__ */ jsx35(Avatar, { className: "w-16 h-16", children: /* @__PURE__ */ jsx35(AvatarImage, { src: avatarImage }) }),
     /* @__PURE__ */ jsxs12("div", { children: [
-      /* @__PURE__ */ jsx34(Typography, { typeStyle: "small", className: "font-semibold", children: userName }),
-      /* @__PURE__ */ jsx34(Typography, { typeStyle: "tiny", className: "text-font-weak-color", children: email })
+      /* @__PURE__ */ jsx35(Typography, { typeStyle: "small", className: "font-semibold", children: userName }),
+      /* @__PURE__ */ jsx35(Typography, { typeStyle: "tiny", className: "text-font-weak-color", children: email })
     ] })
   ] });
 };
@@ -1500,10 +1521,10 @@ var CardWithImageHeadingDescriptionAvatarVertical = (props) => {
   return /* @__PURE__ */ jsxs12(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
     image,
     /* @__PURE__ */ jsxs12(CardHeader, { children: [
-      /* @__PURE__ */ jsx34(CardTitle, { children: heading }),
-      /* @__PURE__ */ jsx34(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+      /* @__PURE__ */ jsx35(CardTitle, { children: heading }),
+      /* @__PURE__ */ jsx35(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
     ] }),
-    /* @__PURE__ */ jsx34(CardContent, { children: /* @__PURE__ */ jsx34(AvatarInfo, { ...props }) })
+    /* @__PURE__ */ jsx35(CardContent, { children: /* @__PURE__ */ jsx35(AvatarInfo, { ...props }) })
   ] });
 };
 var CardImageWithHeadingAndDescriptionAvatarHorizontal = (props) => {
@@ -1519,10 +1540,10 @@ var CardImageWithHeadingAndDescriptionAvatarHorizontal = (props) => {
         image,
         /* @__PURE__ */ jsxs12("div", { children: [
           /* @__PURE__ */ jsxs12(CardHeader, { children: [
-            /* @__PURE__ */ jsx34(CardTitle, { children: heading }),
-            /* @__PURE__ */ jsx34(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+            /* @__PURE__ */ jsx35(CardTitle, { children: heading }),
+            /* @__PURE__ */ jsx35(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
           ] }),
-          /* @__PURE__ */ jsx34(CardContent, { children: /* @__PURE__ */ jsx34(AvatarInfo, { ...props }) })
+          /* @__PURE__ */ jsx35(CardContent, { children: /* @__PURE__ */ jsx35(AvatarInfo, { ...props }) })
         ] })
       ]
     }