nfx-ui 0.20.0 → 0.22.0

package/dist/animations/mail-filled-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-filled-icon.js","names":[],"sources":["../../src/animations/mail-filled-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst MailFilledIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      await animate(\n        \".mail-open\",\n        {\n          rotateX: -60,\n          transformOrigin: \"50% 0%\",\n        },\n        {\n          duration: 0.5,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".mail-open\",\n        {\n          rotateX: 0,\n          transformOrigin: \"50% 0%\",\n        },\n        {\n          duration: 0.5,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`${className} cursor-pointer perspective-distant`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <motion.path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path d=\"M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z\" />\n        <motion.path d=\"M3 7l9 6l9 -6\" className=\"mail-open\" />\n      </motion.svg>\n    );\n  },\n);\n\nMailFilledIcon.displayName = \"MailFilledIcon\";\nexport default MailFilledIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAiB,GAEnB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EACpC,MAAM,EACJ,cACA;GACE,SAAS;GACT,iBAAiB;EACnB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,cACA;GACE,SAAS;GACT,iBAAiB;EACnB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,GAAG,EAAU;EACxB,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,EAAO,MAAR;IAAa,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAC1D,kBAAC,EAAO,MAAR,EAAa,GAAE,kFAAmF,CAAA;GAClG,kBAAC,EAAO,MAAR;IAAa,GAAE;IAAgB,WAAU;GAAa,CAAA;EAC5C;;AAEhB,CACF;AAEA,EAAe,cAAc"}

package/dist/animations/map-pin-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const MapPinIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default MapPinIcon;
+//# sourceMappingURL=map-pin-icon.d.ts.map

package/dist/animations/map-pin-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-pin-icon.d.ts","sourceRoot":"","sources":["../../src/animations/map-pin-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,UAAU,kHA0Df,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/dist/animations/map-pin-icon.js

@@ -0,0 +1,48 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n, useRef as r } from "react";
+import { motion as i, useAnimate as a } from "motion/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/animations/map-pin-icon.tsx
+var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, className: u = "" }, d) => {
+	let [f, p] = a(), m = r(!1), h = t(async () => {
+		if (!m.current) for (m.current = !0; m.current && (await p(".pin-dot", { opacity: [
+			1,
+			.4,
+			1
+		] }, {
+			duration: .6,
+			ease: "easeInOut"
+		}), m.current););
+	}, [p]), g = t(() => {
+		m.current = !1, p(".pin-dot", { opacity: 1 }, { duration: .3 });
+	}, [p]);
+	return n(d, () => ({
+		startAnimation: h,
+		stopAnimation: g
+	})), /* @__PURE__ */ s(i.svg, {
+		ref: f,
+		onHoverStart: h,
+		onHoverEnd: g,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: c,
+		strokeWidth: l,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${u}`,
+		style: { overflow: "visible" },
+		children: [/* @__PURE__ */ o("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }), /* @__PURE__ */ o(i.circle, {
+			className: "pin-dot",
+			cx: "12",
+			cy: "10",
+			r: "3"
+		})]
+	});
+});
+c.displayName = "MapPinIcon";
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=map-pin-icon.js.map

package/dist/animations/map-pin-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-pin-icon.js","names":[],"sources":["../../src/animations/map-pin-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback, useRef } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst MapPinIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n    const isAnimatingRef = useRef(false);\n\n    const start = useCallback(async () => {\n      if (isAnimatingRef.current) return;\n      isAnimatingRef.current = true;\n\n      while (isAnimatingRef.current) {\n        // High-Intensity Beacon Pulse (Opacity ONLY, NO Scale, NO Motion)\n        await animate(\n          \".pin-dot\",\n          { opacity: [1, 0.4, 1] },\n          { duration: 0.6, ease: \"easeInOut\" },\n        );\n        if (!isAnimatingRef.current) break;\n      }\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      isAnimatingRef.current = false;\n      animate(\".pin-dot\", { opacity: 1 }, { duration: 0.3 });\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={start}\n        onHoverEnd={stop}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        {/* Pin Body - Perfectly Static */}\n        <path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\" />\n\n        {/* Inner Dot - The Beacon */}\n        <motion.circle className=\"pin-dot\" cx=\"12\" cy=\"10\" r=\"3\" />\n      </motion.svg>\n    );\n  },\n);\n\nMapPinIcon.displayName = \"MapPinIcon\";\nexport default MapPinIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAC9B,IAAiB,EAAO,EAAK,GAE7B,IAAQ,EAAY,YAAY;EAChC,OAAe,SAGnB,KAFA,EAAe,UAAU,IAElB,EAAe,YAEpB,MAAM,EACJ,YACA,EAAE,SAAS;GAAC;GAAG;GAAK;EAAC,EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACK,EAAe;CAExB,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAE7B,AADA,EAAe,UAAU,IACzB,EAAQ,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACvD,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAd/B,UAAA,CAiBE,kBAAC,QAAD,EAAM,GAAE,uGAAwG,CAAA,GAGhH,kBAAC,EAAO,QAAR;GAAe,WAAU;GAAU,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,CAChD;;AAEhB,CACF;AAEA,EAAW,cAAc"}

package/dist/animations/meh-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const MehIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default MehIcon;
+//# sourceMappingURL=meh-icon.d.ts.map

package/dist/animations/meh-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meh-icon.d.ts","sourceRoot":"","sources":["../../src/animations/meh-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,OAAO,kHA6EZ,CAAC;AAGF,eAAe,OAAO,CAAC"}

package/dist/animations/meh-icon.js

@@ -0,0 +1,87 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/meh-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".eyes", { scaleY: [
+			1,
+			.3,
+			1,
+			.3,
+			1
+		] }, {
+			duration: .8,
+			ease: "easeInOut"
+		}), await f(".mouth", { scaleX: [
+			1,
+			.9,
+			1
+		] }, {
+			duration: .5,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".eyes, .mouth", {
+			scaleY: 1,
+			scaleX: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ a(r.line, {
+				className: "mouth",
+				x1: "8",
+				x2: "16",
+				y1: "15",
+				y2: "15",
+				style: { transformOrigin: "12px 15px" }
+			}),
+			/* @__PURE__ */ a(r.line, {
+				className: "eyes",
+				x1: "9",
+				x2: "9.01",
+				y1: "9",
+				y2: "9",
+				style: { transformOrigin: "9px 9px" }
+			}),
+			/* @__PURE__ */ a(r.line, {
+				className: "eyes",
+				x1: "15",
+				x2: "15.01",
+				y1: "9",
+				y2: "9",
+				style: { transformOrigin: "15px 9px" }
+			})
+		]
+	});
+});
+s.displayName = "MehIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=meh-icon.js.map

package/dist/animations/meh-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meh-icon.js","names":[],"sources":["../../src/animations/meh-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst MehIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      animate(\n        \".eyes\",\n        { scaleY: [1, 0.3, 1, 0.3, 1] },\n        { duration: 0.8, ease: \"easeInOut\" },\n      );\n      await animate(\n        \".mouth\",\n        { scaleX: [1, 0.9, 1] },\n        { duration: 0.5, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".eyes, .mouth\",\n        { scaleY: 1, scaleX: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"10\" />\n        <motion.line\n          className=\"mouth\"\n          x1=\"8\"\n          x2=\"16\"\n          y1=\"15\"\n          y2=\"15\"\n          style={{ transformOrigin: \"12px 15px\" }}\n        />\n        <motion.line\n          className=\"eyes\"\n          x1=\"9\"\n          x2=\"9.01\"\n          y1=\"9\"\n          y2=\"9\"\n          style={{ transformOrigin: \"9px 9px\" }}\n        />\n        <motion.line\n          className=\"eyes\"\n          x1=\"15\"\n          x2=\"15.01\"\n          y1=\"9\"\n          y2=\"9\"\n          style={{ transformOrigin: \"15px 9px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nMehIcon.displayName = \"MehIcon\";\nexport default MehIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAU,GAEZ,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAMpC,AALA,EACE,SACA,EAAE,QAAQ;GAAC;GAAG;GAAK;GAAG;GAAK;EAAC,EAAE,GAC9B;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,MAAM,EACJ,UACA,EAAE,QAAQ;GAAC;GAAG;GAAK;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,iBACA;GAAE,QAAQ;GAAG,QAAQ;EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAM,CAAA;GAChC,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;IACH,OAAO,EAAE,iBAAiB,YAAY;GACvC,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;IACH,OAAO,EAAE,iBAAiB,UAAU;GACrC,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;IACH,OAAO,EAAE,iBAAiB,WAAW;GACtC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAQ,cAAc"}

package/dist/animations/message-circle-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const MessageCircleIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default MessageCircleIcon;
+//# sourceMappingURL=message-circle-icon.d.ts.map

package/dist/animations/message-circle-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-circle-icon.d.ts","sourceRoot":"","sources":["../../src/animations/message-circle-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,iBAAiB,kHAuEtB,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/dist/animations/message-circle-icon.js

@@ -0,0 +1,68 @@
+import { forwardRef as e, useImperativeHandle as t } from "react";
+import { motion as n, useAnimate as r } from "motion/react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/animations/message-circle-icon.tsx
+var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
+	let [l, u] = r(), d = async () => {
+		u(".message-path", {
+			pathLength: 0,
+			opacity: 0
+		}, { duration: 0 }), await u(".message-path", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .6,
+			ease: "easeInOut"
+		}), u(".message-path", { scale: [
+			1,
+			1.05,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, f = () => {
+		u(".message-path", {
+			pathLength: 1,
+			opacity: 1,
+			scale: 1
+		}, { duration: .2 });
+	};
+	return t(c, () => ({
+		startAnimation: d,
+		stopAnimation: f
+	})), /* @__PURE__ */ i(n.svg, {
+		ref: l,
+		onHoverStart: () => {
+			d();
+		},
+		onHoverEnd: () => {
+			f();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: a,
+		strokeWidth: o,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${s}`,
+		style: { overflow: "visible" },
+		children: /* @__PURE__ */ i(n.path, {
+			className: "message-path",
+			d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
+			initial: {
+				pathLength: 1,
+				opacity: 1
+			},
+			style: { transformOrigin: "center" }
+		})
+	});
+});
+a.displayName = "MessageCircleIcon";
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=message-circle-icon.js.map

package/dist/animations/message-circle-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-circle-icon.js","names":[],"sources":["../../src/animations/message-circle-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst MessageCircleIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      // reset first\n      animate(\".message-path\", { pathLength: 0, opacity: 0 }, { duration: 0 });\n\n      await animate(\n        \".message-path\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n\n      animate(\n        \".message-path\",\n        { scale: [1, 1.05, 1] },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\n        \".message-path\",\n        { pathLength: 1, opacity: 1, scale: 1 },\n        { duration: 0.2 },\n      );\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        <motion.path\n          className=\"message-path\"\n          d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"\n          initial={{ pathLength: 1, opacity: 1 }}\n          style={{ transformOrigin: \"center\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nMessageCircleIcon.displayName = \"MessageCircleIcon\";\n\nexport default MessageCircleIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAoB,GAEtB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAUxB,AARA,EAAQ,iBAAiB;GAAE,YAAY;GAAG,SAAS;EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,GAEvE,MAAM,EACJ,iBACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GAEA,EACE,iBACA,EAAE,OAAO;GAAC;GAAG;GAAM;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EACjB,EACE,iBACA;GAAE,YAAY;GAAG,SAAS;GAAG,OAAO;EAAE,GACtC,EAAE,UAAU,GAAI,CAClB;CACF;CAeA,OAbA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAWA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAE7B,UAAA,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,SAAS;IAAE,YAAY;IAAG,SAAS;GAAE;GACrC,OAAO,EAAE,iBAAiB,SAAS;EACpC,CAAA;CACS,CAAA;AAEhB,CACF;AAEA,EAAkB,cAAc"}

package/dist/animations/moon-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const MoonIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default MoonIcon;
+//# sourceMappingURL=moon-icon.d.ts.map

package/dist/animations/moon-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moon-icon.d.ts","sourceRoot":"","sources":["../../src/animations/moon-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,QAAQ,kHA8Db,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/animations/moon-icon.js

@@ -0,0 +1,68 @@
+import { forwardRef as e, useImperativeHandle as t } from "react";
+import { motion as n, useAnimate as r } from "motion/react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/animations/moon-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		await d(".moon", {
+			rotate: [
+				0,
+				-15,
+				0
+			],
+			scale: [
+				1,
+				1.1,
+				1
+			]
+		}, {
+			duration: .5,
+			ease: "easeInOut"
+		});
+	}, p = () => {
+		d(".moon", {
+			rotate: 0,
+			scale: 1
+		}, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(n.svg, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: o,
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${c}`,
+		style: { overflow: "visible" },
+		children: [/* @__PURE__ */ i("path", {
+			stroke: "none",
+			d: "M0 0h24v24H0z",
+			fill: "none"
+		}), /* @__PURE__ */ i(n.path, {
+			className: "moon",
+			d: "M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z",
+			style: { transformOrigin: "center" }
+		})]
+	});
+});
+o.displayName = "MoonIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=moon-icon.js.map

package/dist/animations/moon-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"moon-icon.js","names":[],"sources":["../../src/animations/moon-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst MoonIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      await animate(\n        \".moon\",\n        { rotate: [0, -15, 0], scale: [1, 1.1, 1] },\n        { duration: 0.5, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\n        \".moon\",\n        { rotate: 0, scale: 1 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"moon\"\n          d=\"M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z\"\n          style={{ transformOrigin: \"center\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nMoonIcon.displayName = \"MoonIcon\";\n\nexport default MoonIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAW,GAEb,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,MAAM,EACJ,SACA;GAAE,QAAQ;IAAC;IAAG;IAAK;GAAC;GAAG,OAAO;IAAC;IAAG;IAAK;GAAC;EAAE,GAC1C;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EACjB,EACE,SACA;GAAE,QAAQ;GAAG,OAAO;EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF;CAeA,OAbA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAWA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAd/B,UAAA,CAgBE,kBAAC,QAAD;GAAM,QAAO;GAAO,GAAE;GAAgB,MAAK;EAAQ,CAAA,GACnD,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,OAAO,EAAE,iBAAiB,SAAS;EACpC,CAAA,CACS;;AAEhB,CACF;AAEA,EAAS,cAAc"}

package/dist/animations/mouse-pointer-2-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const MousePointer2Icon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default MousePointer2Icon;
+//# sourceMappingURL=mouse-pointer-2-icon.d.ts.map

package/dist/animations/mouse-pointer-2-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouse-pointer-2-icon.d.ts","sourceRoot":"","sources":["../../src/animations/mouse-pointer-2-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,iBAAiB,kHAgEtB,CAAC;AAGF,eAAe,iBAAiB,CAAC"}

package/dist/animations/mouse-pointer-2-icon.js

@@ -0,0 +1,61 @@
+import { forwardRef as e, useImperativeHandle as t, useRef as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/animations/mouse-pointer-2-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = i(), f = n([]), p = async () => {
+		f.current.forEach((e) => e.stop()), f.current = [], f.current.push(d(".pointer", {
+			x: [
+				0,
+				3,
+				0,
+				-3,
+				0
+			],
+			y: [
+				0,
+				-3,
+				0,
+				3,
+				0
+			]
+		}, {
+			duration: 1.2,
+			ease: "easeInOut",
+			repeat: Infinity
+		}));
+	}, m = () => {
+		f.current.forEach((e) => e.stop()), f.current = [], d(".pointer", {
+			x: 0,
+			y: 0
+		}, { duration: .3 });
+	};
+	return t(l, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a(r.svg, {
+		ref: u,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: o,
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${c}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: /* @__PURE__ */ a(r.path, {
+			className: "pointer",
+			style: { transformOrigin: "center" },
+			d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z"
+		})
+	});
+});
+o.displayName = "MousePointer2Icon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=mouse-pointer-2-icon.js.map

package/dist/animations/mouse-pointer-2-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouse-pointer-2-icon.js","names":[],"sources":["../../src/animations/mouse-pointer-2-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useRef } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst MousePointer2Icon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n    const animationControls = useRef<Array<ReturnType<typeof animate>>>([]);\n\n    const start = async () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animationControls.current.push(\n        animate(\n          \".pointer\",\n          {\n            x: [0, 3, 0, -3, 0],\n            y: [0, -3, 0, 3, 0],\n          },\n          {\n            duration: 1.2,\n            ease: \"easeInOut\",\n            repeat: Infinity,\n          },\n        ),\n      );\n    };\n\n    const stop = () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animate(\".pointer\", { x: 0, y: 0 }, { duration: 0.3 });\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <motion.path\n          className=\"pointer\"\n          style={{ transformOrigin: \"center\" }}\n          d=\"M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nMousePointer2Icon.displayName = \"MousePointer2Icon\";\nexport default MousePointer2Icon;\n"],"mappings":";;;;AAIA,IAAM,IAAoB,GAEtB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAC9B,IAAoB,EAA0C,CAAC,CAAC,GAEhE,IAAQ,YAAY;EAIxB,AAHA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAkB,QAAQ,KACxB,EACE,YACA;GACE,GAAG;IAAC;IAAG;IAAG;IAAG;IAAI;GAAC;GAClB,GAAG;IAAC;IAAG;IAAI;IAAG;IAAG;GAAC;EACpB,GACA;GACE,UAAU;GACV,MAAM;GACN,QAAQ;EACV,CACF,CACF;CACF,GAEM,UAAa;EAIjB,AAHA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAQ,YAAY;GAAE,GAAG;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACvD;CAOA,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAEZ,UAAA,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,SAAS;GACnC,GAAE;EACH,CAAA;CACS,CAAA;AAEhB,CACF;AAEA,EAAkB,cAAc"}

package/dist/animations/mysql-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const MysqlIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default MysqlIcon;
+//# sourceMappingURL=mysql-icon.d.ts.map

package/dist/animations/mysql-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mysql-icon.d.ts","sourceRoot":"","sources":["../../src/animations/mysql-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,SAAS,kHA8Dd,CAAC;AAGF,eAAe,SAAS,CAAC"}

package/dist/animations/mysql-icon.js

@@ -0,0 +1,70 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/mysql-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".dolphin", { y: [
+			0,
+			-2,
+			0
+		] }, {
+			duration: .8,
+			ease: "easeInOut"
+		}), await f(".eye", { scale: [
+			1,
+			1.5,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".dolphin, .eye", {
+			y: 0,
+			scale: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "dolphin",
+				d: "M13 21c-1.427 -1.026 -3.59 -3.854 -4 -6c-.486 .77 -1.501 2 -2 2c-1.499 -.888 -.574 -3.973 0 -6c-1.596 -1.433 -2.468 -2.458 -2.5 -4c-3.35 -3.44 -.444 -5.27 2.5 -3h1c8.482 .5 6.421 8.07 9 11.5c2.295 .522 3.665 2.254 5 3.5c-2.086 -.2 -2.784 -.344 -3.5 0c.478 1.64 2.123 2.2 3.5 3"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "eye",
+				style: { transformOrigin: "9 7" },
+				d: "M9 7h.01"
+			})
+		]
+	});
+});
+s.displayName = "MysqlIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=mysql-icon.js.map

package/dist/animations/mysql-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mysql-icon.js","names":[],"sources":["../../src/animations/mysql-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst MysqlIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      animate(\n        \".dolphin\",\n        { y: [0, -2, 0] },\n        { duration: 0.8, ease: \"easeInOut\" },\n      );\n      await animate(\n        \".eye\",\n        { scale: [1, 1.5, 1] },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".dolphin, .eye\",\n        { y: 0, scale: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"dolphin\"\n          d=\"M13 21c-1.427 -1.026 -3.59 -3.854 -4 -6c-.486 .77 -1.501 2 -2 2c-1.499 -.888 -.574 -3.973 0 -6c-1.596 -1.433 -2.468 -2.458 -2.5 -4c-3.35 -3.44 -.444 -5.27 2.5 -3h1c8.482 .5 6.421 8.07 9 11.5c2.295 .522 3.665 2.254 5 3.5c-2.086 -.2 -2.784 -.344 -3.5 0c.478 1.64 2.123 2.2 3.5 3\"\n        />\n        <motion.path\n          className=\"eye\"\n          style={{ transformOrigin: \"9 7\" }}\n          d=\"M9 7h.01\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nMysqlIcon.displayName = \"MysqlIcon\";\nexport default MysqlIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAY,GAEd,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAMpC,AALA,EACE,YACA,EAAE,GAAG;GAAC;GAAG;GAAI;EAAC,EAAE,GAChB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,MAAM,EACJ,QACA,EAAE,OAAO;GAAC;GAAG;GAAK;EAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,kBACA;GAAE,GAAG;GAAG,OAAO;EAAE,GACjB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,MAAM;IAChC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAU,cAAc"}

package/dist/animations/nodejs-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const NodejsIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default NodejsIcon;
+//# sourceMappingURL=nodejs-icon.d.ts.map

package/dist/animations/nodejs-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodejs-icon.d.ts","sourceRoot":"","sources":["../../src/animations/nodejs-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,UAAU,kHA+Df,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/dist/animations/nodejs-icon.js

@@ -0,0 +1,68 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/nodejs-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".hexagon", { rotate: [0, 360] }, {
+			duration: 1,
+			ease: "easeInOut"
+		}), f(".dollar", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .6,
+			ease: "easeOut",
+			delay: .2
+		});
+	}, [f]), m = t(() => {
+		f(".dollar, .hexagon", {
+			pathLength: 1,
+			opacity: 1,
+			rotate: 0
+		}, { duration: .2 });
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "hexagon",
+				style: { transformOrigin: "center" },
+				d: "M9 9v8.044a2 2 0 0 1 -2.996 1.734l-1.568 -.9a3 3 0 0 1 -1.436 -2.561v-6.635a3 3 0 0 1 1.436 -2.56l6 -3.667a3 3 0 0 1 3.128 0l6 3.667a3 3 0 0 1 1.436 2.561v6.634a3 3 0 0 1 -1.436 2.56l-6 3.667a3 3 0 0 1 -3.128 0"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "dollar",
+				initial: {
+					pathLength: 1,
+					opacity: 1
+				},
+				d: "M17 9h-3.5a1.5 1.5 0 0 0 0 3h2a1.5 1.5 0 0 1 0 3h-3.5"
+			})
+		]
+	});
+});
+s.displayName = "NodejsIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=nodejs-icon.js.map

package/dist/animations/nodejs-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodejs-icon.js","names":[],"sources":["../../src/animations/nodejs-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst NodejsIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      animate(\n        \".hexagon\",\n        { rotate: [0, 360] },\n        { duration: 1, ease: \"easeInOut\" },\n      );\n      animate(\n        \".dollar\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.6, ease: \"easeOut\", delay: 0.2 },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".dollar, .hexagon\",\n        { pathLength: 1, opacity: 1, rotate: 0 },\n        { duration: 0.2 },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"hexagon\"\n          style={{ transformOrigin: \"center\" }}\n          d=\"M9 9v8.044a2 2 0 0 1 -2.996 1.734l-1.568 -.9a3 3 0 0 1 -1.436 -2.561v-6.635a3 3 0 0 1 1.436 -2.56l6 -3.667a3 3 0 0 1 3.128 0l6 3.667a3 3 0 0 1 1.436 2.561v6.634a3 3 0 0 1 -1.436 2.56l-6 3.667a3 3 0 0 1 -3.128 0\"\n        />\n        <motion.path\n          className=\"dollar\"\n          initial={{ pathLength: 1, opacity: 1 }}\n          d=\"M17 9h-3.5a1.5 1.5 0 0 0 0 3h2a1.5 1.5 0 0 1 0 3h-3.5\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nNodejsIcon.displayName = \"NodejsIcon\";\nexport default NodejsIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAMpC,AALA,EACE,YACA,EAAE,QAAQ,CAAC,GAAG,GAAG,EAAE,GACnB;GAAE,UAAU;GAAG,MAAM;EAAY,CACnC,GACA,EACE,WACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;GAAW,OAAO;EAAI,CAC/C;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,qBACA;GAAE,YAAY;GAAG,SAAS;GAAG,QAAQ;EAAE,GACvC,EAAE,UAAU,GAAI,CAClB;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,SAAS;IACnC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,SAAS;KAAE,YAAY;KAAG,SAAS;IAAE;IACrC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAW,cAAc"}

package/dist/animations/paint-icon.d.ts

@@ -0,0 +1,4 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+declare const PaintIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default PaintIcon;
+//# sourceMappingURL=paint-icon.d.ts.map

package/dist/animations/paint-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paint-icon.d.ts","sourceRoot":"","sources":["../../src/animations/paint-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGrE,QAAA,MAAM,SAAS,kHAiGd,CAAC;AAGF,eAAe,SAAS,CAAC"}