@jepepa/like-button 0.8.0 → 0.8.1

package/README.md

@@ -69,7 +69,7 @@ function App() {
 
 ### Built-in Presets
 
-Choose from 5 professionally designed particle effects:
+Choose from 5 designed particle effects:
 
 ```tsx
 // Quick explosion of hearts (12 particles)
@@ -90,7 +90,7 @@ Choose from 5 professionally designed particle effects:
 
 ### Custom Particle Configuration
 
-Fully customize particle behavior:
+Or fully customize particle behavior:
 
 ```tsx
 <LikeButton particleConfig={{

package/dist/{chunk-WTGBDIZW.js → chunk-BQEOACLZ.js}

@@ -830,12 +830,10 @@ function LikeButtonVanilla({
 
 export {
   DefaultHeartIcon,
-  useParticle,
-  Particle,
+  PARTICLE_PRESETS,
   LIKE_BUTTON_DEFAULTS,
   useLikeButton,
   LikeButton,
-  ParticleVanilla,
   LikeButtonVanilla
 };
-//# sourceMappingURL=chunk-WTGBDIZW.js.map
+//# sourceMappingURL=chunk-BQEOACLZ.js.map

package/dist/index.d.ts

@@ -182,6 +182,13 @@ interface ParticleConfig {
      */
     fadeOut?: boolean;
 }
+/**
+ * Preset configuration type.
+ * Used internally to define preset configurations.
+ */
+type ParticlePresetConfig = Required<Omit<ParticleConfig, "shape">> & {
+    shape: ParticleShapePreset;
+};
 
 /** Data structure for a single particle effect */
 interface ParticleData {
@@ -515,66 +522,18 @@ declare function LikeButton({ size, fillColor, waveColor, className, showParticl
  */
 declare function LikeButtonVanilla({ size, fillColor, waveColor, className, showParticles, renderIcon, shape, styles, cursor, minFillPercent, ...hookOptions }: LikeButtonVanillaProps): react_jsx_runtime.JSX.Element;
 
-/** Props for particle components */
-interface ParticleProps {
-    /** Angle in degrees (0-360) for particle direction */
-    angle: number;
-    /** Distance in pixels the particle travels */
-    distance: number;
-    /** Scale multiplier for particle size */
-    scale: number;
-    /** Color of the particle (hex or CSS color) */
-    color: string;
-    /** Particle shape (preset or custom) */
-    shape: ParticleShape;
-    /** Animation duration in milliseconds */
-    speed: number;
-    /** CSS easing function for animation */
-    easing: string;
-    /** Whether particle should fade out */
-    fadeOut: boolean;
-}
-/** Return type for the useParticle hook */
-interface UseParticleReturn {
-    /** Whether the animation has started */
-    isAnimating: boolean;
-    /** X position offset in pixels */
-    x: number;
-    /** Y position offset in pixels */
-    y: number;
-    /** Computed transform string */
-    transform: string;
-    /** Computed opacity value */
-    opacity: number;
-    /** Animation duration in milliseconds */
-    speed: number;
-    /** CSS easing function */
-    easing: string;
-    /** Whether to fade out */
-    fadeOut: boolean;
-}
 /**
- * Headless hook for particle animation logic.
- * Handles animation state and position calculations.
- */
-declare function useParticle({ angle, distance, scale, speed, easing, fadeOut, }: Pick<ParticleProps, "angle" | "distance" | "scale" | "speed" | "easing" | "fadeOut">): UseParticleReturn;
-
-/**
- * Particle - Animated particle for burst effects.
- * This version uses Tailwind CSS for styling.
+ * Built-in particle effect presets.
+ * Each preset provides a distinct visual effect optimized for different use cases.
  *
- * Supports multiple shapes (heart, star, circle, square, sparkle) and custom shapes.
- * Animation is fully configurable via speed, easing, and fadeOut props.
- */
-declare function Particle({ angle, distance, scale, color, shape, speed, easing, fadeOut, }: ParticleProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Particle - Animated particle for burst effects.
- * This version uses vanilla CSS (no Tailwind dependency).
+ * @example
+ * ```tsx
+ * import { PARTICLE_PRESETS } from '@jepepa/like-button';
  *
- * Supports multiple shapes (heart, star, circle, square, sparkle) and custom shapes.
- * Animation is fully configurable via speed, easing, and fadeOut props.
+ * // Use a preset directly
+ * const burstConfig = PARTICLE_PRESETS.burst;
+ * ```
  */
-declare function ParticleVanilla({ angle, distance, scale, color, shape, speed, easing, fadeOut, }: ParticleProps): react_jsx_runtime.JSX.Element;
+declare const PARTICLE_PRESETS: Record<ParticlePreset, ParticlePresetConfig>;
 
-export { type BaseLikeButtonProps, type Cursor, type CursorPreset, type CustomCursor, type CustomShape, DefaultHeartIcon, type IconRenderProps, LIKE_BUTTON_DEFAULTS, LikeButton, type LikeButtonProps, LikeButtonVanilla, type LikeButtonVanillaProps, Particle, type ParticleData, type ParticleProps, ParticleVanilla, type Shape, type ShapePreset, type StyleOverrides, type UseLikeButtonOptions, type UseLikeButtonReturn, type UseParticleReturn, LikeButton as default, useLikeButton, useParticle };
+export { type BaseLikeButtonProps, type Cursor, type CursorPreset, type CustomCursor, type CustomParticleShape, type CustomShape, DefaultHeartIcon, type IconRenderProps, LIKE_BUTTON_DEFAULTS, LikeButton, type LikeButtonProps, LikeButtonVanilla, type LikeButtonVanillaProps, PARTICLE_PRESETS, type ParticleConfig, type ParticleData, type ParticlePreset, type ParticleShape, type ParticleShapePreset, type ParticleShapeProps, type Range, type Shape, type ShapePreset, type StyleOverrides, type UseLikeButtonOptions, type UseLikeButtonReturn, LikeButton as default, useLikeButton };

package/dist/index.js

@@ -3,20 +3,16 @@ import {
   LIKE_BUTTON_DEFAULTS,
   LikeButton,
   LikeButtonVanilla,
-  Particle,
-  ParticleVanilla,
-  useLikeButton,
-  useParticle
-} from "./chunk-WTGBDIZW.js";
+  PARTICLE_PRESETS,
+  useLikeButton
+} from "./chunk-BQEOACLZ.js";
 export {
   DefaultHeartIcon,
   LIKE_BUTTON_DEFAULTS,
   LikeButton,
   LikeButtonVanilla,
-  Particle,
-  ParticleVanilla,
+  PARTICLE_PRESETS,
   LikeButton as default,
-  useLikeButton,
-  useParticle
+  useLikeButton
 };
 //# sourceMappingURL=index.js.map

package/dist/vanilla.d.ts

@@ -1,2 +1,2 @@
-export { BaseLikeButtonProps, Cursor, CursorPreset, CustomCursor, CustomShape, DefaultHeartIcon, IconRenderProps, LIKE_BUTTON_DEFAULTS, LikeButton, LikeButtonProps, LikeButtonVanilla, LikeButtonVanillaProps, Particle, ParticleData, ParticleProps, ParticleVanilla, Shape, ShapePreset, StyleOverrides, UseLikeButtonOptions, UseLikeButtonReturn, UseParticleReturn, LikeButtonVanilla as default, useLikeButton, useParticle } from './index.js';
+export { BaseLikeButtonProps, Cursor, CursorPreset, CustomCursor, CustomParticleShape, CustomShape, DefaultHeartIcon, IconRenderProps, LIKE_BUTTON_DEFAULTS, LikeButton, LikeButtonProps, LikeButtonVanilla, LikeButtonVanillaProps, PARTICLE_PRESETS, ParticleConfig, ParticleData, ParticlePreset, ParticleShape, ParticleShapePreset, ParticleShapeProps, Range, Shape, ShapePreset, StyleOverrides, UseLikeButtonOptions, UseLikeButtonReturn, LikeButtonVanilla as default, useLikeButton } from './index.js';
 import 'react/jsx-runtime';

package/dist/vanilla.js

@@ -3,20 +3,16 @@ import {
   LIKE_BUTTON_DEFAULTS,
   LikeButton,
   LikeButtonVanilla,
-  Particle,
-  ParticleVanilla,
-  useLikeButton,
-  useParticle
-} from "./chunk-WTGBDIZW.js";
+  PARTICLE_PRESETS,
+  useLikeButton
+} from "./chunk-BQEOACLZ.js";
 export {
   DefaultHeartIcon,
   LIKE_BUTTON_DEFAULTS,
   LikeButton,
   LikeButtonVanilla,
-  Particle,
-  ParticleVanilla,
+  PARTICLE_PRESETS,
   LikeButtonVanilla as default,
-  useLikeButton,
-  useParticle
+  useLikeButton
 };
 //# sourceMappingURL=vanilla.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jepepa/like-button",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "Animated like button with liquid fill and particle effects",
   "type": "module",
   "main": "./dist/index.js",