aliveicon 1.0.2 → 1.0.4

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("framer-motion");exports.ClockIcon=({size:o=48,color:i="blue",className:s="",onClick:t})=>e.jsxs(r.motion.svg,{onClick:t,className:`w-[${o}px] h-[${o}px] ${s}`,viewBox:"0 0 24 24",fill:"none",stroke:i,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",animate:{rotate:360},transition:{repeat:1/0,duration:10,ease:"linear"},children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("polyline",{points:"12 6 12 12 16 14"})]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("framer-motion"),r=require("react");const n=r.forwardRef((({className:n="",size:i=28,...a},o)=>{const s=t.useAnimation(),l=r.useRef(!1);r.useImperativeHandle(o,(()=>({...o?.current,startAnimation:()=>(l.current=!0,s.start("animate")),stopAnimation:()=>(l.current=!0,s.start("normal"))})));const m=r.useCallback((e=>{l.current?a.onMouseEnter?.(e):s.start("animate")}),[s,a]),c=r.useCallback((e=>{l.current?a.onMouseLeave?.(e):s.start("normal")}),[s,a]);return e.jsx("div",{className:`inline-flex items-center justify-center ${n}`,onMouseEnter:m,onMouseLeave:c,...a,children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-current",children:[e.jsxs(t.motion.g,{transition:{type:"spring",stiffness:250,damping:25},variants:{normal:{rotate:"0deg"},animate:{rotate:"-50deg"}},animate:s,initial:"normal",children:[e.jsx("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),e.jsx("path",{d:"M3 3v5h5"})]}),e.jsx(t.motion.line,{x1:"12",y1:"12",x2:"12",y2:"7",variants:{normal:{rotate:0,originX:"50%",originY:"50%"},animate:{rotate:-360}},animate:s,initial:"normal",transition:{duration:.6,ease:[.4,0,.2,1]}}),e.jsx(t.motion.line,{x1:"12",y1:"12",x2:"16",y2:"14",variants:{normal:{rotate:0,originX:"50%",originY:"50%"},animate:{rotate:-45}},animate:s,initial:"normal",transition:{duration:.5,ease:"easeInOut"}})]})})}));n.displayName="History",exports.Clock=({size:r=24,color:n="currentColor",className:i=""})=>e.jsxs(t.motion.svg,{className:i,width:r,height:r,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:{rotate:0},animate:{rotate:360},transition:{repeat:1/0,duration:4,ease:"linear"},children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("polyline",{points:"12 6 12 12 16 14"})]}),exports.History=n;
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{motion as r}from"framer-motion";const i=({size:i=48,color:n="blue",className:t="",onClick:a})=>e(r.svg,{onClick:a,className:`w-[${i}px] h-[${i}px] ${t}`,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",animate:{rotate:360},transition:{repeat:1/0,duration:10,ease:"linear"},children:[o("circle",{cx:"12",cy:"12",r:"10"}),o("polyline",{points:"12 6 12 12 16 14"})]});export{i as ClockIcon};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{motion as n,useAnimation as r}from"framer-motion";import{forwardRef as i,useRef as a,useImperativeHandle as o,useCallback as s}from"react";const l=({size:r=24,color:i="currentColor",className:a=""})=>t(n.svg,{className:a,width:r,height:r,viewBox:"0 0 24 24",fill:"none",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:{rotate:0},animate:{rotate:360},transition:{repeat:1/0,duration:4,ease:"linear"},children:[e("circle",{cx:"12",cy:"12",r:"10"}),e("polyline",{points:"12 6 12 12 16 14"})]}),m=i((({className:i="",size:l=28,...m},c)=>{const u=r(),d=a(!1);o(c,(()=>({...c?.current,startAnimation:()=>(d.current=!0,u.start("animate")),stopAnimation:()=>(d.current=!0,u.start("normal"))})));const p=s((t=>{d.current?m.onMouseEnter?.(t):u.start("animate")}),[u,m]),h=s((t=>{d.current?m.onMouseLeave?.(t):u.start("normal")}),[u,m]);return e("div",{className:`inline-flex items-center justify-center ${i}`,onMouseEnter:p,onMouseLeave:h,...m,children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:l,height:l,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-current",children:[t(n.g,{transition:{type:"spring",stiffness:250,damping:25},variants:{normal:{rotate:"0deg"},animate:{rotate:"-50deg"}},animate:u,initial:"normal",children:[e("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),e("path",{d:"M3 3v5h5"})]}),e(n.line,{x1:"12",y1:"12",x2:"12",y2:"7",variants:{normal:{rotate:0,originX:"50%",originY:"50%"},animate:{rotate:-360}},animate:u,initial:"normal",transition:{duration:.6,ease:[.4,0,.2,1]}}),e(n.line,{x1:"12",y1:"12",x2:"16",y2:"14",variants:{normal:{rotate:0,originX:"50%",originY:"50%"},animate:{rotate:-45}},animate:u,initial:"normal",transition:{duration:.5,ease:"easeInOut"}})]})})}));m.displayName="History";export{l as Clock,m as History};
 //# sourceMappingURL=index.js.map

package/dist/types/icons/ClockIcon.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
+import React from "react";
 type Props = {
     size?: number;
     color?: string;
     className?: string;
-    onClick?: () => void;
 };
-export declare const ClockIcon: React.FC<Props>;
+export declare const Clock: React.FC<Props>;
 export {};

package/dist/types/icons/History.d.ts

@@ -0,0 +1,6 @@
+interface HistoryProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    size?: number;
+}
+export declare const History: import("react").ForwardRefExoticComponent<HistoryProps & import("react").RefAttributes<HTMLDivElement>>;
+export default History;

package/dist/types/index.d.ts

@@ -1 +1,2 @@
-export { ClockIcon } from './icons/ClockIcon';
+export { Clock } from './icons/ClockIcon';
+export { History } from './icons/History';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aliveicon",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "This is a project for animated icons library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -32,12 +32,13 @@
   "homepage": "https://github.com/Hemang-patel-9/aliveicon#readme",
   "dependencies": {
     "framer-motion": "^10.0.0",
-    "react": "19.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "tailwindcss": "^4.1.6"
   },
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "framer-motion": "^10.0.0"
   },
   "devDependencies": {
@@ -55,8 +56,8 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "typescript": "^5.8.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "framer-motion": "^10.0.0"
   }
 }