@alquimia-ai/ui 1.2.3 → 1.3.0

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

@@ -1337,17 +1337,38 @@ var Loader = React22.forwardRef(
 );
 Loader.displayName = "Loader";
 
-// src/components/hooks/use-toast.ts
+// src/components/atoms/ui/separator.tsx
 var React23 = __toESM(require("react"));
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var Separator2 = React23.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  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
+var React24 = __toESM(require("react"));
 
 // src/components/atoms/ui/toaster.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 
 // src/components/atoms/ui/think-indicator.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_react3 = require("react");
 var import_class_variance_authority8 = require("class-variance-authority");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var thinkIndicatorVariants = (0, import_class_variance_authority8.cva)(
   "flex items-center gap-3",
   {
@@ -1369,7 +1390,7 @@ var thinkIndicatorVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var ThinkIndicator = React24.forwardRef(
+var ThinkIndicator = React25.forwardRef(
   ({
     className,
     variant,
@@ -1400,14 +1421,14 @@ var ThinkIndicator = React24.forwardRef(
       }
       return () => clearInterval(timer);
     }, [thoughts, interval, currentThoughtIndex]);
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "div",
       {
         ref,
         className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
         ...props,
         children: [
-          loader || /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          loader || /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             Loader,
             {
               className: cn(
@@ -1415,7 +1436,7 @@ var ThinkIndicator = React24.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "div",
             {
               className: cn(
@@ -1434,21 +1455,21 @@ var ThinkIndicator = React24.forwardRef(
 ThinkIndicator.displayName = "ThinkIndicator";
 
 // src/components/templates/cards/with-image-heading-description.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var CardWithImageHeadingDescriptionVertical = (props) => {
   const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
     image,
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CardTitle, { children: heading }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardTitle, { children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CardContent, {})
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardContent, {})
   ] });
 };
 var CardImageWithHeadingAndDescriptionHorizontal = (props) => {
   const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     Card,
     {
       className: cn(
@@ -1457,42 +1478,42 @@ var CardImageWithHeadingAndDescriptionHorizontal = (props) => {
       ),
       children: [
         image,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(CardHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CardTitle, { children: heading }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(CardHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardTitle, { children: heading }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CardContent, {})
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardContent, {})
       ]
     }
   );
 };
 
 // src/components/templates/cards/with-image-heading-description-avatar.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var AvatarInfo = (props) => {
   const { userName, email, avatarImage } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex space-x-2 items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Avatar, { className: "w-16 h-16", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AvatarImage, { src: avatarImage }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typography, { typeStyle: "small", className: "font-semibold", children: userName }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typography, { typeStyle: "tiny", className: "text-font-weak-color", children: email })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex space-x-2 items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Avatar, { className: "w-16 h-16", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AvatarImage, { src: avatarImage }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typography, { typeStyle: "small", className: "font-semibold", children: userName }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typography, { typeStyle: "tiny", className: "text-font-weak-color", children: email })
     ] })
   ] });
 };
 var CardWithImageHeadingDescriptionAvatarVertical = (props) => {
   const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
     image,
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardTitle, { children: heading }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CardTitle, { children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AvatarInfo, { ...props }) })
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AvatarInfo, { ...props }) })
   ] });
 };
 var CardImageWithHeadingAndDescriptionAvatarHorizontal = (props) => {
   const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     Card,
     {
       className: cn(
@@ -1501,12 +1522,12 @@ var CardImageWithHeadingAndDescriptionAvatarHorizontal = (props) => {
       ),
       children: [
         image,
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(CardHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardTitle, { children: heading }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(CardHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CardTitle, { children: heading }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AvatarInfo, { ...props }) })
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AvatarInfo, { ...props }) })
         ] })
       ]
     }