partycles 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Jonathan Leane
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,295 @@
+# Partycles 🎉
+
+A lightweight, performant React library for adding delightful animation effects to your applications. Perfect for celebrating user achievements, form submissions, or any moment worth highlighting.
+
+[![npm version](https://img.shields.io/npm/v/partycles.svg)](https://www.npmjs.com/package/partycles)
+[![Bundle Size](https://img.shields.io/bundlephobia/minzip/partycles)](https://bundlephobia.com/package/partycles)
+[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+## ✨ Features
+
+- 🎯 **Simple API** - Just one hook to rule them all
+- 🎨 **6 Beautiful Animations** - Confetti, sparkles, hearts, stars, fireworks, and bubbles
+- 📦 **Tiny Bundle** - Less than 5KB gzipped with tree-shaking support
+- 🚀 **Performant** - Optimized animations using requestAnimationFrame
+- 🎮 **Full Control** - Customize colors, particle count, physics, and more
+- 📱 **Responsive** - Works seamlessly on all devices
+- 🔧 **TypeScript Support** - Fully typed for excellent DX
+- ⚡ **React 18 Ready** - Built with the latest React features
+
+## 📦 Installation
+
+```bash
+npm install partycles
+# or
+yarn add partycles
+# or
+pnpm add partycles
+```
+
+## 🚀 Quick Start
+
+```tsx
+import { useReward } from 'partycles';
+
+function App() {
+  const { reward, isAnimating } = useReward('rewardId', 'confetti');
+
+  return (
+    <button id="rewardId" onClick={reward} disabled={isAnimating}>
+      Click me for a surprise! 🎉
+    </button>
+  );
+}
+```
+
+## 📖 API Reference
+
+### `useReward(elementId, animationType, config?)`
+
+The main hook for creating reward animations.
+
+#### Parameters
+
+- `elementId` (string): The ID of the element to animate from
+- `animationType` (string): One of: `'confetti'`, `'sparkles'`, `'hearts'`, `'stars'`, `'fireworks'`, `'bubbles'`
+- `config` (optional): Animation configuration object
+
+#### Returns
+
+- `reward` (function): Triggers the animation
+- `isAnimating` (boolean): Whether the animation is currently running
+
+### Configuration Options
+
+```typescript
+interface AnimationConfig {
+  particleCount?: number;      // Number of particles (default: varies by animation)
+  spread?: number;             // Spread angle in degrees (default: 50)
+  startVelocity?: number;      // Initial velocity (default: 45)
+  decay?: number;              // Velocity decay rate (default: 0.9)
+  lifetime?: number;           // Particle lifetime (default: 100)
+  colors?: string[];           // Array of colors
+  elementSize?: number;        // Size of particles in pixels
+  duration?: number;           // Total animation duration
+  physics?: {
+    gravity?: number;          // Gravity force (default: 0.5)
+    wind?: number;             // Horizontal wind force (default: 0)
+    friction?: number;         // Air friction (default: 0.99)
+  };
+}
+```
+
+## 🎨 Animation Types
+
+### Confetti 🎊
+Classic celebration effect with colorful paper pieces.
+
+```tsx
+const { reward } = useReward('buttonId', 'confetti', {
+  particleCount: 30,
+  spread: 60,
+  colors: ['#ff0000', '#00ff00', '#0000ff']
+});
+```
+
+### Sparkles ✨
+Twinkling star effect perfect for magical moments.
+
+```tsx
+const { reward } = useReward('buttonId', 'sparkles', {
+  particleCount: 20,
+  elementSize: 15
+});
+```
+
+### Hearts 💕
+Floating hearts for likes, favorites, or love actions.
+
+```tsx
+const { reward } = useReward('buttonId', 'hearts', {
+  particleCount: 15,
+  colors: ['#ff1744', '#e91e63', '#ff4569']
+});
+```
+
+### Stars ⭐
+Shooting stars effect for achievements and ratings.
+
+```tsx
+const { reward } = useReward('buttonId', 'stars', {
+  particleCount: 25,
+  physics: { gravity: 0.3 }
+});
+```
+
+### Fireworks 🎆
+Explosive celebration for major milestones.
+
+```tsx
+const { reward } = useReward('buttonId', 'fireworks', {
+  particleCount: 40,
+  spread: 180
+});
+```
+
+### Bubbles 🫧
+Gentle floating bubbles for calm, playful effects.
+
+```tsx
+const { reward } = useReward('buttonId', 'bubbles', {
+  particleCount: 20,
+  physics: { gravity: -0.1 }
+});
+```
+
+## 💡 Examples
+
+### Form Submission Success
+```tsx
+function ContactForm() {
+  const { reward } = useReward('submit-btn', 'confetti');
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    const success = await submitForm();
+    if (success) {
+      reward();
+    }
+  };
+
+  return (
+    <form onSubmit={handleSubmit}>
+      {/* form fields */}
+      <button id="submit-btn" type="submit">
+        Send Message
+      </button>
+    </form>
+  );
+}
+```
+
+### Like Button with Hearts
+```tsx
+function LikeButton() {
+  const [liked, setLiked] = useState(false);
+  const { reward } = useReward('like-btn', 'hearts', {
+    particleCount: 10,
+    elementSize: 20
+  });
+
+  const handleLike = () => {
+    setLiked(!liked);
+    if (!liked) {
+      reward();
+    }
+  };
+
+  return (
+    <button id="like-btn" onClick={handleLike}>
+      {liked ? '❤️' : '🤍'} Like
+    </button>
+  );
+}
+```
+
+### Achievement Unlocked
+```tsx
+function Achievement({ unlocked, name }) {
+  const { reward } = useReward('achievement', 'fireworks', {
+    particleCount: 50,
+    spread: 120
+  });
+
+  useEffect(() => {
+    if (unlocked) {
+      reward();
+    }
+  }, [unlocked, reward]);
+
+  return (
+    <div id="achievement" className="achievement-badge">
+      🏆 {name}
+    </div>
+  );
+}
+```
+
+## 🎯 Best Practices
+
+1. **Unique IDs**: Ensure each animated element has a unique ID
+2. **Performance**: Avoid triggering multiple animations simultaneously
+3. **Accessibility**: Provide alternative feedback for users who prefer reduced motion
+4. **Mobile**: Test animations on mobile devices and adjust particle counts if needed
+
+```tsx
+// Respect user preferences
+const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+
+const { reward } = useReward('buttonId', 'confetti', {
+  particleCount: prefersReducedMotion ? 0 : 30
+});
+```
+
+## 🔧 Advanced Usage
+
+### Custom Physics
+```tsx
+const { reward } = useReward('buttonId', 'confetti', {
+  physics: {
+    gravity: 0.2,     // Lower gravity = floatier particles
+    wind: 0.1,        // Positive = blow right, negative = blow left
+    friction: 0.95    // Higher = more air resistance
+  }
+});
+```
+
+### Dynamic Configuration
+```tsx
+function DynamicReward() {
+  const [intensity, setIntensity] = useState(1);
+  
+  const { reward } = useReward('buttonId', 'confetti', {
+    particleCount: 30 * intensity,
+    spread: 50 + (20 * intensity),
+    startVelocity: 45 * intensity
+  });
+
+  return (
+    <>
+      <input
+        type="range"
+        min="0.5"
+        max="2"
+        step="0.1"
+        value={intensity}
+        onChange={(e) => setIntensity(parseFloat(e.target.value))}
+      />
+      <button id="buttonId" onClick={reward}>
+        Celebrate!
+      </button>
+    </>
+  );
+}
+```
+
+## 🤝 Contributing
+
+We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit your changes (`git commit -m 'Add amazing feature'`)
+4. Push to the branch (`git push origin feature/amazing-feature`)
+5. Open a Pull Request
+
+## 📄 License
+
+MIT © [Your Name]
+
+---
+
+<p align="center">
+  Made with ❤️ by developers, for developers
+</p>

package/dist/animations/animations/bubbles.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AnimationConfig, Particle } from '../types';
+export declare const createBubbleParticles: (origin: {
+    x: number;
+    y: number;
+}, config: AnimationConfig) => Particle[];
+export declare const renderBubbleParticle: (particle: Particle) => React.ReactNode;
+//# sourceMappingURL=bubbles.d.ts.map

package/dist/animations/animations/bubbles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubbles.d.ts","sourceRoot":"","sources":["../../src/animations/bubbles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKrD,eAAO,MAAM,qBAAqB,GAChC,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,QAAQ,eAAe,KACtB,QAAQ,EA2BV,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,UAAU,QAAQ,KAAG,KAAK,CAAC,SAkB/D,CAAC"}

package/dist/animations/animations/confetti.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AnimationConfig, Particle } from '../types';
+export declare const createConfettiParticles: (origin: {
+    x: number;
+    y: number;
+}, config: AnimationConfig) => Particle[];
+export declare const renderConfettiParticle: (particle: Particle) => React.ReactNode;
+//# sourceMappingURL=confetti.d.ts.map

package/dist/animations/animations/confetti.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confetti.d.ts","sourceRoot":"","sources":["../../src/animations/confetti.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKrD,eAAO,MAAM,uBAAuB,GAClC,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,QAAQ,eAAe,KACtB,QAAQ,EA8BV,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,UAAU,QAAQ,KAAG,KAAK,CAAC,SAajE,CAAC"}

package/dist/animations/animations/fireworks.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AnimationConfig, Particle } from '../types';
+export declare const createFireworkParticles: (origin: {
+    x: number;
+    y: number;
+}, config: AnimationConfig) => Particle[];
+export declare const renderFireworkParticle: (particle: Particle) => React.ReactNode;
+//# sourceMappingURL=fireworks.d.ts.map

package/dist/animations/animations/fireworks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fireworks.d.ts","sourceRoot":"","sources":["../../src/animations/fireworks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKrD,eAAO,MAAM,uBAAuB,GAClC,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,QAAQ,eAAe,KACtB,QAAQ,EA8BV,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,UAAU,QAAQ,KAAG,KAAK,CAAC,SAmBjE,CAAC"}

package/dist/animations/animations/hearts.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AnimationConfig, Particle } from '../types';
+export declare const createHeartParticles: (origin: {
+    x: number;
+    y: number;
+}, config: AnimationConfig) => Particle[];
+export declare const renderHeartParticle: (particle: Particle) => React.ReactNode;
+//# sourceMappingURL=hearts.d.ts.map

package/dist/animations/animations/hearts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hearts.d.ts","sourceRoot":"","sources":["../../src/animations/hearts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKrD,eAAO,MAAM,oBAAoB,GAC/B,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,QAAQ,eAAe,KACtB,QAAQ,EA8BV,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,UAAU,QAAQ,KAAG,KAAK,CAAC,SAe9D,CAAC"}

package/dist/animations/animations/index.d.ts

@@ -0,0 +1,13 @@
+import { AnimationType, AnimationConfig, Particle } from '../types';
+export type ParticleCreator = (origin: {
+    x: number;
+    y: number;
+}, config: AnimationConfig) => Particle[];
+export type ParticleRenderer = (particle: Particle) => React.ReactNode;
+interface AnimationHandler {
+    createParticles: ParticleCreator;
+    renderParticle: ParticleRenderer;
+}
+export declare const animations: Record<AnimationType, AnimationHandler>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/animations/animations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAQpE,MAAM,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,MAAM,EAAE,eAAe,KAAK,QAAQ,EAAE,CAAC;AACxG,MAAM,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;AAEvE,UAAU,gBAAgB;IACxB,eAAe,EAAE,eAAe,CAAC;IACjC,cAAc,EAAE,gBAAgB,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAyB9D,CAAC"}

package/dist/animations/animations/sparkles.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AnimationConfig, Particle } from '../types';
+export declare const createSparkleParticles: (origin: {
+    x: number;
+    y: number;
+}, config: AnimationConfig) => Particle[];
+export declare const renderSparkleParticle: (particle: Particle) => React.ReactNode;
+//# sourceMappingURL=sparkles.d.ts.map

package/dist/animations/animations/sparkles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkles.d.ts","sourceRoot":"","sources":["../../src/animations/sparkles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGrD,eAAO,MAAM,sBAAsB,GACjC,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,QAAQ,eAAe,KACtB,QAAQ,EA4BV,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,UAAU,QAAQ,KAAG,KAAK,CAAC,SAoBhE,CAAC"}

package/dist/animations/animations/stars.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AnimationConfig, Particle } from '../types';
+export declare const createStarParticles: (origin: {
+    x: number;
+    y: number;
+}, config: AnimationConfig) => Particle[];
+export declare const renderStarParticle: (particle: Particle) => React.ReactNode;
+//# sourceMappingURL=stars.d.ts.map

package/dist/animations/animations/stars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stars.d.ts","sourceRoot":"","sources":["../../src/animations/stars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKrD,eAAO,MAAM,mBAAmB,GAC9B,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,QAAQ,eAAe,KACtB,QAAQ,EA6BV,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,UAAU,QAAQ,KAAG,KAAK,CAAC,SAe7D,CAAC"}

package/dist/animations/bubbles.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AnimationConfig, Particle } from '../types';
+export declare const createBubbleParticles: (origin: {
+    x: number;
+    y: number;
+}, config: AnimationConfig) => Particle[];
+export declare const renderBubbleParticle: (particle: Particle) => React.ReactNode;
+//# sourceMappingURL=bubbles.d.ts.map

package/dist/animations/bubbles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubbles.d.ts","sourceRoot":"","sources":["../../src/animations/bubbles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKrD,eAAO,MAAM,qBAAqB,GAChC,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,QAAQ,eAAe,KACtB,QAAQ,EA2BV,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,UAAU,QAAQ,KAAG,KAAK,CAAC,SAkB/D,CAAC"}

package/dist/animations/bubbles.esm.js

@@ -0,0 +1,46 @@
+import React from 'react';
+
+const randomInRange = (min, max) => {
+    return Math.random() * (max - min) + min;
+};
+const generateId = () => {
+    return Math.random().toString(36).substring(2, 9);
+};
+
+const bubbleColors = ['rgba(66, 165, 245, 0.4)', 'rgba(41, 182, 246, 0.4)', 'rgba(38, 198, 218, 0.4)', 'rgba(129, 212, 250, 0.4)'];
+const createBubbleParticles = (origin, config) => {
+    const { particleCount = 30, spread = 80, startVelocity = 30, colors = bubbleColors, elementSize = 40 } = config;
+    const particles = [];
+    for (let i = 0; i < particleCount; i++) {
+        particles.push({
+            id: generateId(),
+            x: origin.x + randomInRange(-spread, spread),
+            y: origin.y,
+            vx: randomInRange(-3, 3),
+            vy: -randomInRange(startVelocity * 0.7, startVelocity * 1.2),
+            life: config.lifetime || 160,
+            opacity: 0.7,
+            size: randomInRange(elementSize * 0.4, elementSize * 1.2),
+            rotation: 0,
+            color: colors[Math.floor(Math.random() * colors.length)] || colors[0],
+        });
+    }
+    return particles;
+};
+const renderBubbleParticle = (particle) => {
+    return (React.createElement("div", { key: particle.id, style: {
+            width: `${particle.size}px`,
+            height: `${particle.size}px`,
+            backgroundColor: particle.color,
+            borderRadius: '50%',
+            border: '2px solid rgba(255, 255, 255, 0.6)',
+            backgroundImage: 'radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.8), transparent)',
+            boxShadow: `
+          inset 0 0 ${particle.size * 0.3}px rgba(255, 255, 255, 0.4),
+          0 0 ${particle.size * 0.5}px ${particle.color}
+        `,
+        } }));
+};
+
+export { createBubbleParticles, renderBubbleParticle };
+//# sourceMappingURL=bubbles.esm.js.map

package/dist/animations/bubbles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubbles.esm.js","sources":["../../src/utils.ts","../../src/animations/bubbles.tsx"],"sourcesContent":["import { Particle } from './types';\n\nexport const randomInRange = (min: number, max: number): number => {\n  return Math.random() * (max - min) + min;\n};\n\nexport const degreesToRadians = (degrees: number): number => {\n  return (degrees * Math.PI) / 180;\n};\n\nexport const generateId = (): string => {\n  return Math.random().toString(36).substring(2, 9);\n};\n\nexport const getRandomColor = (colors: string[]): string => {\n  return colors[Math.floor(Math.random() * colors.length)] || colors[0];\n};\n\nexport const createParticleStyle = (\n  particle: Particle,\n  containerRect: DOMRect\n): React.CSSProperties => {\n  return {\n    position: 'absolute',\n    left: `${particle.x - containerRect.left}px`,\n    top: `${particle.y - containerRect.top}px`,\n    transform: `rotate(${particle.rotation}deg)`,\n    opacity: particle.opacity,\n    pointerEvents: 'none',\n    transition: 'none',\n    willChange: 'transform, opacity',\n  };\n};","import React from 'react';\nimport { AnimationConfig, Particle } from '../types';\nimport { randomInRange, generateId } from '../utils';\n\nconst bubbleColors = ['rgba(66, 165, 245, 0.4)', 'rgba(41, 182, 246, 0.4)', 'rgba(38, 198, 218, 0.4)', 'rgba(129, 212, 250, 0.4)'];\n\nexport const createBubbleParticles = (\n  origin: { x: number; y: number },\n  config: AnimationConfig\n): Particle[] => {\n  const {\n    particleCount = 30,\n    spread = 80,\n    startVelocity = 30,\n    colors = bubbleColors,\n    elementSize = 40\n  } = config;\n\n  const particles: Particle[] = [];\n\n  for (let i = 0; i < particleCount; i++) {\n    particles.push({\n      id: generateId(),\n      x: origin.x + randomInRange(-spread, spread),\n      y: origin.y,\n      vx: randomInRange(-3, 3),\n      vy: -randomInRange(startVelocity * 0.7, startVelocity * 1.2),\n      life: config.lifetime || 160,\n      opacity: 0.7,\n      size: randomInRange(elementSize * 0.4, elementSize * 1.2),\n      rotation: 0,\n      color: colors[Math.floor(Math.random() * colors.length)] || colors[0],\n    });\n  }\n\n  return particles;\n};\n\nexport const renderBubbleParticle = (particle: Particle): React.ReactNode => {\n  return (\n    <div\n      key={particle.id}\n      style={{\n        width: `${particle.size}px`,\n        height: `${particle.size}px`,\n        backgroundColor: particle.color,\n        borderRadius: '50%',\n        border: '2px solid rgba(255, 255, 255, 0.6)',\n        backgroundImage: 'radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.8), transparent)',\n        boxShadow: `\n          inset 0 0 ${particle.size * 0.3}px rgba(255, 255, 255, 0.4),\n          0 0 ${particle.size * 0.5}px ${particle.color}\n        `,\n      }}\n    />\n  );\n};"],"names":[],"mappings":";;AAEO,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,GAAW,KAAY;AAChE,IAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG;AAC1C,CAAC;AAMM,MAAM,UAAU,GAAG,MAAa;AACrC,IAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;AACnD,CAAC;;ACRD,MAAM,YAAY,GAAG,CAAC,yBAAyB,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,0BAA0B,CAAC;MAErH,qBAAqB,GAAG,CACnC,MAAgC,EAChC,MAAuB,KACT;IACd,MAAM,EACJ,aAAa,GAAG,EAAE,EAClB,MAAM,GAAG,EAAE,EACX,aAAa,GAAG,EAAE,EAClB,MAAM,GAAG,YAAY,EACrB,WAAW,GAAG,EAAE,EACjB,GAAG,MAAM;IAEV,MAAM,SAAS,GAAe,EAAE;AAEhC,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE;QACtC,SAAS,CAAC,IAAI,CAAC;YACb,EAAE,EAAE,UAAU,EAAE;YAChB,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;YAC5C,CAAC,EAAE,MAAM,CAAC,CAAC;AACX,YAAA,EAAE,EAAE,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC;YACxB,EAAE,EAAE,CAAC,aAAa,CAAC,aAAa,GAAG,GAAG,EAAE,aAAa,GAAG,GAAG,CAAC;AAC5D,YAAA,IAAI,EAAE,MAAM,CAAC,QAAQ,IAAI,GAAG;AAC5B,YAAA,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,aAAa,CAAC,WAAW,GAAG,GAAG,EAAE,WAAW,GAAG,GAAG,CAAC;AACzD,YAAA,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC;AACtE,SAAA,CAAC;;AAGJ,IAAA,OAAO,SAAS;AAClB;AAEa,MAAA,oBAAoB,GAAG,CAAC,QAAkB,KAAqB;IAC1E,QACE,6BACE,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,CAAA,EAAG,QAAQ,CAAC,IAAI,CAAI,EAAA,CAAA;AAC3B,YAAA,MAAM,EAAE,CAAA,EAAG,QAAQ,CAAC,IAAI,CAAI,EAAA,CAAA;YAC5B,eAAe,EAAE,QAAQ,CAAC,KAAK;AAC/B,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,MAAM,EAAE,oCAAoC;AAC5C,YAAA,eAAe,EAAE,2EAA2E;AAC5F,YAAA,SAAS,EAAE;sBACG,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAA;AACzB,cAAA,EAAA,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAM,GAAA,EAAA,QAAQ,CAAC,KAAK;AAC9C,QAAA,CAAA;AACF,SAAA,EAAA,CACD;AAEN;;;;"}

package/dist/animations/bubbles.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var React = require('react');
+
+const randomInRange = (min, max) => {
+    return Math.random() * (max - min) + min;
+};
+const generateId = () => {
+    return Math.random().toString(36).substring(2, 9);
+};
+
+const bubbleColors = ['rgba(66, 165, 245, 0.4)', 'rgba(41, 182, 246, 0.4)', 'rgba(38, 198, 218, 0.4)', 'rgba(129, 212, 250, 0.4)'];
+const createBubbleParticles = (origin, config) => {
+    const { particleCount = 30, spread = 80, startVelocity = 30, colors = bubbleColors, elementSize = 40 } = config;
+    const particles = [];
+    for (let i = 0; i < particleCount; i++) {
+        particles.push({
+            id: generateId(),
+            x: origin.x + randomInRange(-spread, spread),
+            y: origin.y,
+            vx: randomInRange(-3, 3),
+            vy: -randomInRange(startVelocity * 0.7, startVelocity * 1.2),
+            life: config.lifetime || 160,
+            opacity: 0.7,
+            size: randomInRange(elementSize * 0.4, elementSize * 1.2),
+            rotation: 0,
+            color: colors[Math.floor(Math.random() * colors.length)] || colors[0],
+        });
+    }
+    return particles;
+};
+const renderBubbleParticle = (particle) => {
+    return (React.createElement("div", { key: particle.id, style: {
+            width: `${particle.size}px`,
+            height: `${particle.size}px`,
+            backgroundColor: particle.color,
+            borderRadius: '50%',
+            border: '2px solid rgba(255, 255, 255, 0.6)',
+            backgroundImage: 'radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.8), transparent)',
+            boxShadow: `
+          inset 0 0 ${particle.size * 0.3}px rgba(255, 255, 255, 0.4),
+          0 0 ${particle.size * 0.5}px ${particle.color}
+        `,
+        } }));
+};
+
+exports.createBubbleParticles = createBubbleParticles;
+exports.renderBubbleParticle = renderBubbleParticle;
+//# sourceMappingURL=bubbles.js.map

package/dist/animations/bubbles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubbles.js","sources":["../../src/utils.ts","../../src/animations/bubbles.tsx"],"sourcesContent":["import { Particle } from './types';\n\nexport const randomInRange = (min: number, max: number): number => {\n  return Math.random() * (max - min) + min;\n};\n\nexport const degreesToRadians = (degrees: number): number => {\n  return (degrees * Math.PI) / 180;\n};\n\nexport const generateId = (): string => {\n  return Math.random().toString(36).substring(2, 9);\n};\n\nexport const getRandomColor = (colors: string[]): string => {\n  return colors[Math.floor(Math.random() * colors.length)] || colors[0];\n};\n\nexport const createParticleStyle = (\n  particle: Particle,\n  containerRect: DOMRect\n): React.CSSProperties => {\n  return {\n    position: 'absolute',\n    left: `${particle.x - containerRect.left}px`,\n    top: `${particle.y - containerRect.top}px`,\n    transform: `rotate(${particle.rotation}deg)`,\n    opacity: particle.opacity,\n    pointerEvents: 'none',\n    transition: 'none',\n    willChange: 'transform, opacity',\n  };\n};","import React from 'react';\nimport { AnimationConfig, Particle } from '../types';\nimport { randomInRange, generateId } from '../utils';\n\nconst bubbleColors = ['rgba(66, 165, 245, 0.4)', 'rgba(41, 182, 246, 0.4)', 'rgba(38, 198, 218, 0.4)', 'rgba(129, 212, 250, 0.4)'];\n\nexport const createBubbleParticles = (\n  origin: { x: number; y: number },\n  config: AnimationConfig\n): Particle[] => {\n  const {\n    particleCount = 30,\n    spread = 80,\n    startVelocity = 30,\n    colors = bubbleColors,\n    elementSize = 40\n  } = config;\n\n  const particles: Particle[] = [];\n\n  for (let i = 0; i < particleCount; i++) {\n    particles.push({\n      id: generateId(),\n      x: origin.x + randomInRange(-spread, spread),\n      y: origin.y,\n      vx: randomInRange(-3, 3),\n      vy: -randomInRange(startVelocity * 0.7, startVelocity * 1.2),\n      life: config.lifetime || 160,\n      opacity: 0.7,\n      size: randomInRange(elementSize * 0.4, elementSize * 1.2),\n      rotation: 0,\n      color: colors[Math.floor(Math.random() * colors.length)] || colors[0],\n    });\n  }\n\n  return particles;\n};\n\nexport const renderBubbleParticle = (particle: Particle): React.ReactNode => {\n  return (\n    <div\n      key={particle.id}\n      style={{\n        width: `${particle.size}px`,\n        height: `${particle.size}px`,\n        backgroundColor: particle.color,\n        borderRadius: '50%',\n        border: '2px solid rgba(255, 255, 255, 0.6)',\n        backgroundImage: 'radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.8), transparent)',\n        boxShadow: `\n          inset 0 0 ${particle.size * 0.3}px rgba(255, 255, 255, 0.4),\n          0 0 ${particle.size * 0.5}px ${particle.color}\n        `,\n      }}\n    />\n  );\n};"],"names":[],"mappings":";;;;AAEO,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,GAAW,KAAY;AAChE,IAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG;AAC1C,CAAC;AAMM,MAAM,UAAU,GAAG,MAAa;AACrC,IAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;AACnD,CAAC;;ACRD,MAAM,YAAY,GAAG,CAAC,yBAAyB,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,0BAA0B,CAAC;MAErH,qBAAqB,GAAG,CACnC,MAAgC,EAChC,MAAuB,KACT;IACd,MAAM,EACJ,aAAa,GAAG,EAAE,EAClB,MAAM,GAAG,EAAE,EACX,aAAa,GAAG,EAAE,EAClB,MAAM,GAAG,YAAY,EACrB,WAAW,GAAG,EAAE,EACjB,GAAG,MAAM;IAEV,MAAM,SAAS,GAAe,EAAE;AAEhC,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE;QACtC,SAAS,CAAC,IAAI,CAAC;YACb,EAAE,EAAE,UAAU,EAAE;YAChB,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;YAC5C,CAAC,EAAE,MAAM,CAAC,CAAC;AACX,YAAA,EAAE,EAAE,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC;YACxB,EAAE,EAAE,CAAC,aAAa,CAAC,aAAa,GAAG,GAAG,EAAE,aAAa,GAAG,GAAG,CAAC;AAC5D,YAAA,IAAI,EAAE,MAAM,CAAC,QAAQ,IAAI,GAAG;AAC5B,YAAA,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,aAAa,CAAC,WAAW,GAAG,GAAG,EAAE,WAAW,GAAG,GAAG,CAAC;AACzD,YAAA,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC;AACtE,SAAA,CAAC;;AAGJ,IAAA,OAAO,SAAS;AAClB;AAEa,MAAA,oBAAoB,GAAG,CAAC,QAAkB,KAAqB;IAC1E,QACE,6BACE,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,CAAA,EAAG,QAAQ,CAAC,IAAI,CAAI,EAAA,CAAA;AAC3B,YAAA,MAAM,EAAE,CAAA,EAAG,QAAQ,CAAC,IAAI,CAAI,EAAA,CAAA;YAC5B,eAAe,EAAE,QAAQ,CAAC,KAAK;AAC/B,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,MAAM,EAAE,oCAAoC;AAC5C,YAAA,eAAe,EAAE,2EAA2E;AAC5F,YAAA,SAAS,EAAE;sBACG,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAA;AACzB,cAAA,EAAA,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAM,GAAA,EAAA,QAAQ,CAAC,KAAK;AAC9C,QAAA,CAAA;AACF,SAAA,EAAA,CACD;AAEN;;;;;"}

package/dist/animations/confetti.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AnimationConfig, Particle } from '../types';
+export declare const createConfettiParticles: (origin: {
+    x: number;
+    y: number;
+}, config: AnimationConfig) => Particle[];
+export declare const renderConfettiParticle: (particle: Particle) => React.ReactNode;
+//# sourceMappingURL=confetti.d.ts.map

package/dist/animations/confetti.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confetti.d.ts","sourceRoot":"","sources":["../../src/animations/confetti.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKrD,eAAO,MAAM,uBAAuB,GAClC,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,QAAQ,eAAe,KACtB,QAAQ,EA8BV,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,UAAU,QAAQ,KAAG,KAAK,CAAC,SAajE,CAAC"}

package/dist/animations/confetti.esm.js

@@ -0,0 +1,50 @@
+import React from 'react';
+
+const randomInRange = (min, max) => {
+    return Math.random() * (max - min) + min;
+};
+const degreesToRadians = (degrees) => {
+    return (degrees * Math.PI) / 180;
+};
+const generateId = () => {
+    return Math.random().toString(36).substring(2, 9);
+};
+const getRandomColor = (colors) => {
+    return colors[Math.floor(Math.random() * colors.length)] || colors[0];
+};
+
+const defaultColors = ['#f44336', '#e91e63', '#9c27b0', '#673ab7', '#3f51b5', '#2196f3', '#03a9f4', '#00bcd4', '#009688', '#4caf50', '#8bc34a', '#cddc39', '#ffeb3b', '#ffc107', '#ff9800', '#ff5722'];
+const createConfettiParticles = (origin, config) => {
+    const { particleCount = 50, startVelocity = 55, colors = defaultColors, elementSize = 20 } = config;
+    const particles = [];
+    for (let i = 0; i < particleCount; i++) {
+        const angle = randomInRange(0, 360);
+        const velocity = randomInRange(startVelocity * 0.5, startVelocity);
+        const color = getRandomColor(colors);
+        particles.push({
+            id: generateId(),
+            x: origin.x,
+            y: origin.y,
+            vx: Math.cos(degreesToRadians(angle)) * velocity,
+            vy: Math.sin(degreesToRadians(angle)) * velocity - 30,
+            life: config.lifetime || 150,
+            opacity: 1,
+            size: randomInRange(elementSize * 0.7, elementSize * 1.5),
+            rotation: randomInRange(0, 360),
+            color,
+        });
+    }
+    return particles;
+};
+const renderConfettiParticle = (particle) => {
+    return (React.createElement("div", { key: particle.id, style: {
+            width: `${particle.size}px`,
+            height: `${particle.size * 0.6}px`,
+            backgroundColor: particle.color,
+            borderRadius: '3px',
+            boxShadow: '0 2px 4px rgba(0,0,0,0.2)',
+        } }));
+};
+
+export { createConfettiParticles, renderConfettiParticle };
+//# sourceMappingURL=confetti.esm.js.map

package/dist/animations/confetti.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confetti.esm.js","sources":["../../src/utils.ts","../../src/animations/confetti.tsx"],"sourcesContent":["import { Particle } from './types';\n\nexport const randomInRange = (min: number, max: number): number => {\n  return Math.random() * (max - min) + min;\n};\n\nexport const degreesToRadians = (degrees: number): number => {\n  return (degrees * Math.PI) / 180;\n};\n\nexport const generateId = (): string => {\n  return Math.random().toString(36).substring(2, 9);\n};\n\nexport const getRandomColor = (colors: string[]): string => {\n  return colors[Math.floor(Math.random() * colors.length)] || colors[0];\n};\n\nexport const createParticleStyle = (\n  particle: Particle,\n  containerRect: DOMRect\n): React.CSSProperties => {\n  return {\n    position: 'absolute',\n    left: `${particle.x - containerRect.left}px`,\n    top: `${particle.y - containerRect.top}px`,\n    transform: `rotate(${particle.rotation}deg)`,\n    opacity: particle.opacity,\n    pointerEvents: 'none',\n    transition: 'none',\n    willChange: 'transform, opacity',\n  };\n};","import React from 'react';\nimport { AnimationConfig, Particle } from '../types';\nimport { randomInRange, degreesToRadians, generateId, getRandomColor } from '../utils';\n\nconst defaultColors = ['#f44336', '#e91e63', '#9c27b0', '#673ab7', '#3f51b5', '#2196f3', '#03a9f4', '#00bcd4', '#009688', '#4caf50', '#8bc34a', '#cddc39', '#ffeb3b', '#ffc107', '#ff9800', '#ff5722'];\n\nexport const createConfettiParticles = (\n  origin: { x: number; y: number },\n  config: AnimationConfig\n): Particle[] => {\n  const {\n    particleCount = 50,\n    startVelocity = 55,\n    colors = defaultColors,\n    elementSize = 20\n  } = config;\n\n  const particles: Particle[] = [];\n\n  for (let i = 0; i < particleCount; i++) {\n    const angle = randomInRange(0, 360);\n    const velocity = randomInRange(startVelocity * 0.5, startVelocity);\n    const color = getRandomColor(colors);\n\n    particles.push({\n      id: generateId(),\n      x: origin.x,\n      y: origin.y,\n      vx: Math.cos(degreesToRadians(angle)) * velocity,\n      vy: Math.sin(degreesToRadians(angle)) * velocity - 30,\n      life: config.lifetime || 150,\n      opacity: 1,\n      size: randomInRange(elementSize * 0.7, elementSize * 1.5),\n      rotation: randomInRange(0, 360),\n      color,\n    });\n  }\n\n  return particles;\n};\n\nexport const renderConfettiParticle = (particle: Particle): React.ReactNode => {\n  return (\n    <div\n      key={particle.id}\n      style={{\n        width: `${particle.size}px`,\n        height: `${particle.size * 0.6}px`,\n        backgroundColor: particle.color,\n        borderRadius: '3px',\n        boxShadow: '0 2px 4px rgba(0,0,0,0.2)',\n      }}\n    />\n  );\n};"],"names":[],"mappings":";;AAEO,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,GAAW,KAAY;AAChE,IAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG;AAC1C,CAAC;AAEM,MAAM,gBAAgB,GAAG,CAAC,OAAe,KAAY;IAC1D,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,IAAI,GAAG;AAClC,CAAC;AAEM,MAAM,UAAU,GAAG,MAAa;AACrC,IAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;AACnD,CAAC;AAEM,MAAM,cAAc,GAAG,CAAC,MAAgB,KAAY;IACzD,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC;AACvE,CAAC;;ACZD,MAAM,aAAa,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;MAEzL,uBAAuB,GAAG,CACrC,MAAgC,EAChC,MAAuB,KACT;AACd,IAAA,MAAM,EACJ,aAAa,GAAG,EAAE,EAClB,aAAa,GAAG,EAAE,EAClB,MAAM,GAAG,aAAa,EACtB,WAAW,GAAG,EAAE,EACjB,GAAG,MAAM;IAEV,MAAM,SAAS,GAAe,EAAE;AAEhC,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE;QACtC,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,EAAE,GAAG,CAAC;QACnC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,GAAG,GAAG,EAAE,aAAa,CAAC;AAClE,QAAA,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC;QAEpC,SAAS,CAAC,IAAI,CAAC;YACb,EAAE,EAAE,UAAU,EAAE;YAChB,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,GAAG,QAAQ;AAChD,YAAA,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,GAAG,QAAQ,GAAG,EAAE;AACrD,YAAA,IAAI,EAAE,MAAM,CAAC,QAAQ,IAAI,GAAG;AAC5B,YAAA,OAAO,EAAE,CAAC;YACV,IAAI,EAAE,aAAa,CAAC,WAAW,GAAG,GAAG,EAAE,WAAW,GAAG,GAAG,CAAC;AACzD,YAAA,QAAQ,EAAE,aAAa,CAAC,CAAC,EAAE,GAAG,CAAC;YAC/B,KAAK;AACN,SAAA,CAAC;;AAGJ,IAAA,OAAO,SAAS;AAClB;AAEa,MAAA,sBAAsB,GAAG,CAAC,QAAkB,KAAqB;IAC5E,QACE,6BACE,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,CAAA,EAAG,QAAQ,CAAC,IAAI,CAAI,EAAA,CAAA;AAC3B,YAAA,MAAM,EAAE,CAAG,EAAA,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAI,EAAA,CAAA;YAClC,eAAe,EAAE,QAAQ,CAAC,KAAK;AAC/B,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,SAAS,EAAE,2BAA2B;AACvC,SAAA,EAAA,CACD;AAEN;;;;"}