nfx-ui 0.20.0 → 0.22.0

package/dist/animations/flame-icon.js

@@ -0,0 +1,74 @@
+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/flame-icon.tsx
+var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
+	let [l, u] = r(), d = async () => {
+		await u(".flame-group", {
+			y: [
+				0,
+				-2,
+				-1,
+				-2,
+				0
+			],
+			rotate: [
+				0,
+				4,
+				-3,
+				2,
+				0
+			],
+			x: [
+				0,
+				1,
+				-1,
+				.5,
+				0
+			]
+		}, {
+			duration: .6,
+			ease: "easeOut"
+		});
+	}, f = () => {
+		u(".flame-group", {
+			x: 0,
+			y: 0,
+			rotate: 0
+		}, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	};
+	return t(c, () => ({
+		startAnimation: d,
+		stopAnimation: f
+	})), /* @__PURE__ */ i(n.svg, {
+		ref: l,
+		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" },
+		onHoverStart: d,
+		onHoverEnd: f,
+		children: /* @__PURE__ */ i(n.g, {
+			className: "flame-group",
+			style: {
+				transformOrigin: "50% 100%",
+				transformBox: "fill-box"
+			},
+			children: /* @__PURE__ */ i(n.path, { d: "M12 10.941c2.333 -3.308 .167 -7.823 -1 -8.941c0 3.395 -2.235 5.299 -3.667 6.706c-1.43 1.408 -2.333 3.621 -2.333 5.588c0 3.704 3.134 6.706 7 6.706s7 -3.002 7 -6.706c0 -1.712 -1.232 -4.403 -2.333 -5.588c-2.084 3.353 -3.257 3.353 -4.667 2.235" })
+		})
+	});
+});
+a.displayName = "FlameIcon";
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=flame-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flame-icon.js","names":[],"sources":["../../src/animations/flame-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst FlameIcon = 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        \".flame-group\",\n        {\n          y: [0, -2, -1, -2, 0],\n          rotate: [0, 4, -3, 2, 0],\n          x: [0, 1, -1, 0.5, 0],\n        },\n        {\n          duration: 0.6,\n          ease: \"easeOut\",\n        },\n      );\n    };\n\n    const stop = () => {\n      animate(\n        \".flame-group\",\n        { x: 0, y: 0, rotate: 0 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\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        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <motion.g\n          className=\"flame-group\"\n          style={{\n            transformOrigin: \"50% 100%\",\n            transformBox: \"fill-box\",\n          }}\n        >\n          <motion.path d=\"M12 10.941c2.333 -3.308 .167 -7.823 -1 -8.941c0 3.395 -2.235 5.299 -3.667 6.706c-1.43 1.408 -2.333 3.621 -2.333 5.588c0 3.704 3.134 6.706 7 6.706s7 -3.002 7 -6.706c0 -1.712 -1.232 -4.403 -2.333 -5.588c-2.084 3.353 -3.257 3.353 -4.667 2.235\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nFlameIcon.displayName = \"FlameIcon\";\nexport default FlameIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAY,GAEd,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,MAAM,EACJ,gBACA;GACE,GAAG;IAAC;IAAG;IAAI;IAAI;IAAI;GAAC;GACpB,QAAQ;IAAC;IAAG;IAAG;IAAI;IAAG;GAAC;GACvB,GAAG;IAAC;IAAG;IAAG;IAAI;IAAK;GAAC;EACtB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAEM,UAAa;EACjB,EACE,gBACA;GAAE,GAAG;GAAG,GAAG;GAAG,QAAQ;EAAE,GACxB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF;CAOA,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAC7B,cAAc;EACd,YAAY;EAEZ,UAAA,kBAAC,EAAO,GAAR;GACE,WAAU;GACV,OAAO;IACL,iBAAiB;IACjB,cAAc;GAChB;GAEA,UAAA,kBAAC,EAAO,MAAR,EAAa,GAAE,kPAAmP,CAAA;EAC1P,CAAA;CACA,CAAA;AAEhB,CACF;AAEA,EAAU,cAAc"}

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

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

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

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

package/dist/animations/focus-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/focus-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(".center", { scale: 1.4 }, {
+			duration: .25,
+			ease: "easeOut"
+		}), f(".corners", { scale: .85 }, {
+			duration: .25,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".center, .corners", { 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(r.circle, {
+				className: "center",
+				cx: "12",
+				cy: "12",
+				r: "3",
+				style: { transformOrigin: "12px 12px" }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "corners",
+				d: "M3 7V5a2 2 0 0 1 2-2h2"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "corners",
+				d: "M17 3h2a2 2 0 0 1 2 2v2"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "corners",
+				d: "M21 17v2a2 2 0 0 1-2 2h-2"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "corners",
+				d: "M7 21H5a2 2 0 0 1-2-2v-2"
+			})
+		]
+	});
+});
+s.displayName = "FocusIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=focus-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focus-icon.js","names":[],"sources":["../../src/animations/focus-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst FocusIcon = 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(\".center\", { scale: 1.4 }, { duration: 0.25, ease: \"easeOut\" });\n\n      animate(\".corners\", { scale: 0.85 }, { duration: 0.25, ease: \"easeOut\" });\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".center, .corners\",\n        { 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        <motion.circle\n          className=\"center\"\n          cx=\"12\"\n          cy=\"12\"\n          r=\"3\"\n          style={{ transformOrigin: \"12px 12px\" }}\n        />\n        <motion.path className=\"corners\" d=\"M3 7V5a2 2 0 0 1 2-2h2\" />\n        <motion.path className=\"corners\" d=\"M17 3h2a2 2 0 0 1 2 2v2\" />\n        <motion.path className=\"corners\" d=\"M21 17v2a2 2 0 0 1-2 2h-2\" />\n        <motion.path className=\"corners\" d=\"M7 21H5a2 2 0 0 1-2-2v-2\" />\n      </motion.svg>\n    );\n  },\n);\n\nFocusIcon.displayName = \"FocusIcon\";\nexport default FocusIcon;\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;EAGpC,AAFA,EAAQ,WAAW,EAAE,OAAO,IAAI,GAAG;GAAE,UAAU;GAAM,MAAM;EAAU,CAAC,GAEtE,EAAQ,YAAY,EAAE,OAAO,IAAK,GAAG;GAAE,UAAU;GAAM,MAAM;EAAU,CAAC;CAC1E,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,qBACA,EAAE,OAAO,EAAE,GACX;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,EAAO,QAAR;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,GAAE;IACF,OAAO,EAAE,iBAAiB,YAAY;GACvC,CAAA;GACD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAU,GAAE;GAA0B,CAAA;GAC7D,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAU,GAAE;GAA2B,CAAA;GAC9D,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAU,GAAE;GAA6B,CAAA;GAChE,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAU,GAAE;GAA4B,CAAA;EACrD;;AAEhB,CACF;AAEA,EAAU,cAAc"}

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

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

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

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

package/dist/animations/gamepad-icon.js

@@ -0,0 +1,130 @@
+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/gamepad-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(() => {
+		f(d.current, { scale: 1.05 }, {
+			duration: .2,
+			ease: "easeOut"
+		}), f(".gamepad-dpad", {
+			x: [
+				0,
+				-.5,
+				.5,
+				-.5,
+				0
+			],
+			y: [
+				0,
+				.5,
+				-.5,
+				.5,
+				0
+			]
+		}, {
+			duration: .4,
+			repeat: Infinity,
+			ease: "linear"
+		}), f(".gamepad-dot-1", {
+			opacity: [
+				1,
+				.4,
+				1
+			],
+			scale: [
+				1,
+				1.2,
+				1
+			]
+		}, {
+			duration: .6,
+			repeat: Infinity,
+			ease: "easeInOut"
+		}), f(".gamepad-dot-2", {
+			opacity: [
+				1,
+				.4,
+				1
+			],
+			scale: [
+				1,
+				1.2,
+				1
+			]
+		}, {
+			duration: .6,
+			repeat: Infinity,
+			ease: "easeInOut",
+			delay: .3
+		});
+	}, [f, d]), m = t(() => {
+		f(d.current, { scale: 1 }, { duration: .2 }), f(".gamepad-dpad", {
+			x: 0,
+			y: 0
+		}, { duration: .2 }), f(".gamepad-dot-1", {
+			opacity: 1,
+			scale: 1
+		}, { duration: .2 }), f(".gamepad-dot-2", {
+			opacity: 1,
+			scale: 1
+		}, { duration: .2 });
+	}, [f, d]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		onHoverStart: p,
+		onHoverEnd: m,
+		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}`,
+		style: { overflow: "visible" },
+		children: [
+			/* @__PURE__ */ a("path", { d: "M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" }),
+			/* @__PURE__ */ o(r.g, {
+				className: "gamepad-dpad",
+				children: [/* @__PURE__ */ a("line", {
+					x1: "6",
+					x2: "10",
+					y1: "11",
+					y2: "11"
+				}), /* @__PURE__ */ a("line", {
+					x1: "8",
+					x2: "8",
+					y1: "9",
+					y2: "13"
+				})]
+			}),
+			/* @__PURE__ */ a(r.line, {
+				className: "gamepad-dot-1",
+				x1: "15",
+				x2: "15.01",
+				y1: "12",
+				y2: "12",
+				style: { transformOrigin: "15px 12px" }
+			}),
+			/* @__PURE__ */ a(r.line, {
+				className: "gamepad-dot-2",
+				x1: "18",
+				x2: "18.01",
+				y1: "10",
+				y2: "10",
+				style: { transformOrigin: "18px 10px" }
+			})
+		]
+	});
+});
+s.displayName = "GamepadIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=gamepad-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gamepad-icon.js","names":[],"sources":["../../src/animations/gamepad-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst GamepadIcon = 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(() => {\n      // Body scale pulse\n      animate(\n        scope.current,\n        { scale: 1.05 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n\n      // D-pad shake\n      animate(\n        \".gamepad-dpad\",\n        {\n          x: [0, -0.5, 0.5, -0.5, 0],\n          y: [0, 0.5, -0.5, 0.5, 0],\n        },\n        { duration: 0.4, repeat: Infinity, ease: \"linear\" },\n      );\n\n      // Buttons alternate pulse\n      animate(\n        \".gamepad-dot-1\",\n        { opacity: [1, 0.4, 1], scale: [1, 1.2, 1] },\n        { duration: 0.6, repeat: Infinity, ease: \"easeInOut\" },\n      );\n      animate(\n        \".gamepad-dot-2\",\n        { opacity: [1, 0.4, 1], scale: [1, 1.2, 1] },\n        { duration: 0.6, repeat: Infinity, ease: \"easeInOut\", delay: 0.3 },\n      );\n    }, [animate, scope]);\n\n    const stop = useCallback(() => {\n      animate(scope.current, { scale: 1 }, { duration: 0.2 });\n      animate(\".gamepad-dpad\", { x: 0, y: 0 }, { duration: 0.2 });\n      animate(\".gamepad-dot-1\", { opacity: 1, scale: 1 }, { duration: 0.2 });\n      animate(\".gamepad-dot-2\", { opacity: 1, scale: 1 }, { duration: 0.2 });\n    }, [animate, scope]);\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        {/* Body */}\n        <path d=\"M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z\" />\n\n        {/* D-pad Group */}\n        <motion.g className=\"gamepad-dpad\">\n          <line x1=\"6\" x2=\"10\" y1=\"11\" y2=\"11\" />\n          <line x1=\"8\" x2=\"8\" y1=\"9\" y2=\"13\" />\n        </motion.g>\n\n        {/* Buttons */}\n        <motion.line\n          className=\"gamepad-dot-1\"\n          x1=\"15\"\n          x2=\"15.01\"\n          y1=\"12\"\n          y2=\"12\"\n          style={{ transformOrigin: \"15px 12px\" }}\n        />\n        <motion.line\n          className=\"gamepad-dot-2\"\n          x1=\"18\"\n          x2=\"18.01\"\n          y1=\"10\"\n          y2=\"10\"\n          style={{ transformOrigin: \"18px 10px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nGamepadIcon.displayName = \"GamepadIcon\";\nexport default GamepadIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAwB9B,AAtBA,EACE,EAAM,SACN,EAAE,OAAO,KAAK,GACd;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GAGA,EACE,iBACA;GACE,GAAG;IAAC;IAAG;IAAM;IAAK;IAAM;GAAC;GACzB,GAAG;IAAC;IAAG;IAAK;IAAM;IAAK;GAAC;EAC1B,GACA;GAAE,UAAU;GAAK,QAAQ;GAAU,MAAM;EAAS,CACpD,GAGA,EACE,kBACA;GAAE,SAAS;IAAC;IAAG;IAAK;GAAC;GAAG,OAAO;IAAC;IAAG;IAAK;GAAC;EAAE,GAC3C;GAAE,UAAU;GAAK,QAAQ;GAAU,MAAM;EAAY,CACvD,GACA,EACE,kBACA;GAAE,SAAS;IAAC;IAAG;IAAK;GAAC;GAAG,OAAO;IAAC;IAAG;IAAK;GAAC;EAAE,GAC3C;GAAE,UAAU;GAAK,QAAQ;GAAU,MAAM;GAAa,OAAO;EAAI,CACnE;CACF,GAAG,CAAC,GAAS,CAAK,CAAC,GAEb,IAAO,QAAkB;EAI7B,AAHA,EAAQ,EAAM,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACtD,EAAQ,iBAAiB;GAAE,GAAG;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAC1D,EAAQ,kBAAkB;GAAE,SAAS;GAAG,OAAO;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACrE,EAAQ,kBAAkB;GAAE,SAAS;GAAG,OAAO;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACvE,GAAG,CAAC,GAAS,CAAK,CAAC;CAOnB,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;GAiBE,kBAAC,QAAD,EAAM,GAAE,6RAA8R,CAAA;GAGtS,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA,CACE,kBAAC,QAAD;KAAM,IAAG;KAAI,IAAG;KAAK,IAAG;KAAK,IAAG;IAAM,CAAA,GACtC,kBAAC,QAAD;KAAM,IAAG;KAAI,IAAG;KAAI,IAAG;KAAI,IAAG;IAAM,CAAA,CAC5B;;GAGV,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,YAAY;GACvC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAY,cAAc"}

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

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

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

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

package/dist/animations/gauge-icon.js

@@ -0,0 +1,51 @@
+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/gauge-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(".needle", { rotate: [
+			0,
+			45,
+			-20,
+			30,
+			0
+		] }, {
+			duration: .8,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".needle", { rotate: 0 }, {
+			duration: .3,
+			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", { d: "M3.34 19a10 10 0 1 1 17.32 0" }), /* @__PURE__ */ a(r.path, {
+			className: "needle",
+			style: { transformOrigin: "12px 14px" },
+			d: "m12 14 4-4"
+		})]
+	});
+});
+s.displayName = "GaugeIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=gauge-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gauge-icon.js","names":[],"sources":["../../src/animations/gauge-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst GaugeIcon = 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        \".needle\",\n        { rotate: [0, 45, -20, 30, 0] },\n        { duration: 0.8, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".needle\", { rotate: 0 }, { duration: 0.3, ease: \"easeInOut\" });\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 d=\"M3.34 19a10 10 0 1 1 17.32 0\" />\n        <motion.path\n          className=\"needle\"\n          style={{ transformOrigin: \"12px 14px\" }}\n          d=\"m12 14 4-4\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nGaugeIcon.displayName = \"GaugeIcon\";\nexport default GaugeIcon;\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;EACpC,EACE,WACA,EAAE,QAAQ;GAAC;GAAG;GAAI;GAAK;GAAI;EAAC,EAAE,GAC9B;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EAAQ,WAAW,EAAE,QAAQ,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACxE,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,CAeE,kBAAC,QAAD,EAAM,GAAE,+BAAgC,CAAA,GACxC,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,YAAY;GACtC,GAAE;EACH,CAAA,CACS;;AAEhB,CACF;AAEA,EAAU,cAAc"}

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

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

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

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

package/dist/animations/gear-icon.js

@@ -0,0 +1,70 @@
+import { scaledStrokeWidth as e } from "./types.js";
+import { forwardRef 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/gear-icon.tsx
+var s = t(({ size: t = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = () => {
+		f(".gear-body", { scale: [
+			1,
+			1.02,
+			1
+		] }, { duration: .6 }), f(".gear-center", { scale: [
+			1,
+			1.1,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeOut"
+		}), f(".gear-rotator", { rotate: 360 }, {
+			duration: .9,
+			ease: "easeInOut"
+		});
+	}, m = () => {
+		f(".gear-rotator", { rotate: 0 }, { duration: .2 }), f(".gear-center", { scale: 1 }, { duration: .2 }), f(".gear-body", { scale: 1 }, { duration: .2 });
+	};
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a(r.svg, {
+		ref: d,
+		onHoverStart: () => {
+			p();
+		},
+		onHoverEnd: () => {
+			m();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: t,
+		height: t,
+		viewBox: "0 0 32 32",
+		fill: "none",
+		stroke: s,
+		strokeWidth: e(c, 32),
+		strokeLinecap: "square",
+		strokeMiterlimit: "10",
+		className: `cursor-pointer ${l}`,
+		style: { overflow: "visible" },
+		children: /* @__PURE__ */ o(r.g, {
+			className: "gear-rotator",
+			style: {
+				transformOrigin: "50% 50%",
+				transformBox: "fill-box"
+			},
+			children: [/* @__PURE__ */ a(r.circle, {
+				className: "gear-center",
+				cx: "16",
+				cy: "16",
+				r: "5"
+			}), /* @__PURE__ */ a(r.path, {
+				className: "gear-body",
+				d: "m30,17.5v-3l-3.388-1.355c-.25-.933-.617-1.815-1.089-2.633l1.436-3.351-2.121-2.121-3.351,1.436c-.817-.472-1.7-.838-2.633-1.089l-1.355-3.388h-3l-1.355,3.388c-.933.25-1.815.617-2.633,1.089l-3.351-1.436-2.121,2.121 1.436,3.351c-.472.817-.838,1.7-1.089,2.633l-3.388,1.355v3l3.388,1.355c.25.933.617,1.815,1.089,2.633l-1.436,3.351 2.121,2.121 3.351-1.436c.817.472 1.7.838 2.633,1.089l1.355,3.388h3l1.355-3.388c.933-.25 1.815-.617 2.633-1.089l3.351,1.436 2.121-2.121-1.436-3.351c.472-.817.838-1.7 1.089-2.633l3.388-1.355Z"
+			})]
+		})
+	});
+});
+s.displayName = "GearIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=gear-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gear-icon.js","names":[],"sources":["../../src/animations/gear-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { scaledStrokeWidth } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst GearIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = () => {\n      animate(\".gear-body\", { scale: [1, 1.02, 1] }, { duration: 0.6 });\n\n      animate(\n        \".gear-center\",\n        { scale: [1, 1.1, 1] },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n\n      animate(\n        \".gear-rotator\",\n        { rotate: 360 },\n        { duration: 0.9, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".gear-rotator\", { rotate: 0 }, { duration: 0.2 });\n      animate(\".gear-center\", { scale: 1 }, { duration: 0.2 });\n      animate(\".gear-body\", { scale: 1 }, { duration: 0.2 });\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 32 32\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n        strokeLinecap=\"square\"\n        strokeMiterlimit=\"10\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        {/* Rotating group */}\n        <motion.g\n          className=\"gear-rotator\"\n          style={{\n            transformOrigin: \"50% 50%\",\n            transformBox: \"fill-box\",\n          }}\n        >\n          <motion.circle className=\"gear-center\" cx=\"16\" cy=\"16\" r=\"5\" />\n\n          <motion.path\n            className=\"gear-body\"\n            d=\"m30,17.5v-3l-3.388-1.355c-.25-.933-.617-1.815-1.089-2.633l1.436-3.351-2.121-2.121-3.351,1.436c-.817-.472-1.7-.838-2.633-1.089l-1.355-3.388h-3l-1.355,3.388c-.933.25-1.815.617-2.633,1.089l-3.351-1.436-2.121,2.121 1.436,3.351c-.472.817-.838,1.7-1.089,2.633l-3.388,1.355v3l3.388,1.355c.25.933.617,1.815,1.089,2.633l-1.436,3.351 2.121,2.121 3.351-1.436c.817.472 1.7.838 2.633,1.089l1.355,3.388h3l1.355-3.388c.933-.25 1.815-.617 2.633-1.089l3.351,1.436 2.121-2.121-1.436-3.351c.472-.817.838-1.7 1.089-2.633l3.388-1.355Z\"\n          />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nGearIcon.displayName = \"GearIcon\";\nexport default GearIcon;\n"],"mappings":";;;;;AAKA,IAAM,IAAW,GAEb,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,UAAc;EASlB,AARA,EAAQ,cAAc,EAAE,OAAO;GAAC;GAAG;GAAM;EAAC,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAEhE,EACE,gBACA,EAAE,OAAO;GAAC;GAAG;GAAK;EAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GAEA,EACE,iBACA,EAAE,QAAQ,IAAI,GACd;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EAGjB,AAFA,EAAQ,iBAAiB,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACzD,EAAQ,gBAAgB,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACvD,EAAQ,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACvD;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;EACR,aAAa,EAAkB,GAAa,EAAE;EAC9C,eAAc;EACd,kBAAiB;EACjB,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAG7B,UAAA,kBAAC,EAAO,GAAR;GACE,WAAU;GACV,OAAO;IACL,iBAAiB;IACjB,cAAc;GAChB;GALF,UAAA,CAOE,kBAAC,EAAO,QAAR;IAAe,WAAU;IAAc,IAAG;IAAK,IAAG;IAAK,GAAE;GAAK,CAAA,GAE9D,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA,CACO;;CACA,CAAA;AAEhB,CACF;AAEA,EAAS,cAAc"}

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

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

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

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

package/dist/animations/ghost-icon.js

@@ -0,0 +1,108 @@
+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/ghost-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".ghost-body", {
+			y: [
+				0,
+				-8,
+				-4,
+				-8,
+				0
+			],
+			rotate: [
+				0,
+				-3,
+				3,
+				-2,
+				0
+			]
+		}, {
+			duration: 1.2,
+			ease: "easeInOut"
+		}), d(".ghost-eye", {
+			scaleY: [
+				1,
+				.1,
+				1,
+				.1,
+				1
+			],
+			scaleX: [
+				1,
+				1.2,
+				1,
+				1.2,
+				1
+			]
+		}, {
+			duration: .8,
+			ease: "easeInOut"
+		}), await d(".ghost-body", { scaleX: [
+			1,
+			1.05,
+			.98,
+			1.02,
+			1
+		] }, {
+			duration: .6,
+			ease: "easeInOut"
+		});
+	}, p = () => {
+		d(".ghost-body", {
+			y: 0,
+			rotate: 0,
+			scaleX: 1
+		}, { duration: .2 }), d(".ghost-eye", {
+			scaleX: 1,
+			scaleY: 1
+		}, { duration: .2 });
+	};
+	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(n.path, {
+				className: "ghost-body",
+				style: { transformOrigin: "12px 14px" },
+				d: "M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "ghost-eye",
+				style: { transformOrigin: "10px 10px" },
+				d: "M10 10h.01"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "ghost-eye",
+				style: { transformOrigin: "14px 10px" },
+				d: "M14 10h.01"
+			})
+		]
+	});
+});
+o.displayName = "GhostIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=ghost-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ghost-icon.js","names":[],"sources":["../../src/animations/ghost-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst GhostIcon = 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      // floating + wiggle\n      animate(\n        \".ghost-body\",\n        {\n          y: [0, -8, -4, -8, 0],\n          rotate: [0, -3, 3, -2, 0],\n        },\n        { duration: 1.2, ease: \"easeInOut\" },\n      );\n\n      // eyes blink\n      animate(\n        \".ghost-eye\",\n        {\n          scaleY: [1, 0.1, 1, 0.1, 1],\n          scaleX: [1, 1.2, 1, 1.2, 1],\n        },\n        { duration: 0.8, ease: \"easeInOut\" },\n      );\n\n      // wavy bottom\n      await animate(\n        \".ghost-body\",\n        { scaleX: [1, 1.05, 0.98, 1.02, 1] },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".ghost-body\", { y: 0, rotate: 0, scaleX: 1 }, { duration: 0.2 });\n      animate(\".ghost-eye\", { scaleX: 1, scaleY: 1 }, { duration: 0.2 });\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=\"ghost-body\"\n          style={{ transformOrigin: \"12px 14px\" }}\n          d=\"M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7\"\n        />\n        <motion.path\n          className=\"ghost-eye\"\n          style={{ transformOrigin: \"10px 10px\" }}\n          d=\"M10 10h.01\"\n        />\n        <motion.path\n          className=\"ghost-eye\"\n          style={{ transformOrigin: \"14px 10px\" }}\n          d=\"M14 10h.01\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nGhostIcon.displayName = \"GhostIcon\";\n\nexport default GhostIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAY,GAEd,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAsBxB,AApBA,EACE,eACA;GACE,GAAG;IAAC;IAAG;IAAI;IAAI;IAAI;GAAC;GACpB,QAAQ;IAAC;IAAG;IAAI;IAAG;IAAI;GAAC;EAC1B,GACA;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GAGA,EACE,cACA;GACE,QAAQ;IAAC;IAAG;IAAK;IAAG;IAAK;GAAC;GAC1B,QAAQ;IAAC;IAAG;IAAK;IAAG;IAAK;GAAC;EAC5B,GACA;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GAGA,MAAM,EACJ,eACA,EAAE,QAAQ;GAAC;GAAG;GAAM;GAAM;GAAM;EAAC,EAAE,GACnC;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EAEjB,AADA,EAAQ,eAAe;GAAE,GAAG;GAAG,QAAQ;GAAG,QAAQ;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACxE,EAAQ,cAAc;GAAE,QAAQ;GAAG,QAAQ;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACnE;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;GAgBE,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY;IACtC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY;IACtC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY;IACtC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAU,cAAc"}

package/dist/animations/github-copilot-icon.d.ts

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

package/dist/animations/github-copilot-icon.d.ts.map

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