@alquimia-ai/ui 1.0.6 → 1.1.0

package/dist/components/atoms/index.d.mts

@@ -264,4 +264,15 @@ declare const Loader: React$1.ForwardRefExoticComponent<LoaderProps & React$1.Re
 
 declare function Toaster(): react_jsx_runtime.JSX.Element;
 
-export { Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Input, type InputProps, Label, Loader, Popover, PopoverContent, PopoverTrigger, RichText, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toaster, Toggle, Typography, type TypographyProps, badgeVariants, toggleVariants };
+declare const thinkIndicatorVariants: (props?: ({
+    variant?: "default" | "secondary" | "primary" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ThinkIndicatorProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof thinkIndicatorVariants> {
+    thoughts?: string[];
+    interval?: number;
+    loader?: React$1.ReactNode;
+}
+declare const ThinkIndicator: React$1.ForwardRefExoticComponent<ThinkIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+export { Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Input, type InputProps, Label, Loader, Popover, PopoverContent, PopoverTrigger, RichText, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThinkIndicator, type ThinkIndicatorProps, Toaster, Toggle, Typography, type TypographyProps, badgeVariants, thinkIndicatorVariants, toggleVariants };

package/dist/components/atoms/index.d.ts

@@ -264,4 +264,15 @@ declare const Loader: React$1.ForwardRefExoticComponent<LoaderProps & React$1.Re
 
 declare function Toaster(): react_jsx_runtime.JSX.Element;
 
-export { Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Input, type InputProps, Label, Loader, Popover, PopoverContent, PopoverTrigger, RichText, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toaster, Toggle, Typography, type TypographyProps, badgeVariants, toggleVariants };
+declare const thinkIndicatorVariants: (props?: ({
+    variant?: "default" | "secondary" | "primary" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ThinkIndicatorProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof thinkIndicatorVariants> {
+    thoughts?: string[];
+    interval?: number;
+    loader?: React$1.ReactNode;
+}
+declare const ThinkIndicator: React$1.ForwardRefExoticComponent<ThinkIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+export { Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Input, type InputProps, Label, Loader, Popover, PopoverContent, PopoverTrigger, RichText, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThinkIndicator, type ThinkIndicatorProps, Toaster, Toggle, Typography, type TypographyProps, badgeVariants, thinkIndicatorVariants, toggleVariants };

package/dist/components/atoms/index.js

@@ -128,6 +128,7 @@ __export(atoms_exports, {
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
   Textarea: () => Textarea,
+  ThinkIndicator: () => ThinkIndicator,
   Toast: () => Toast,
   ToastAction: () => ToastAction,
   ToastClose: () => ToastClose,
@@ -140,6 +141,7 @@ __export(atoms_exports, {
   Typography: () => Typography,
   badgeVariants: () => badgeVariants,
   buttonVariants: () => buttonVariants,
+  thinkIndicatorVariants: () => thinkIndicatorVariants,
   toggleVariants: () => toggleVariants
 });
 module.exports = __toCommonJS(atoms_exports);
@@ -1612,4 +1614,94 @@ function Toaster() {
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ToastViewport, {})
   ] });
 }
+
+// src/components/atoms/ui/think-indicator.tsx
+var React24 = __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 thinkIndicatorVariants = (0, import_class_variance_authority8.cva)(
+  "flex items-center gap-3",
+  {
+    variants: {
+      variant: {
+        default: "text-muted-foreground",
+        primary: "text-primary",
+        secondary: "text-secondary"
+      },
+      size: {
+        default: "gap-3",
+        sm: "gap-2",
+        lg: "gap-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var ThinkIndicator = React24.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    thoughts = [
+      "Analyzing your request...",
+      "Processing information...",
+      "Formulating response..."
+    ],
+    interval = 5e3,
+    loader,
+    ...props
+  }, ref) => {
+    const [currentThoughtIndex, setCurrentThoughtIndex] = (0, import_react3.useState)(0);
+    const [isAnimating, setIsAnimating] = (0, import_react3.useState)(false);
+    (0, import_react3.useEffect)(() => {
+      const timer = setInterval(() => {
+        setIsAnimating(true);
+        setTimeout(() => {
+          setCurrentThoughtIndex((prev) => {
+            return prev < thoughts.length - 1 ? prev + 1 : prev;
+          });
+          setIsAnimating(false);
+        }, 300);
+      }, interval);
+      if (currentThoughtIndex === thoughts.length - 1) {
+        clearInterval(timer);
+      }
+      return () => clearInterval(timer);
+    }, [thoughts, interval, currentThoughtIndex]);
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
+        ...props,
+        children: [
+          loader || /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            Loader,
+            {
+              className: cn(
+                size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4"
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            "div",
+            {
+              className: cn(
+                "alq--think-indicator-text",
+                "transition-all duration-300",
+                isAnimating ? "opacity-0 -translate-y-2" : "opacity-100 translate-y-0"
+              ),
+              children: thoughts[currentThoughtIndex]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ThinkIndicator.displayName = "ThinkIndicator";
 //# sourceMappingURL=index.js.map