@animateicons/react 0.8.0 → 0.10.0

package/dist/icons/lucide/map-pin-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-KY7HLBVC.js";import"../../chunk-VEXIWKDQ.js";export{a as MapPinIcon};
+"use client";import{a}from"../../chunk-NWSBD5FJ.js";import"../../chunk-VEXIWKDQ.js";export{a as MapPinIcon};

package/dist/icons/lucide/message-circle-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-P5OFYXFQ.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageCircleIcon};
+"use client";import{a}from"../../chunk-Z2SRDIH2.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageCircleIcon};

package/dist/icons/lucide/message-circle-more-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-UGMNONVK.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageCircleMoreIcon};
+"use client";import{a}from"../../chunk-ZAP75CW2.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageCircleMoreIcon};

package/dist/icons/lucide/message-circle-plus-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-MYDNRYOV.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageCirclePlusIcon};
+"use client";import{a}from"../../chunk-KYVTVHLI.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageCirclePlusIcon};

package/dist/icons/lucide/message-circle-x-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-EBQOI2AR.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageCircleXIcon};
+"use client";import{a}from"../../chunk-OQZOG4BX.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageCircleXIcon};

package/dist/icons/lucide/message-square-dot-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-33U3APAP.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageSquareDotIcon};
+"use client";import{a}from"../../chunk-4HFFJUI2.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageSquareDotIcon};

package/dist/icons/lucide/message-square-plus-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-YSMRV37I.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageSquarePlusIcon};
+"use client";import{a}from"../../chunk-CYC4JJ3H.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageSquarePlusIcon};

package/dist/icons/lucide/message-square-text-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-GEYNRL7I.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageSquareTextIcon};
+"use client";import{a}from"../../chunk-G5WTDRMQ.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageSquareTextIcon};

package/dist/icons/lucide/message-square-x-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-QBKRB3AJ.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageSquareXIcon};
+"use client";import{a}from"../../chunk-ZSPIXAZJ.js";import"../../chunk-VEXIWKDQ.js";export{a as MessageSquareXIcon};

package/dist/icons/lucide/move-diagonal-2-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-MDTR74K7.js";import"../../chunk-VEXIWKDQ.js";export{a as MoveDiagonal2Icon};
+"use client";import{a}from"../../chunk-LV3YEOQB.js";import"../../chunk-VEXIWKDQ.js";export{a as MoveDiagonal2Icon};

package/dist/icons/lucide/move-diagonal-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-IRLTGFS6.js";import"../../chunk-VEXIWKDQ.js";export{a as MoveDiagonalIcon};
+"use client";import{a}from"../../chunk-PAA27YJP.js";import"../../chunk-VEXIWKDQ.js";export{a as MoveDiagonalIcon};

package/dist/icons/lucide/move-horizontal-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-VLYNJ5OX.js";import"../../chunk-VEXIWKDQ.js";export{a as MoveHorizontalIcon};
+"use client";import{a}from"../../chunk-4VSQO7MZ.js";import"../../chunk-VEXIWKDQ.js";export{a as MoveHorizontalIcon};

package/dist/icons/lucide/move-vertical-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-YFLH5ARM.js";import"../../chunk-VEXIWKDQ.js";export{a as MoveVerticalIcon};
+"use client";import{a}from"../../chunk-QZHYWHFJ.js";import"../../chunk-VEXIWKDQ.js";export{a as MoveVerticalIcon};

package/dist/icons/lucide/paperclip-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-QY6QPCP7.js";import"../../chunk-VEXIWKDQ.js";export{a as PaperclipIcon};
+"use client";import{a}from"../../chunk-4GC6MGPW.js";import"../../chunk-VEXIWKDQ.js";export{a as PaperclipIcon};

package/dist/icons/lucide/rocket-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-R26JSHXC.js";import"../../chunk-VEXIWKDQ.js";export{a as RocketIcon};
+"use client";import{a}from"../../chunk-JOIR3OFI.js";import"../../chunk-VEXIWKDQ.js";export{a as RocketIcon};

package/dist/icons/lucide/video-icon.js

@@ -1 +1 @@
-"use client";import{a}from"../../chunk-KCDFYHNM.js";import"../../chunk-VEXIWKDQ.js";export{a as VideoIcon};
+"use client";import{a}from"../../chunk-RVXAWA6K.js";import"../../chunk-VEXIWKDQ.js";export{a as VideoIcon};

package/dist/index.cjs

@@ -1,2 +1,2 @@
 "use client";
-'use strict';
+'use strict';var react=require('react');var d="data-animateicon",C=["hover","click","both"],S=["trigger"],R=["icon","trigger"],I=e=>typeof e=="string"&&C.includes(e),h=e=>typeof e=="object"&&e!==null&&!Array.isArray(e),f=e=>{if(typeof e=="string")return JSON.stringify(e);try{return String(e)}catch{return Object.prototype.toString.call(e)}},O=e=>{if(!h(e))throw new TypeError(`useIconHover: options must be an object like { trigger: "click" }, received ${f(e)}.`);let t=Object.keys(e).find(n=>!S.includes(n));if(t!==void 0)throw new TypeError(`useIconHover: unknown option "${t}". The only option is "trigger".`);let{trigger:r="hover"}=e;if(I(r))return {list:false,entries:[{icon:"",trigger:r}]};if(!Array.isArray(r))throw new TypeError(`useIconHover: "trigger" must be "hover", "click", "both" or a list like [{ icon: "bell", trigger: "click" }], received ${f(r)}.`);if(r.length===0)throw new RangeError('useIconHover: "trigger" must not be an empty list.');let g=new Set;return {list:true,entries:r.map((n,l)=>{let c=`trigger[${l}]`;if(!h(n))throw new TypeError(`useIconHover: ${c} must be an object like { icon: "bell", trigger: "click" }, received ${f(n)}.`);let s=Object.keys(n).find(o=>!R.includes(o));if(s!==void 0)throw new TypeError(`useIconHover: ${c} has an unknown key "${s}". Valid keys are "icon" and "trigger".`);if(typeof n.icon!="string"||n.icon==="")throw new TypeError(`useIconHover: ${c}.icon must be a non-empty string, received ${f(n.icon)}.`);if(!I(n.trigger))throw new TypeError(`useIconHover: ${c}.trigger must be "hover", "click" or "both", received ${f(n.trigger)}.`);if(g.has(n.icon))throw new TypeError(`useIconHover: the icon ${f(n.icon)} appears more than once in "trigger". Each icon name must be unique.`);return g.add(n.icon),{icon:n.icon,trigger:n.trigger}})}},$=e=>{typeof requestAnimationFrame=="function"?requestAnimationFrame(e):setTimeout(e,0);},A=e=>{let t=e?.currentTarget;return t&&typeof t.querySelectorAll=="function"?t:void 0},x=e=>{let t=new Set,r=e.getAttribute(d);return r&&t.add(r),e.querySelectorAll(`[${d}]`).forEach(g=>{let u=g.getAttribute(d);u&&t.add(u);}),t},m=e=>e!=="click",v=e=>e!=="hover";function M(e={}){let{list:t,entries:r}=O(e),g=react.useId(),u=JSON.stringify(r);return react.useMemo(()=>{let n=JSON.parse(u).map(o=>({...o,marker:`${g}:${o.icon}`,ref:{current:null}})),l=(o,i,a)=>{let y=a?x(a):void 0;n.forEach(({icon:w,marker:T,trigger:E,ref:k})=>{let p=k.current;if(!(!p||!o(E))&&!(y&&!y.has(T))){if(typeof p.startAnimation!="function"||typeof p.stopAnimation!="function")throw new TypeError(`useIconHover: ${t?`icon.${w}`:"ref"} is attached to something that is not an AnimateIcons icon. Pass it to an icon component.`);i(p);}});},c=o=>t?A(o):void 0,s={};return n.some(({trigger:o})=>m(o))&&(s.onMouseEnter=o=>l(m,i=>i.startAnimation(),c(o)),s.onMouseLeave=o=>l(m,i=>i.stopAnimation(),c(o))),n.some(({trigger:o})=>v(o))&&(s.onClick=o=>{let i=c(o);$(()=>l(v,a=>a.startAnimation(),i));}),t?{icon:Object.fromEntries(n.map(({icon:o,marker:i,ref:a})=>[o,{ref:a,[d]:i}])),trigger:s}:{ref:n[0].ref,triggerProps:s}},[u,t,g])}exports.useIconHover=M;

package/dist/index.d.cts

@@ -1,3 +1,5 @@
+import { RefObject, SyntheticEvent } from 'react';
+
 /**
  * Canonical handle exposed by every @animateicons/react icon's
  * `forwardRef`. Each icon also re-exports its own named alias
@@ -8,4 +10,38 @@ type IconHandle = {
     stopAnimation: () => void;
 };
 
-export type { IconHandle };
+type IconTrigger = "hover" | "click" | "both";
+type IconConfig = {
+    icon: string;
+    trigger: IconTrigger;
+};
+type IconTriggerProps = {
+    onMouseEnter?: (event?: SyntheticEvent<HTMLElement>) => void;
+    onMouseLeave?: (event?: SyntheticEvent<HTMLElement>) => void;
+    onClick?: (event?: SyntheticEvent<HTMLElement>) => void;
+};
+type IconRef = RefObject<IconHandle | null>;
+type IconRefProps = {
+    ref: IconRef;
+    "data-animateicon": string;
+};
+type SingleOptions = {
+    trigger?: IconTrigger;
+};
+type ConfigOptions<C extends readonly IconConfig[]> = {
+    trigger: C;
+};
+type SingleResult = {
+    ref: IconRef;
+    triggerProps: IconTriggerProps;
+};
+type ConfigResult<C extends readonly IconConfig[]> = {
+    icon: {
+        [K in C[number]["icon"]]: IconRefProps;
+    };
+    trigger: IconTriggerProps;
+};
+declare function useIconHover(options?: SingleOptions): SingleResult;
+declare function useIconHover<const C extends readonly IconConfig[]>(options: ConfigOptions<C>): ConfigResult<C>;
+
+export { type IconConfig, type IconHandle, type IconTrigger, useIconHover };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import { RefObject, SyntheticEvent } from 'react';
+
 /**
  * Canonical handle exposed by every @animateicons/react icon's
  * `forwardRef`. Each icon also re-exports its own named alias
@@ -8,4 +10,38 @@ type IconHandle = {
     stopAnimation: () => void;
 };
 
-export type { IconHandle };
+type IconTrigger = "hover" | "click" | "both";
+type IconConfig = {
+    icon: string;
+    trigger: IconTrigger;
+};
+type IconTriggerProps = {
+    onMouseEnter?: (event?: SyntheticEvent<HTMLElement>) => void;
+    onMouseLeave?: (event?: SyntheticEvent<HTMLElement>) => void;
+    onClick?: (event?: SyntheticEvent<HTMLElement>) => void;
+};
+type IconRef = RefObject<IconHandle | null>;
+type IconRefProps = {
+    ref: IconRef;
+    "data-animateicon": string;
+};
+type SingleOptions = {
+    trigger?: IconTrigger;
+};
+type ConfigOptions<C extends readonly IconConfig[]> = {
+    trigger: C;
+};
+type SingleResult = {
+    ref: IconRef;
+    triggerProps: IconTriggerProps;
+};
+type ConfigResult<C extends readonly IconConfig[]> = {
+    icon: {
+        [K in C[number]["icon"]]: IconRefProps;
+    };
+    trigger: IconTriggerProps;
+};
+declare function useIconHover(options?: SingleOptions): SingleResult;
+declare function useIconHover<const C extends readonly IconConfig[]>(options: ConfigOptions<C>): ConfigResult<C>;
+
+export { type IconConfig, type IconHandle, type IconTrigger, useIconHover };

package/dist/index.js

@@ -1 +1,2 @@
 "use client";
+import{useId as b,useMemo as H}from"react";var d="data-animateicon",C=["hover","click","both"],S=["trigger"],R=["icon","trigger"],I=e=>typeof e=="string"&&C.includes(e),h=e=>typeof e=="object"&&e!==null&&!Array.isArray(e),f=e=>{if(typeof e=="string")return JSON.stringify(e);try{return String(e)}catch{return Object.prototype.toString.call(e)}},O=e=>{if(!h(e))throw new TypeError(`useIconHover: options must be an object like { trigger: "click" }, received ${f(e)}.`);let t=Object.keys(e).find(n=>!S.includes(n));if(t!==void 0)throw new TypeError(`useIconHover: unknown option "${t}". The only option is "trigger".`);let{trigger:r="hover"}=e;if(I(r))return{list:!1,entries:[{icon:"",trigger:r}]};if(!Array.isArray(r))throw new TypeError(`useIconHover: "trigger" must be "hover", "click", "both" or a list like [{ icon: "bell", trigger: "click" }], received ${f(r)}.`);if(r.length===0)throw new RangeError('useIconHover: "trigger" must not be an empty list.');let g=new Set;return{list:!0,entries:r.map((n,l)=>{let c=`trigger[${l}]`;if(!h(n))throw new TypeError(`useIconHover: ${c} must be an object like { icon: "bell", trigger: "click" }, received ${f(n)}.`);let s=Object.keys(n).find(o=>!R.includes(o));if(s!==void 0)throw new TypeError(`useIconHover: ${c} has an unknown key "${s}". Valid keys are "icon" and "trigger".`);if(typeof n.icon!="string"||n.icon==="")throw new TypeError(`useIconHover: ${c}.icon must be a non-empty string, received ${f(n.icon)}.`);if(!I(n.trigger))throw new TypeError(`useIconHover: ${c}.trigger must be "hover", "click" or "both", received ${f(n.trigger)}.`);if(g.has(n.icon))throw new TypeError(`useIconHover: the icon ${f(n.icon)} appears more than once in "trigger". Each icon name must be unique.`);return g.add(n.icon),{icon:n.icon,trigger:n.trigger}})}},$=e=>{typeof requestAnimationFrame=="function"?requestAnimationFrame(e):setTimeout(e,0)},A=e=>{let t=e?.currentTarget;return t&&typeof t.querySelectorAll=="function"?t:void 0},x=e=>{let t=new Set,r=e.getAttribute(d);return r&&t.add(r),e.querySelectorAll(`[${d}]`).forEach(g=>{let u=g.getAttribute(d);u&&t.add(u)}),t},m=e=>e!=="click",v=e=>e!=="hover";function M(e={}){let{list:t,entries:r}=O(e),g=b(),u=JSON.stringify(r);return H(()=>{let n=JSON.parse(u).map(o=>({...o,marker:`${g}:${o.icon}`,ref:{current:null}})),l=(o,i,a)=>{let y=a?x(a):void 0;n.forEach(({icon:w,marker:T,trigger:E,ref:k})=>{let p=k.current;if(!(!p||!o(E))&&!(y&&!y.has(T))){if(typeof p.startAnimation!="function"||typeof p.stopAnimation!="function")throw new TypeError(`useIconHover: ${t?`icon.${w}`:"ref"} is attached to something that is not an AnimateIcons icon. Pass it to an icon component.`);i(p)}})},c=o=>t?A(o):void 0,s={};return n.some(({trigger:o})=>m(o))&&(s.onMouseEnter=o=>l(m,i=>i.startAnimation(),c(o)),s.onMouseLeave=o=>l(m,i=>i.stopAnimation(),c(o))),n.some(({trigger:o})=>v(o))&&(s.onClick=o=>{let i=c(o);$(()=>l(v,a=>a.startAnimation(),i))}),t?{icon:Object.fromEntries(n.map(({icon:o,marker:i,ref:a})=>[o,{ref:a,[d]:i}])),trigger:s}:{ref:n[0].ref,triggerProps:s}},[u,t,g])}export{M as useIconHover};