nfx-ui 0.17.0 → 0.22.0

package/dist/animations/letter-k-icon.js

@@ -0,0 +1,80 @@
+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/letter-k-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".arm-upper", {
+			rotate: [
+				0,
+				-20,
+				0
+			],
+			x: [
+				0,
+				3,
+				0
+			]
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		}), d(".arm-lower", {
+			rotate: [
+				0,
+				20,
+				0
+			],
+			x: [
+				0,
+				3,
+				0
+			]
+		}, {
+			duration: .3,
+			ease: "easeOut",
+			delay: .1
+		});
+	}, p = () => {
+		d(".arm-upper, .arm-lower", {
+			rotate: 0,
+			x: 0
+		}, { 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, { d: "M6 4V20" }),
+			/* @__PURE__ */ i(n.path, {
+				className: "arm-upper",
+				d: "M6 12L18 4",
+				style: { transformOrigin: "6px 12px" }
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "arm-lower",
+				d: "M6 12L18 20",
+				style: { transformOrigin: "6px 12px" }
+			})
+		]
+	});
+});
+o.displayName = "LetterKIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=letter-k-icon.js.map

package/dist/animations/letter-k-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter-k-icon.js","names":[],"sources":["../../src/animations/letter-k-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LetterKIcon = 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      // Upper arm kicks up\n      animate(\n        \".arm-upper\",\n        { rotate: [0, -20, 0], x: [0, 3, 0] },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n\n      // Lower arm (leg) kicks down\n      animate(\n        \".arm-lower\",\n        { rotate: [0, 20, 0], x: [0, 3, 0] },\n        { duration: 0.3, ease: \"easeOut\", delay: 0.1 },\n      );\n    };\n\n    const stop = () => {\n      animate(\".arm-upper, .arm-lower\", { rotate: 0, x: 0 }, { duration: 0.2 });\n    };\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        {/* Vertical stem */}\n        <motion.path d=\"M6 4V20\" />\n\n        {/* Upper arm - kicks up */}\n        <motion.path\n          className=\"arm-upper\"\n          d=\"M6 12L18 4\"\n          style={{ transformOrigin: \"6px 12px\" }}\n        />\n\n        {/* Lower arm (leg) - kicks down */}\n        <motion.path\n          className=\"arm-lower\"\n          d=\"M6 12L18 20\"\n          style={{ transformOrigin: \"6px 12px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLetterKIcon.displayName = \"LetterKIcon\";\nexport default LetterKIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EASxB,AAPA,EACE,cACA;GAAE,QAAQ;IAAC;IAAG;IAAK;GAAC;GAAG,GAAG;IAAC;IAAG;IAAG;GAAC;EAAE,GACpC;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GAGA,EACE,cACA;GAAE,QAAQ;IAAC;IAAG;IAAI;GAAC;GAAG,GAAG;IAAC;IAAG;IAAG;GAAC;EAAE,GACnC;GAAE,UAAU;GAAK,MAAM;GAAW,OAAO;EAAI,CAC/C;CACF,GAEM,UAAa;EACjB,EAAQ,0BAA0B;GAAE,QAAQ;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAC1E;CAOA,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,EAAO,MAAR,EAAa,GAAE,UAAW,CAAA;GAG1B,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,WAAW;GACtC,CAAA;GAGD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,WAAW;GACtC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/letter-l-icon.d.ts

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

package/dist/animations/letter-l-icon.d.ts.map

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

package/dist/animations/letter-l-icon.js

@@ -0,0 +1,73 @@
+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/letter-l-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(".l-base", {
+			y: [
+				0,
+				-3,
+				5,
+				-2,
+				0
+			],
+			scaleY: [
+				1,
+				1.1,
+				.9,
+				1.05,
+				1
+			]
+		}, {
+			duration: .4,
+			ease: "easeOut"
+		}), d(".l-stem", { scaleY: [
+			1,
+			.98,
+			1.01,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".l-base, .l-stem", {
+			y: 0,
+			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: "l-stem",
+			d: "M6 4V20",
+			style: { transformOrigin: "6px 20px" }
+		}), /* @__PURE__ */ i(n.path, {
+			className: "l-base",
+			d: "M6 20H18",
+			style: { transformOrigin: "6px 20px" }
+		})]
+	});
+});
+o.displayName = "LetterLIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=letter-l-icon.js.map

package/dist/animations/letter-l-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter-l-icon.js","names":[],"sources":["../../src/animations/letter-l-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LetterLIcon = 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      // Boot stomp - horizontal part drops down with impact\n      await animate(\n        \".l-base\",\n        { y: [0, -3, 5, -2, 0], scaleY: [1, 1.1, 0.9, 1.05, 1] },\n        { duration: 0.4, ease: \"easeOut\" },\n      );\n\n      // Stem reacts to stomp\n      animate(\n        \".l-stem\",\n        { scaleY: [1, 0.98, 1.01, 1] },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".l-base, .l-stem\", { y: 0, scaleY: 1 }, { duration: 0.2 });\n    };\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        {/* Vertical stem */}\n        <motion.path\n          className=\"l-stem\"\n          d=\"M6 4V20\"\n          style={{ transformOrigin: \"6px 20px\" }}\n        />\n\n        {/* Base (boot) */}\n        <motion.path\n          className=\"l-base\"\n          d=\"M6 20H18\"\n          style={{ transformOrigin: \"6px 20px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLetterLIcon.displayName = \"LetterLIcon\";\nexport default LetterLIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EASxB,AAPA,MAAM,EACJ,WACA;GAAE,GAAG;IAAC;IAAG;IAAI;IAAG;IAAI;GAAC;GAAG,QAAQ;IAAC;IAAG;IAAK;IAAK;IAAM;GAAC;EAAE,GACvD;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GAGA,EACE,WACA,EAAE,QAAQ;GAAC;GAAG;GAAM;GAAM;EAAC,EAAE,GAC7B;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EACjB,EAAQ,oBAAoB;GAAE,GAAG;GAAG,QAAQ;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACpE;CAOA,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,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,OAAO,EAAE,iBAAiB,WAAW;EACtC,CAAA,GAGD,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,OAAO,EAAE,iBAAiB,WAAW;EACtC,CAAA,CACS;;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/letter-m-icon.d.ts

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

package/dist/animations/letter-m-icon.d.ts.map

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

package/dist/animations/letter-m-icon.js

@@ -0,0 +1,57 @@
+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/letter-m-icon.tsx
+var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
+	let [l, u] = r(), d = async () => {
+		u(".m-shape", {
+			y: [
+				0,
+				-2,
+				0
+			],
+			scaleY: [
+				1,
+				1.05,
+				1
+			]
+		}, {
+			duration: .4,
+			ease: "easeOut"
+		});
+	}, f = () => {
+		u(".m-shape", {
+			y: 0,
+			scaleY: 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: "m-shape",
+			d: "M4 20V4L12 14L20 4V20",
+			style: { transformOrigin: "12px 20px" }
+		})
+	});
+});
+a.displayName = "LetterMIcon";
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=letter-m-icon.js.map

package/dist/animations/letter-m-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter-m-icon.js","names":[],"sources":["../../src/animations/letter-m-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LetterMIcon = 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      // Mountain pulse - peaks push up\n      animate(\n        \".m-shape\",\n        { y: [0, -2, 0], scaleY: [1, 1.05, 1] },\n        { duration: 0.4, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".m-shape\", { y: 0, scaleY: 1 }, { duration: 0.2 });\n    };\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        <motion.path\n          className=\"m-shape\"\n          d=\"M4 20V4L12 14L20 4V20\"\n          style={{ transformOrigin: \"12px 20px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLetterMIcon.displayName = \"LetterMIcon\";\nexport default LetterMIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAExB,EACE,YACA;GAAE,GAAG;IAAC;IAAG;IAAI;GAAC;GAAG,QAAQ;IAAC;IAAG;IAAM;GAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EACjB,EAAQ,YAAY;GAAE,GAAG;GAAG,QAAQ;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAC5D;CAOA,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;EAE7B,UAAA,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,OAAO,EAAE,iBAAiB,YAAY;EACvC,CAAA;CACS,CAAA;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/letter-n-icon.d.ts

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

package/dist/animations/letter-n-icon.d.ts.map

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

package/dist/animations/letter-n-icon.js

@@ -0,0 +1,49 @@
+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/letter-n-icon.tsx
+var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
+	let [l, u] = r(), d = async () => {
+		u(".n-shape", { rotate: [
+			0,
+			3,
+			-2,
+			1,
+			0
+		] }, {
+			duration: .4,
+			ease: "easeOut"
+		});
+	}, f = () => {
+		u(".n-shape", { rotate: 0 }, { 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: "n-shape",
+			d: "M4 20V4L20 20V4",
+			style: { transformOrigin: "12px 12px" }
+		})
+	});
+});
+a.displayName = "LetterNIcon";
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=letter-n-icon.js.map

package/dist/animations/letter-n-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter-n-icon.js","names":[],"sources":["../../src/animations/letter-n-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LetterNIcon = 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      // Diagonal slash animation\n      animate(\n        \".n-shape\",\n        { rotate: [0, 3, -2, 1, 0] },\n        { duration: 0.4, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".n-shape\", { rotate: 0 }, { duration: 0.2 });\n    };\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        <motion.path\n          className=\"n-shape\"\n          d=\"M4 20V4L20 20V4\"\n          style={{ transformOrigin: \"12px 12px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLetterNIcon.displayName = \"LetterNIcon\";\nexport default LetterNIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAExB,EACE,YACA,EAAE,QAAQ;GAAC;GAAG;GAAG;GAAI;GAAG;EAAC,EAAE,GAC3B;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EACjB,EAAQ,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACtD;CAOA,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;EAE7B,UAAA,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,OAAO,EAAE,iBAAiB,YAAY;EACvC,CAAA;CACS,CAAA;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/letter-o-icon.d.ts

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

package/dist/animations/letter-o-icon.d.ts.map

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

package/dist/animations/letter-o-icon.js

@@ -0,0 +1,53 @@
+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/letter-o-icon.tsx
+var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
+	let [l, u] = r(), d = async () => {
+		u(".o-circle", { rotateY: [0, 360] }, {
+			duration: .8,
+			ease: [
+				.25,
+				.1,
+				.25,
+				1
+			]
+		});
+	}, f = () => {
+		u(".o-circle", { rotateY: 0 }, { duration: .3 });
+	};
+	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",
+			perspective: "100px"
+		},
+		children: /* @__PURE__ */ i(n.circle, {
+			className: "o-circle",
+			cx: "12",
+			cy: "12",
+			r: "8",
+			style: { transformOrigin: "12px 12px" }
+		})
+	});
+});
+a.displayName = "LetterOIcon";
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=letter-o-icon.js.map

package/dist/animations/letter-o-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter-o-icon.js","names":[],"sources":["../../src/animations/letter-o-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LetterOIcon = 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      // Portal spin - 3D rotation like a spinning portal\n      animate(\n        \".o-circle\",\n        { rotateY: [0, 360] },\n        { duration: 0.8, ease: [0.25, 0.1, 0.25, 1] },\n      );\n    };\n\n    const stop = () => {\n      animate(\".o-circle\", { rotateY: 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        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\", perspective: \"100px\" }}\n      >\n        <motion.circle\n          className=\"o-circle\"\n          cx=\"12\"\n          cy=\"12\"\n          r=\"8\"\n          style={{ transformOrigin: \"12px 12px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLetterOIcon.displayName = \"LetterOIcon\";\nexport default LetterOIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAExB,EACE,aACA,EAAE,SAAS,CAAC,GAAG,GAAG,EAAE,GACpB;GAAE,UAAU;GAAK,MAAM;IAAC;IAAM;IAAK;IAAM;GAAC;EAAE,CAC9C;CACF,GAEM,UAAa;EACjB,EAAQ,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACxD;CAOA,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;GAAE,UAAU;GAAW,aAAa;EAAQ;EAEnD,UAAA,kBAAC,EAAO,QAAR;GACE,WAAU;GACV,IAAG;GACH,IAAG;GACH,GAAE;GACF,OAAO,EAAE,iBAAiB,YAAY;EACvC,CAAA;CACS,CAAA;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/letter-p-icon.d.ts

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

package/dist/animations/letter-p-icon.d.ts.map

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

package/dist/animations/letter-p-icon.js

@@ -0,0 +1,48 @@
+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/letter-p-icon.tsx
+var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
+	let [l, u] = r(), d = async () => {
+		u(".p-shape", { x: [
+			0,
+			2,
+			-1,
+			1,
+			0
+		] }, {
+			duration: .4,
+			ease: "easeOut"
+		});
+	}, f = () => {
+		u(".p-shape", { x: 0 }, { 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: "p-shape",
+			d: "M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5"
+		})
+	});
+});
+a.displayName = "LetterPIcon";
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=letter-p-icon.js.map

package/dist/animations/letter-p-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter-p-icon.js","names":[],"sources":["../../src/animations/letter-p-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LetterPIcon = 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      // Head bob animation\n      animate(\n        \".p-shape\",\n        { x: [0, 2, -1, 1, 0] },\n        { duration: 0.4, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".p-shape\", { x: 0 }, { duration: 0.2 });\n    };\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        <motion.path className=\"p-shape\" d=\"M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5\" />\n      </motion.svg>\n    );\n  },\n);\n\nLetterPIcon.displayName = \"LetterPIcon\";\nexport default LetterPIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAExB,EACE,YACA,EAAE,GAAG;GAAC;GAAG;GAAG;GAAI;GAAG;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EACjB,EAAQ,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACjD;CAOA,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;EAE7B,UAAA,kBAAC,EAAO,MAAR;GAAa,WAAU;GAAU,GAAE;EAAoC,CAAA;CAC7D,CAAA;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/letter-q-icon.d.ts

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

package/dist/animations/letter-q-icon.d.ts.map

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

package/dist/animations/letter-q-icon.js

@@ -0,0 +1,62 @@
+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/letter-q-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".q-body", { rotate: [
+			0,
+			2,
+			-2,
+			1,
+			0
+		] }, {
+			duration: .4,
+			ease: "easeOut"
+		}), d(".q-tail", { rotate: [
+			0,
+			20,
+			-15,
+			10,
+			0
+		] }, {
+			duration: .5,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".q-body, .q-tail", { rotate: 0 }, { 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: "q-body",
+			d: "M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6",
+			style: { transformOrigin: "12px 12px" }
+		}), /* @__PURE__ */ i(n.path, {
+			className: "q-tail",
+			d: "M13 15l5 5",
+			style: { transformOrigin: "13px 15px" }
+		})]
+	});
+});
+o.displayName = "LetterQIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=letter-q-icon.js.map

package/dist/animations/letter-q-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter-q-icon.js","names":[],"sources":["../../src/animations/letter-q-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LetterQIcon = 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      // Tail wag animation\n      animate(\n        \".q-body\",\n        { rotate: [0, 2, -2, 1, 0] },\n        { duration: 0.4, ease: \"easeOut\" },\n      );\n      animate(\n        \".q-tail\",\n        { rotate: [0, 20, -15, 10, 0] },\n        { duration: 0.5, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".q-body, .q-tail\", { rotate: 0 }, { duration: 0.2 });\n    };\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        <motion.path\n          className=\"q-body\"\n          d=\"M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6\"\n          style={{ transformOrigin: \"12px 12px\" }}\n        />\n        <motion.path\n          className=\"q-tail\"\n          d=\"M13 15l5 5\"\n          style={{ transformOrigin: \"13px 15px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLetterQIcon.displayName = \"LetterQIcon\";\nexport default LetterQIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAOxB,AALA,EACE,WACA,EAAE,QAAQ;GAAC;GAAG;GAAG;GAAI;GAAG;EAAC,EAAE,GAC3B;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,EACE,WACA,EAAE,QAAQ;GAAC;GAAG;GAAI;GAAK;GAAI;EAAC,EAAE,GAC9B;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EACjB,EAAQ,oBAAoB,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAC9D;CAOA,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,CAgBE,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,OAAO,EAAE,iBAAiB,YAAY;EACvC,CAAA,GACD,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,OAAO,EAAE,iBAAiB,YAAY;EACvC,CAAA,CACS;;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/letter-r-icon.d.ts

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

package/dist/animations/letter-r-icon.d.ts.map

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

package/dist/animations/letter-r-icon.js

@@ -0,0 +1,67 @@
+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/letter-r-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".r-body", { x: [
+			0,
+			1,
+			0
+		] }, {
+			duration: .3,
+			ease: "easeOut"
+		}), d(".r-leg", {
+			rotate: [
+				0,
+				15,
+				0
+			],
+			x: [
+				0,
+				2,
+				0
+			]
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".r-body, .r-leg", {
+			rotate: 0,
+			x: 0
+		}, { 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: "r-body",
+			d: "M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5"
+		}), /* @__PURE__ */ i(n.path, {
+			className: "r-leg",
+			d: "M12 13l5 7",
+			style: { transformOrigin: "12px 13px" }
+		})]
+	});
+});
+o.displayName = "LetterRIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=letter-r-icon.js.map

package/dist/animations/letter-r-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter-r-icon.js","names":[],"sources":["../../src/animations/letter-r-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LetterRIcon = 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      // Leg kick animation\n      animate(\".r-body\", { x: [0, 1, 0] }, { duration: 0.3, ease: \"easeOut\" });\n      animate(\n        \".r-leg\",\n        { rotate: [0, 15, 0], x: [0, 2, 0] },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".r-body, .r-leg\", { rotate: 0, x: 0 }, { duration: 0.2 });\n    };\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        <motion.path className=\"r-body\" d=\"M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5\" />\n        <motion.path\n          className=\"r-leg\"\n          d=\"M12 13l5 7\"\n          style={{ transformOrigin: \"12px 13px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLetterRIcon.displayName = \"LetterRIcon\";\nexport default LetterRIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAGxB,AADA,EAAQ,WAAW,EAAE,GAAG;GAAC;GAAG;GAAG;EAAC,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GACvE,EACE,UACA;GAAE,QAAQ;IAAC;IAAG;IAAI;GAAC;GAAG,GAAG;IAAC;IAAG;IAAG;GAAC;EAAE,GACnC;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EACjB,EAAQ,mBAAmB;GAAE,QAAQ;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACnE;CAOA,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,CAgBE,kBAAC,EAAO,MAAR;GAAa,WAAU;GAAS,GAAE;EAAoC,CAAA,GACtE,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,OAAO,EAAE,iBAAiB,YAAY;EACvC,CAAA,CACS;;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/letter-s-icon.d.ts

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

package/dist/animations/letter-s-icon.d.ts.map

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