ai-react-animations 1.1.0 → 1.1.2

package/dist/AiCreating.mjs

@@ -1,26 +1,13 @@
+'use client';
+import { useEffect, useState } from 'react';
 /**
  * AiCreating - AI Assistant Processing Animation
  * Shows AI helping user with their tasks/requests
  * Relatable user scenario: AI reading, processing, delivering results
  */
 
-'use client';
-
-import { useEffect, useState } from 'react';
-// CSS: import 'ai-react-animations/styles.css'
-
-export interface AiCreatingProps {
-  isLoading: boolean;
-  onComplete?: () => void;
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'full';
-}
-
-export default function AiCreating({
-  isLoading,
-  onComplete,
-  size = 'md'
-}: AiCreatingProps) {
-  const [stage, setStage] = useState<'idle' | 'reading' | 'processing' | 'delivering' | 'complete'>('idle');
+function AiCreating({ isLoading, onComplete, size = 'md' }) {
+  const [stage, setStage] = useState('idle');
 
   useEffect(() => {
     if (isLoading) {
@@ -144,3 +131,5 @@ export default function AiCreating({
     </div>
   );
 }
+
+export default AiCreating;

package/dist/AiCreating2.mjs

@@ -1,32 +1,13 @@
 'use client';
-
 import { motion, AnimatePresence } from 'framer-motion';
 import { Sparkles, Brain, Zap } from 'lucide-react';
-
-export interface AiCreating2Props {
-  isLoading: boolean;
-  onComplete?: () => void;
-  message?: string;
-  subMessage?: string;
-  /** Primary color for animations (hex) */
-  primaryColor?: string;
-  /** Background color (hex) */
-  backgroundColor?: string;
-  /** Text color (hex) */
-  textColor?: string;
-  /** If true, renders in a contained box instead of full-screen overlay */
-  contained?: boolean;
-  /** Status messages to cycle through */
-  statusMessages?: Array<{ icon: 'sparkles' | 'brain' | 'zap'; text: string }>;
-}
-
 const iconMap = {
   sparkles: Sparkles,
   brain: Brain,
   zap: Zap,
 };
 
-export function AiCreating2({
+function AiCreating2({
   isLoading,
   onComplete,
   message = "Creating your plan...",
@@ -40,7 +21,7 @@ export function AiCreating2({
     { icon: 'brain', text: 'Designing daily structure' },
     { icon: 'zap', text: 'Generating action items' },
   ],
-}: AiCreating2Props) {
+}) {
 
   const containerClass = contained
     ? "relative w-full h-full min-h-[400px] rounded-xl flex items-center justify-center overflow-hidden"
@@ -200,4 +181,5 @@ export function AiCreating2({
   );
 }
 
-export default AiCreating2;
+
+export default AiCreating2;

package/dist/index.mjs

@@ -1,4 +1,11 @@
+'use client';
 // ai-react-animations - ESM Build
+// CSS: import 'ai-react-animations/styles.css'
+
+import { useEffect, useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Sparkles, Brain, Zap } from 'lucide-react';
+
 // AiCreating Component
 /**
  * AiCreating - AI Assistant Processing Animation
@@ -6,23 +13,8 @@
  * Relatable user scenario: AI reading, processing, delivering results
  */
 
-'use client';
-
-import { useEffect, useState } from 'react';
-// CSS: import 'ai-react-animations/styles.css'
-
-export interface AiCreatingProps {
-  isLoading: boolean;
-  onComplete?: () => void;
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'full';
-}
-
-export default function AiCreating({
-  isLoading,
-  onComplete,
-  size = 'md'
-}: AiCreatingProps) {
-  const [stage, setStage] = useState<'idle' | 'reading' | 'processing' | 'delivering' | 'complete'>('idle');
+function AiCreating({ isLoading, onComplete, size = 'md' }) {
+  const [stage, setStage] = useState('idle');
 
   useEffect(() => {
     if (isLoading) {
@@ -149,35 +141,13 @@ export default function AiCreating({
 
 
 // AiCreating2 Component
-'use client';
-
-import { motion, AnimatePresence } from 'framer-motion';
-import { Sparkles, Brain, Zap } from 'lucide-react';
-
-export interface AiCreating2Props {
-  isLoading: boolean;
-  onComplete?: () => void;
-  message?: string;
-  subMessage?: string;
-  /** Primary color for animations (hex) */
-  primaryColor?: string;
-  /** Background color (hex) */
-  backgroundColor?: string;
-  /** Text color (hex) */
-  textColor?: string;
-  /** If true, renders in a contained box instead of full-screen overlay */
-  contained?: boolean;
-  /** Status messages to cycle through */
-  statusMessages?: Array<{ icon: 'sparkles' | 'brain' | 'zap'; text: string }>;
-}
-
 const iconMap = {
   sparkles: Sparkles,
   brain: Brain,
   zap: Zap,
 };
 
-export function AiCreating2({
+function AiCreating2({
   isLoading,
   onComplete,
   message = "Creating your plan...",
@@ -191,7 +161,7 @@ export function AiCreating2({
     { icon: 'brain', text: 'Designing daily structure' },
     { icon: 'zap', text: 'Generating action items' },
   ],
-}: AiCreating2Props) {
+}) {
 
   const containerClass = contained
     ? "relative w-full h-full min-h-[400px] rounded-xl flex items-center justify-center overflow-hidden"
@@ -351,7 +321,7 @@ export function AiCreating2({
   );
 }
 
-export default AiCreating2;
 
 
 export { AiCreating, AiCreating2 };
+export default AiCreating;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ai-react-animations",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Beautiful AI loading animation components for React/Next.js. Shows AI processing states with friendly robot character.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",