@alquimia-ai/ui 1.2.3 → 1.3.0

package/dist/components/templates/cards/index.mjs

@@ -1299,17 +1299,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 jsx28 } from "react/jsx-runtime";
+var Separator2 = React23.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx28(
+  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 jsx28, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx29, 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 jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs10 } from "react/jsx-runtime";
 var thinkIndicatorVariants = cva8(
   "flex items-center gap-3",
   {
@@ -1331,7 +1352,7 @@ var thinkIndicatorVariants = cva8(
     }
   }
 );
-var ThinkIndicator = React24.forwardRef(
+var ThinkIndicator = React25.forwardRef(
   ({
     className,
     variant,
@@ -1369,7 +1390,7 @@ var ThinkIndicator = React24.forwardRef(
         className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
         ...props,
         children: [
-          loader || /* @__PURE__ */ jsx29(
+          loader || /* @__PURE__ */ jsx30(
             Loader,
             {
               className: cn(
@@ -1377,7 +1398,7 @@ var ThinkIndicator = React24.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30(
             "div",
             {
               className: cn(
@@ -1396,16 +1417,16 @@ var ThinkIndicator = React24.forwardRef(
 ThinkIndicator.displayName = "ThinkIndicator";
 
 // src/components/templates/cards/with-image-heading-description.tsx
-import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx31, 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__ */ jsx30(CardTitle, { children: heading }),
-      /* @__PURE__ */ jsx30(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+      /* @__PURE__ */ jsx31(CardTitle, { children: heading }),
+      /* @__PURE__ */ jsx31(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
     ] }),
-    /* @__PURE__ */ jsx30(CardContent, {})
+    /* @__PURE__ */ jsx31(CardContent, {})
   ] });
 };
 var CardImageWithHeadingAndDescriptionHorizontal = (props) => {
@@ -1420,24 +1441,24 @@ var CardImageWithHeadingAndDescriptionHorizontal = (props) => {
       children: [
         image,
         /* @__PURE__ */ jsxs11(CardHeader, { children: [
-          /* @__PURE__ */ jsx30(CardTitle, { children: heading }),
-          /* @__PURE__ */ jsx30(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+          /* @__PURE__ */ jsx31(CardTitle, { children: heading }),
+          /* @__PURE__ */ jsx31(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
         ] }),
-        /* @__PURE__ */ jsx30(CardContent, {})
+        /* @__PURE__ */ jsx31(CardContent, {})
       ]
     }
   );
 };
 
 // src/components/templates/cards/with-image-heading-description-avatar.tsx
-import { jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx32, 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__ */ jsx31(Avatar, { className: "w-16 h-16", children: /* @__PURE__ */ jsx31(AvatarImage, { src: avatarImage }) }),
+    /* @__PURE__ */ jsx32(Avatar, { className: "w-16 h-16", children: /* @__PURE__ */ jsx32(AvatarImage, { src: avatarImage }) }),
     /* @__PURE__ */ jsxs12("div", { children: [
-      /* @__PURE__ */ jsx31(Typography, { typeStyle: "small", className: "font-semibold", children: userName }),
-      /* @__PURE__ */ jsx31(Typography, { typeStyle: "tiny", className: "text-font-weak-color", children: email })
+      /* @__PURE__ */ jsx32(Typography, { typeStyle: "small", className: "font-semibold", children: userName }),
+      /* @__PURE__ */ jsx32(Typography, { typeStyle: "tiny", className: "text-font-weak-color", children: email })
     ] })
   ] });
 };
@@ -1446,10 +1467,10 @@ var CardWithImageHeadingDescriptionAvatarVertical = (props) => {
   return /* @__PURE__ */ jsxs12(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
     image,
     /* @__PURE__ */ jsxs12(CardHeader, { children: [
-      /* @__PURE__ */ jsx31(CardTitle, { children: heading }),
-      /* @__PURE__ */ jsx31(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+      /* @__PURE__ */ jsx32(CardTitle, { children: heading }),
+      /* @__PURE__ */ jsx32(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
     ] }),
-    /* @__PURE__ */ jsx31(CardContent, { children: /* @__PURE__ */ jsx31(AvatarInfo, { ...props }) })
+    /* @__PURE__ */ jsx32(CardContent, { children: /* @__PURE__ */ jsx32(AvatarInfo, { ...props }) })
   ] });
 };
 var CardImageWithHeadingAndDescriptionAvatarHorizontal = (props) => {
@@ -1465,10 +1486,10 @@ var CardImageWithHeadingAndDescriptionAvatarHorizontal = (props) => {
         image,
         /* @__PURE__ */ jsxs12("div", { children: [
           /* @__PURE__ */ jsxs12(CardHeader, { children: [
-            /* @__PURE__ */ jsx31(CardTitle, { children: heading }),
-            /* @__PURE__ */ jsx31(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+            /* @__PURE__ */ jsx32(CardTitle, { children: heading }),
+            /* @__PURE__ */ jsx32(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
           ] }),
-          /* @__PURE__ */ jsx31(CardContent, { children: /* @__PURE__ */ jsx31(AvatarInfo, { ...props }) })
+          /* @__PURE__ */ jsx32(CardContent, { children: /* @__PURE__ */ jsx32(AvatarInfo, { ...props }) })
         ] })
       ]
     }