nfx-ui 0.17.0 → 0.22.0

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

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

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

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

package/dist/animations/gmail-icon.js

@@ -0,0 +1,86 @@
+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/gmail-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(".envelope-top", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .4,
+			ease: "easeOut"
+		}), await f(".envelope-flap", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .5,
+			ease: "easeOut"
+		}), f(".sides", { scaleY: [.95, 1] }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".envelope-top, .envelope-flap, .sides", {
+			pathLength: 1,
+			opacity: 1,
+			scaleY: 1
+		}, { 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: "sides",
+				style: { transformOrigin: "center" },
+				d: "M16 20h3a1 1 0 0 0 1 -1v-14a1 1 0 0 0 -1 -1h-3v16z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "sides",
+				style: { transformOrigin: "center" },
+				d: "M5 20h3v-16h-3a1 1 0 0 0 -1 1v14a1 1 0 0 0 1 1z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "envelope-top",
+				initial: {
+					pathLength: 1,
+					opacity: 1
+				},
+				d: "M16 4l-4 4l-4 -4"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "envelope-flap",
+				initial: {
+					pathLength: 1,
+					opacity: 1
+				},
+				d: "M4 6.5l8 7.5l8 -7.5"
+			})
+		]
+	});
+});
+s.displayName = "GmailIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=gmail-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gmail-icon.js","names":[],"sources":["../../src/animations/gmail-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst GmailIcon = 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        \".envelope-top\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.4, ease: \"easeOut\" },\n      );\n      await animate(\n        \".envelope-flap\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.5, ease: \"easeOut\" },\n      );\n      animate(\n        \".sides\",\n        { scaleY: [0.95, 1] },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".envelope-top, .envelope-flap, .sides\",\n        { pathLength: 1, opacity: 1, scaleY: 1 },\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=\"sides\"\n          style={{ transformOrigin: \"center\" }}\n          d=\"M16 20h3a1 1 0 0 0 1 -1v-14a1 1 0 0 0 -1 -1h-3v16z\"\n        />\n        <motion.path\n          className=\"sides\"\n          style={{ transformOrigin: \"center\" }}\n          d=\"M5 20h3v-16h-3a1 1 0 0 0 -1 1v14a1 1 0 0 0 1 1z\"\n        />\n        <motion.path\n          className=\"envelope-top\"\n          initial={{ pathLength: 1, opacity: 1 }}\n          d=\"M16 4l-4 4l-4 -4\"\n        />\n        <motion.path\n          className=\"envelope-flap\"\n          initial={{ pathLength: 1, opacity: 1 }}\n          d=\"M4 6.5l8 7.5l8 -7.5\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nGmailIcon.displayName = \"GmailIcon\";\nexport default GmailIcon;\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;EAWpC,AAVA,EACE,iBACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,MAAM,EACJ,kBACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,EACE,UACA,EAAE,QAAQ,CAAC,KAAM,CAAC,EAAE,GACpB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,yCACA;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,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;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,SAAS;KAAE,YAAY;KAAG,SAAS;IAAE;IACrC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAU,cAAc"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"golang-icon.d.ts","sourceRoot":"","sources":["../../src/animations/golang-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/golang-icon.js

@@ -0,0 +1,64 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, stagger as i, useAnimate as a } from "motion/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/animations/golang-icon.tsx
+var c = e(({ size: e = 24, color: c = "currentColor", strokeWidth: l = 2, className: u = "" }, d) => {
+	let [f, p] = a(), m = t(() => {
+		p(".speed-line", { x: [
+			0,
+			-2,
+			0
+		] }, {
+			duration: .4,
+			ease: "easeInOut",
+			delay: i(.1),
+			repeat: 1
+		});
+	}, [p]), h = t(() => {
+		p(".speed-line", { x: 0 }, { duration: .2 });
+	}, [p]);
+	return n(d, () => ({
+		startAnimation: m,
+		stopAnimation: h
+	}), [m, h]), /* @__PURE__ */ s(r.svg, {
+		ref: f,
+		onHoverStart: m,
+		onHoverEnd: h,
+		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}`,
+		children: [
+			/* @__PURE__ */ o("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ o("path", { d: "M15.695 14.305c1.061 1.06 2.953 .888 4.226 -.384c1.272 -1.273 1.444 -3.165 .384 -4.226c-1.061 -1.06 -2.953 -.888 -4.226 .384c-1.272 1.273 -1.444 3.165 -.384 4.226z" }),
+			/* @__PURE__ */ o("path", { d: "M12.68 9.233c-1.084 -.497 -2.545 -.191 -3.591 .846c-1.284 1.273 -1.457 3.165 -.388 4.226c1.07 1.06 2.978 .888 4.261 -.384a3.669 3.669 0 0 0 1.038 -1.921h-2.427" }),
+			/* @__PURE__ */ o(r.path, {
+				className: "speed-line",
+				d: "M5.5 15h-1.5"
+			}),
+			/* @__PURE__ */ o(r.path, {
+				className: "speed-line",
+				d: "M6 9h-2"
+			}),
+			/* @__PURE__ */ o(r.path, {
+				className: "speed-line",
+				d: "M5 12h-3"
+			})
+		]
+	});
+});
+c.displayName = "GolangIcon";
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=golang-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"golang-icon.js","names":[],"sources":["../../src/animations/golang-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate, stagger } from \"motion/react\";\n\nconst GolangIcon = 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      animate(\n        \".speed-line\",\n        { x: [0, -2, 0] },\n        {\n          duration: 0.4,\n          ease: \"easeInOut\",\n          delay: stagger(0.1),\n          repeat: 1,\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".speed-line\", { x: 0 }, { duration: 0.2 });\n    }, [animate]);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        startAnimation: start,\n        stopAnimation: stop,\n      }),\n      [start, 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      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        {/* G */}\n        <path d=\"M15.695 14.305c1.061 1.06 2.953 .888 4.226 -.384c1.272 -1.273 1.444 -3.165 .384 -4.226c-1.061 -1.06 -2.953 -.888 -4.226 .384c-1.272 1.273 -1.444 3.165 -.384 4.226z\" />\n        {/* O */}\n        <path d=\"M12.68 9.233c-1.084 -.497 -2.545 -.191 -3.591 .846c-1.284 1.273 -1.457 3.165 -.388 4.226c1.07 1.06 2.978 .888 4.261 -.384a3.669 3.669 0 0 0 1.038 -1.921h-2.427\" />\n\n        {/* Speed lines - these animate */}\n        <motion.path className=\"speed-line\" d=\"M5.5 15h-1.5\" />\n        <motion.path className=\"speed-line\" d=\"M6 9h-2\" />\n        <motion.path className=\"speed-line\" d=\"M5 12h-3\" />\n      </motion.svg>\n    );\n  },\n);\n\nGolangIcon.displayName = \"GolangIcon\";\nexport default GolangIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAC9B,EACE,eACA,EAAE,GAAG;GAAC;GAAG;GAAI;EAAC,EAAE,GAChB;GACE,UAAU;GACV,MAAM;GACN,OAAO,EAAQ,EAAG;GAClB,QAAQ;EACV,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EAAQ,eAAe,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACpD,GAAG,CAAC,CAAO,CAAC;CAWZ,OATA,EACE,UACO;EACL,gBAAgB;EAChB,eAAe;CACjB,IACA,CAAC,GAAO,CAAI,CACd,GAGE,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;EAb/B,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAGnD,kBAAC,QAAD,EAAM,GAAE,sKAAuK,CAAA;GAE/K,kBAAC,QAAD,EAAM,GAAE,kKAAmK,CAAA;GAG3K,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAa,GAAE;GAAgB,CAAA;GACtD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAa,GAAE;GAAW,CAAA;GACjD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAa,GAAE;GAAY,CAAA;EACxC;;AAEhB,CACF;AAEA,EAAW,cAAc"}

package/dist/animations/hand-heart-icon.d.ts

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

package/dist/animations/hand-heart-icon.d.ts.map

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

package/dist/animations/hand-heart-icon.js

@@ -0,0 +1,66 @@
+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/hand-heart-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(".heart", { scale: [
+			1,
+			1.3,
+			1
+		] }, {
+			duration: .5,
+			ease: "easeInOut"
+		}), f(".hand", { y: [
+			0,
+			2,
+			0
+		] }, {
+			duration: .5,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".heart, .hand", {
+			scale: 1,
+			y: 0
+		}, {
+			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__ */ o(r.g, {
+			className: "hand",
+			children: [
+				/* @__PURE__ */ a("path", { d: "M11 14h2a2 2 0 0 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16" }),
+				/* @__PURE__ */ a("path", { d: "m2 15 6 6" }),
+				/* @__PURE__ */ a("path", { d: "m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a1 1 0 0 0-2.75-2.91" })
+			]
+		}), /* @__PURE__ */ a(r.path, {
+			className: "heart",
+			style: { transformOrigin: "16px 8px" },
+			d: "m14.45 13.39 5.05-4.694C20.196 8 21 6.85 21 5.75a2.75 2.75 0 0 0-4.797-1.837.276.276 0 0 1-.406 0A2.75 2.75 0 0 0 11 5.75c0 1.2.802 2.248 1.5 2.946L16 11.95"
+		})]
+	});
+});
+s.displayName = "HandHeartIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=hand-heart-icon.js.map

package/dist/animations/hand-heart-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hand-heart-icon.js","names":[],"sources":["../../src/animations/hand-heart-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst HandHeartIcon = 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        \".heart\",\n        { scale: [1, 1.3, 1] },\n        { duration: 0.5, ease: \"easeInOut\" },\n      );\n      animate(\".hand\", { y: [0, 2, 0] }, { duration: 0.5, ease: \"easeInOut\" });\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".heart, .hand\",\n        { scale: 1, y: 0 },\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.g className=\"hand\">\n          <path d=\"M11 14h2a2 2 0 0 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16\" />\n          <path d=\"m2 15 6 6\" />\n          <path d=\"m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a1 1 0 0 0-2.75-2.91\" />\n        </motion.g>\n        <motion.path\n          className=\"heart\"\n          style={{ transformOrigin: \"16px 8px\" }}\n          d=\"m14.45 13.39 5.05-4.694C20.196 8 21 6.85 21 5.75a2.75 2.75 0 0 0-4.797-1.837.276.276 0 0 1-.406 0A2.75 2.75 0 0 0 11 5.75c0 1.2.802 2.248 1.5 2.946L16 11.95\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nHandHeartIcon.displayName = \"HandHeartIcon\";\nexport default HandHeartIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAgB,GAElB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAMpC,AALA,EACE,UACA,EAAE,OAAO;GAAC;GAAG;GAAK;EAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EAAQ,SAAS,EAAE,GAAG;GAAC;GAAG;GAAG;EAAC,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACzE,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,iBACA;GAAE,OAAO;GAAG,GAAG;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,CAeE,kBAAC,EAAO,GAAR;GAAU,WAAU;GAApB,UAAA;IACE,kBAAC,QAAD,EAAM,GAAE,mDAAoD,CAAA;IAC5D,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;IACrB,kBAAC,QAAD,EAAM,GAAE,qFAAsF,CAAA;GACtF;EACV,CAAA,GAAA,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,WAAW;GACrC,GAAE;EACH,CAAA,CACS;;AAEhB,CACF;AAEA,EAAc,cAAc"}

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

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

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

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

package/dist/animations/hashtag-icon.js

@@ -0,0 +1,77 @@
+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/hashtag-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(".line-horizontal", {
+			scaleX: 1.1,
+			opacity: .7
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		}), f(".line-vertical", {
+			scaleY: 1.1,
+			opacity: .7
+		}, {
+			duration: .3,
+			delay: .1,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(async () => {
+		f(".line-horizontal, .line-vertical", {
+			scaleX: 1,
+			scaleY: 1,
+			opacity: 1
+		}, {
+			duration: .25,
+			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: "line-horizontal",
+				d: "M5 9l14 0"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "line-horizontal",
+				d: "M5 15l14 0"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "line-vertical",
+				d: "M11 4l-4 16"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "line-vertical",
+				d: "M17 4l-4 16"
+			})
+		]
+	});
+});
+s.displayName = "HashtagIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=hashtag-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hashtag-icon.js","names":[],"sources":["../../src/animations/hashtag-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst HashtagIcon = 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 horizontal lines\n      animate(\n        \".line-horizontal\",\n        {\n          scaleX: 1.1,\n          opacity: 0.7,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeOut\",\n        },\n      );\n\n      // Animate vertical lines\n      animate(\n        \".line-vertical\",\n        {\n          scaleY: 1.1,\n          opacity: 0.7,\n        },\n        {\n          duration: 0.3,\n          delay: 0.1,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(async () => {\n      animate(\n        \".line-horizontal, .line-vertical\",\n        {\n          scaleX: 1,\n          scaleY: 1,\n          opacity: 1,\n        },\n        {\n          duration: 0.25,\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={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        {/* Horizontal lines */}\n        <motion.path className=\"line-horizontal\" d=\"M5 9l14 0\" />\n        <motion.path className=\"line-horizontal\" d=\"M5 15l14 0\" />\n\n        {/* Vertical lines */}\n        <motion.path className=\"line-vertical\" d=\"M11 4l-4 16\" />\n        <motion.path className=\"line-vertical\" d=\"M17 4l-4 16\" />\n      </motion.svg>\n    );\n  },\n);\n\nHashtagIcon.displayName = \"HashtagIcon\";\nexport default HashtagIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAepC,AAbA,EACE,oBACA;GACE,QAAQ;GACR,SAAS;EACX,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAGA,EACE,kBACA;GACE,QAAQ;GACR,SAAS;EACX,GACA;GACE,UAAU;GACV,OAAO;GACP,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,EAAY,YAAY;EACnC,EACE,oCACA;GACE,QAAQ;GACR,QAAQ;GACR,SAAS;EACX,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,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAGnD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAkB,GAAE;GAAa,CAAA;GACxD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAkB,GAAE;GAAc,CAAA;GAGzD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAgB,GAAE;GAAe,CAAA;GACxD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAgB,GAAE;GAAe,CAAA;EAC9C;;AAEhB,CACF;AAEA,EAAY,cAAc"}

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

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

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

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

package/dist/animations/heart-icon.js

@@ -0,0 +1,60 @@
+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/heart-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(".heart", { scale: [
+			1,
+			1.15,
+			1,
+			1.25,
+			1
+		] }, {
+			duration: .6,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".heart", { 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: `${c} cursor-pointer`,
+		style: { overflow: "visible" },
+		children: [/* @__PURE__ */ i(n.path, {
+			stroke: "none",
+			d: "M0 0h24v24H0z",
+			fill: "none"
+		}), /* @__PURE__ */ i(n.path, {
+			className: "heart",
+			style: { transformOrigin: "50% 50%" },
+			d: "M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"
+		})]
+	});
+});
+o.displayName = "HeartIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=heart-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heart-icon.js","names":[],"sources":["../../src/animations/heart-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst HeartIcon = 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        \".heart\",\n        { scale: [1, 1.15, 1, 1.25, 1] },\n        { duration: 0.6, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".heart\", { scale: 1 }, { duration: 0.2, ease: \"easeOut\" });\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={`${className} cursor-pointer`}\n        style={{ overflow: \"visible\" }}\n      >\n        <motion.path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"heart\"\n          style={{ transformOrigin: \"50% 50%\" }}\n          d=\"M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nHeartIcon.displayName = \"HeartIcon\";\n\nexport default HeartIcon;\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,UACA,EAAE,OAAO;GAAC;GAAG;GAAM;GAAG;GAAM;EAAC,EAAE,GAC/B;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EACjB,EAAQ,UAAU,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACpE;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,GAAG,EAAU;EACxB,OAAO,EAAE,UAAU,UAAU;EAd/B,UAAA,CAgBE,kBAAC,EAAO,MAAR;GAAa,QAAO;GAAO,GAAE;GAAgB,MAAK;EAAQ,CAAA,GAC1D,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,UAAU;GACpC,GAAE;EACH,CAAA,CACS;;AAEhB,CACF;AAEA,EAAU,cAAc"}

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

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

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

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

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

@@ -0,0 +1,66 @@
+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/history-circle-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(".history-circle", {
+			rotate: -45,
+			pathLength: [1, .75]
+		}, {
+			duration: .35,
+			ease: "easeOut"
+		}), f(".clock-hand", { rotate: -30 }, {
+			duration: .25,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(async () => {
+		f(".history-circle, .clock-hand", {
+			rotate: 0,
+			pathLength: 1
+		}, {
+			duration: .25,
+			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, {
+				d: "M12 8l0 4l2 2",
+				className: "clock-hand",
+				style: { transformOrigin: "50% 50%" }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5",
+				className: "history-circle",
+				style: { transformOrigin: "50% 50%" }
+			})
+		]
+	});
+});
+s.displayName = "HistoryCircleIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=history-circle-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"history-circle-icon.js","names":[],"sources":["../../src/animations/history-circle-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst HistoryCircleIcon = 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      // rewind circle slightly\n      animate(\n        \".history-circle\",\n        {\n          rotate: -45,\n          pathLength: [1, 0.75],\n        },\n        {\n          duration: 0.35,\n          ease: \"easeOut\",\n        },\n      );\n\n      // clock hand ticks back\n      animate(\n        \".clock-hand\",\n        {\n          rotate: -30,\n        },\n        {\n          duration: 0.25,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(async () => {\n      animate(\n        \".history-circle, .clock-hand\",\n        {\n          rotate: 0,\n          pathLength: 1,\n        },\n        {\n          duration: 0.25,\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={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        {/* clock hand */}\n        <motion.path\n          d=\"M12 8l0 4l2 2\"\n          className=\"clock-hand\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        />\n\n        {/* history circle */}\n        <motion.path\n          d=\"M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5\"\n          className=\"history-circle\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nHistoryCircleIcon.displayName = \"HistoryCircleIcon\";\nexport default HistoryCircleIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAoB,GAEtB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAepC,AAbA,EACE,mBACA;GACE,QAAQ;GACR,YAAY,CAAC,GAAG,GAAI;EACtB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAGA,EACE,eACA,EACE,QAAQ,IACV,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,EAAY,YAAY;EACnC,EACE,gCACA;GACE,QAAQ;GACR,YAAY;EACd,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,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAGnD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;GACrC,CAAA;GAGD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;GACrC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAkB,cAAc"}

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

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

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

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

package/dist/animations/home-icon.js

@@ -0,0 +1,75 @@
+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/home-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(".roof", {
+			y: [-2, 0],
+			opacity: [.6, 1]
+		}, {
+			duration: .4,
+			ease: "easeOut"
+		}), await f(".house", { scale: [.95, 1] }, {
+			duration: .3,
+			ease: "easeOut"
+		}), f(".door", { scaleY: [0, 1] }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".roof, .house, .door", {
+			y: 0,
+			opacity: 1,
+			scale: 1,
+			scaleY: 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: "roof",
+				d: "M5 12l-2 0l9 -9l9 9l-2 0"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "house",
+				style: { transformOrigin: "center" },
+				d: "M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "door",
+				style: { transformOrigin: "center bottom" },
+				d: "M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"
+			})
+		]
+	});
+});
+s.displayName = "HomeIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=home-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"home-icon.js","names":[],"sources":["../../src/animations/home-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst HomeIcon = 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        \".roof\",\n        { y: [-2, 0], opacity: [0.6, 1] },\n        { duration: 0.4, ease: \"easeOut\" },\n      );\n      await animate(\n        \".house\",\n        { scale: [0.95, 1] },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n      animate(\".door\", { scaleY: [0, 1] }, { duration: 0.3, ease: \"easeOut\" });\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".roof, .house, .door\",\n        { y: 0, opacity: 1, scale: 1, scaleY: 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 className=\"roof\" d=\"M5 12l-2 0l9 -9l9 9l-2 0\" />\n        <motion.path\n          className=\"house\"\n          style={{ transformOrigin: \"center\" }}\n          d=\"M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7\"\n        />\n        <motion.path\n          className=\"door\"\n          style={{ transformOrigin: \"center bottom\" }}\n          d=\"M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nHomeIcon.displayName = \"HomeIcon\";\nexport default HomeIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAW,GAEb,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAWpC,AAVA,EACE,SACA;GAAE,GAAG,CAAC,IAAI,CAAC;GAAG,SAAS,CAAC,IAAK,CAAC;EAAE,GAChC;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,MAAM,EACJ,UACA,EAAE,OAAO,CAAC,KAAM,CAAC,EAAE,GACnB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,EAAQ,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACzE,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,wBACA;GAAE,GAAG;GAAG,SAAS;GAAG,OAAO;GAAG,QAAQ;EAAE,GACxC;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;IAAa,WAAU;IAAO,GAAE;GAA4B,CAAA;GAC5D,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,SAAS;IACnC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,gBAAgB;IAC1C,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAS,cAAc"}

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

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

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

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