nfx-ui 0.20.0 → 0.22.0

package/dist/animations/github-copilot-icon.js

@@ -0,0 +1,76 @@
+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/github-copilot-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(".eye-left", { scaleY: [
+			1,
+			.1,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeInOut"
+		}), f(".eye-right", { scaleY: [
+			1,
+			.1,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeInOut",
+			delay: .1
+		});
+	}, [f]), m = t(() => {
+		f(".eye-left, .eye-right", { scaleY: 1 }, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a(r.div, {
+		ref: d,
+		className: `inline-flex cursor-pointer items-center justify-center ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: /* @__PURE__ */ o("svg", {
+			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",
+			children: [
+				/* @__PURE__ */ a("path", {
+					stroke: "none",
+					d: "M0 0h24v24H0z",
+					fill: "none"
+				}),
+				/* @__PURE__ */ a("path", { d: "M4 18v-5.5c0 -.667 .167 -1.333 .5 -2" }),
+				/* @__PURE__ */ a("path", { d: "M12 7.5c0 -1 -.01 -4.07 -4 -3.5c-3.5 .5 -4 2.5 -4 3.5c0 1.5 0 4 3 4c4 0 5 -2.5 5 -4z" }),
+				/* @__PURE__ */ a("path", { d: "M4 12c-1.333 .667 -2 1.333 -2 2c0 1 0 3 1.5 4c3 2 6.5 3 8.5 3s5.499 -1 8.5 -3c1.5 -1 1.5 -3 1.5 -4c0 -.667 -.667 -1.333 -2 -2" }),
+				/* @__PURE__ */ a("path", { d: "M20 18v-5.5c0 -.667 -.167 -1.333 -.5 -2" }),
+				/* @__PURE__ */ a("path", { d: "M12 7.5l0 -.297l.01 -.269l.027 -.298l.013 -.105l.033 -.215c.014 -.073 .029 -.146 .046 -.22l.06 -.223c.336 -1.118 1.262 -2.237 3.808 -1.873c2.838 .405 3.703 1.797 3.93 2.842l.036 .204c0 .033 .01 .066 .013 .098l.016 .185l0 .171l0 .49l-.015 .394l-.02 .271c-.122 1.366 -.655 2.845 -2.962 2.845c-3.256 0 -4.524 -1.656 -4.883 -3.081l-.053 -.242a3.865 3.865 0 0 1 -.036 -.235l-.021 -.227a3.518 3.518 0 0 1 -.007 -.215z" }),
+				/* @__PURE__ */ a(r.path, {
+					className: "eye-left",
+					d: "M10 15v2",
+					style: { transformOrigin: "10px 16px" }
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "eye-right",
+					d: "M14 15v2",
+					style: { transformOrigin: "14px 16px" }
+				})
+			]
+		})
+	});
+});
+s.displayName = "GithubCopilotIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=github-copilot-icon.js.map

package/dist/animations/github-copilot-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-copilot-icon.js","names":[],"sources":["../../src/animations/github-copilot-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst GithubCopilotIcon = 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        \".eye-left\",\n        { scaleY: [1, 0.1, 1] },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n      animate(\n        \".eye-right\",\n        { scaleY: [1, 0.1, 1] },\n        { duration: 0.3, ease: \"easeInOut\", delay: 0.1 },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".eye-left, .eye-right\",\n        { scaleY: 1 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.div\n        ref={scope}\n        className={`inline-flex cursor-pointer items-center justify-center ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <svg\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        >\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path d=\"M4 18v-5.5c0 -.667 .167 -1.333 .5 -2\" />\n          <path d=\"M12 7.5c0 -1 -.01 -4.07 -4 -3.5c-3.5 .5 -4 2.5 -4 3.5c0 1.5 0 4 3 4c4 0 5 -2.5 5 -4z\" />\n          <path d=\"M4 12c-1.333 .667 -2 1.333 -2 2c0 1 0 3 1.5 4c3 2 6.5 3 8.5 3s5.499 -1 8.5 -3c1.5 -1 1.5 -3 1.5 -4c0 -.667 -.667 -1.333 -2 -2\" />\n          <path d=\"M20 18v-5.5c0 -.667 -.167 -1.333 -.5 -2\" />\n          <path d=\"M12 7.5l0 -.297l.01 -.269l.027 -.298l.013 -.105l.033 -.215c.014 -.073 .029 -.146 .046 -.22l.06 -.223c.336 -1.118 1.262 -2.237 3.808 -1.873c2.838 .405 3.703 1.797 3.93 2.842l.036 .204c0 .033 .01 .066 .013 .098l.016 .185l0 .171l0 .49l-.015 .394l-.02 .271c-.122 1.366 -.655 2.845 -2.962 2.845c-3.256 0 -4.524 -1.656 -4.883 -3.081l-.053 -.242a3.865 3.865 0 0 1 -.036 -.235l-.021 -.227a3.518 3.518 0 0 1 -.007 -.215z\" />\n          <motion.path\n            className=\"eye-left\"\n            d=\"M10 15v2\"\n            style={{ transformOrigin: \"10px 16px\" }}\n          />\n          <motion.path\n            className=\"eye-right\"\n            d=\"M14 15v2\"\n            style={{ transformOrigin: \"14px 16px\" }}\n          />\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nGithubCopilotIcon.displayName = \"GithubCopilotIcon\";\nexport default GithubCopilotIcon;\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;EAMpC,AALA,EACE,aACA,EAAE,QAAQ;GAAC;GAAG;GAAK;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,cACA,EAAE,QAAQ;GAAC;GAAG;GAAK;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;GAAa,OAAO;EAAI,CACjD;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,yBACA,EAAE,QAAQ,EAAE,GACZ;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,WAAW,0DAA0D;EACrE,cAAc;EACd,YAAY;EAEZ,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACK;GACb,eAAc;GACd,gBAAe;GATjB,UAAA;IAWE,kBAAC,QAAD;KAAM,QAAO;KAAO,GAAE;KAAgB,MAAK;IAAQ,CAAA;IACnD,kBAAC,QAAD,EAAM,GAAE,uCAAwC,CAAA;IAChD,kBAAC,QAAD,EAAM,GAAE,uFAAwF,CAAA;IAChG,kBAAC,QAAD,EAAM,GAAE,gIAAiI,CAAA;IACzI,kBAAC,QAAD,EAAM,GAAE,0CAA2C,CAAA;IACnD,kBAAC,QAAD,EAAM,GAAE,8ZAA+Z,CAAA;IACva,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;KACF,OAAO,EAAE,iBAAiB,YAAY;IACvC,CAAA;IACD,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;KACF,OAAO,EAAE,iBAAiB,YAAY;IACvC,CAAA;GACE;;CACK,CAAA;AAEhB,CACF;AAEA,EAAkB,cAAc"}

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

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

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

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

package/dist/animations/github-icon.js

@@ -0,0 +1,69 @@
+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/github-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(".github-icon", {
+			scale: [
+				1,
+				1.1,
+				1
+			],
+			rotate: [
+				0,
+				-5,
+				5,
+				0
+			]
+		}, {
+			duration: .5,
+			ease: "easeInOut"
+		});
+	}, p = () => {
+		d(".github-icon", {
+			scale: 1,
+			rotate: 0
+		}, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ i(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: `inline-flex cursor-pointer items-center justify-center ${c}`,
+		style: { overflow: "visible" },
+		children: /* @__PURE__ */ a(n.g, {
+			className: "github-icon",
+			style: { transformOrigin: "center" },
+			children: [/* @__PURE__ */ i("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}), /* @__PURE__ */ i("path", { d: "M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" })]
+		})
+	});
+});
+o.displayName = "GithubIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=github-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"github-icon.js","names":[],"sources":["../../src/animations/github-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst GithubIcon = 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        \".github-icon\",\n        { scale: [1, 1.1, 1], rotate: [0, -5, 5, 0] },\n        { duration: 0.5, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\n        \".github-icon\",\n        { scale: 1, rotate: 0 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`inline-flex cursor-pointer items-center justify-center ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        <motion.g className=\"github-icon\" style={{ transformOrigin: \"center\" }}>\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path d=\"M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nGithubIcon.displayName = \"GithubIcon\";\n\nexport default GithubIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,MAAM,EACJ,gBACA;GAAE,OAAO;IAAC;IAAG;IAAK;GAAC;GAAG,QAAQ;IAAC;IAAG;IAAI;IAAG;GAAC;EAAE,GAC5C;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EACjB,EACE,gBACA;GAAE,OAAO;GAAG,QAAQ;EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF;CAeA,OAbA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAWA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,0DAA0D;EACrE,OAAO,EAAE,UAAU,UAAU;EAE7B,UAAA,kBAAC,EAAO,GAAR;GAAU,WAAU;GAAc,OAAO,EAAE,iBAAiB,SAAS;GAArE,UAAA,CACE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA,GACnD,kBAAC,QAAD,EAAM,GAAE,uSAAwS,CAAA,CACxS;;CACA,CAAA;AAEhB,CACF;AAEA,EAAW,cAAc"}

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

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

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

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

package/dist/animations/gitlab-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/gitlab-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		await f(".gitlab-icon", {
+			scale: [
+				1,
+				1.1,
+				1
+			],
+			rotate: [
+				0,
+				-5,
+				5,
+				0
+			]
+		}, {
+			duration: .5,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".gitlab-icon", {
+			scale: 1,
+			rotate: 0
+		}, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a(r.div, {
+		ref: d,
+		className: `inline-flex cursor-pointer items-center justify-center ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: /* @__PURE__ */ a("svg", {
+			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",
+			children: /* @__PURE__ */ o(r.g, {
+				className: "gitlab-icon",
+				style: { transformOrigin: "center" },
+				children: [/* @__PURE__ */ a("path", {
+					stroke: "none",
+					d: "M0 0h24v24H0z",
+					fill: "none"
+				}), /* @__PURE__ */ a("path", { d: "M21 14l-9 7l-9 -7l3 -11l3 7h6l3 -7z" })]
+			})
+		})
+	});
+});
+s.displayName = "GitlabIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=gitlab-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gitlab-icon.js","names":[],"sources":["../../src/animations/gitlab-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst GitlabIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      await animate(\n        \".gitlab-icon\",\n        { scale: [1, 1.1, 1], rotate: [0, -5, 5, 0] },\n        { duration: 0.5, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".gitlab-icon\",\n        { scale: 1, rotate: 0 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.div\n        ref={scope}\n        className={`inline-flex cursor-pointer items-center justify-center ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <svg\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        >\n          <motion.g\n            className=\"gitlab-icon\"\n            style={{ transformOrigin: \"center\" }}\n          >\n            <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n            <path d=\"M21 14l-9 7l-9 -7l3 -11l3 7h6l3 -7z\" />\n          </motion.g>\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nGitlabIcon.displayName = \"GitlabIcon\";\nexport default GitlabIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EACpC,MAAM,EACJ,gBACA;GAAE,OAAO;IAAC;IAAG;IAAK;GAAC;GAAG,QAAQ;IAAC;IAAG;IAAI;IAAG;GAAC;EAAE,GAC5C;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,gBACA;GAAE,OAAO;GAAG,QAAQ;EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,WAAW,0DAA0D;EACrE,cAAc;EACd,YAAY;EAEZ,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACK;GACb,eAAc;GACd,gBAAe;GAEf,UAAA,kBAAC,EAAO,GAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,SAAS;IAFrC,UAAA,CAIE,kBAAC,QAAD;KAAM,QAAO;KAAO,GAAE;KAAgB,MAAK;IAAQ,CAAA,GACnD,kBAAC,QAAD,EAAM,GAAE,sCAAuC,CAAA,CACvC;;EACP,CAAA;CACK,CAAA;AAEhB,CACF;AAEA,EAAW,cAAc"}

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

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

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

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

package/dist/animations/globe-icon.js

@@ -0,0 +1,77 @@
+import { scaledStrokeWidth as e } from "./types.js";
+import { forwardRef as t, useImperativeHandle as n, useRef as r } from "react";
+import { motion as i, useAnimate as a } from "motion/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/animations/globe-icon.tsx
+var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, className: u = "" }, d) => {
+	let [f, p] = a(), m = r([]), h = async () => {
+		m.current.forEach((e) => e.stop()), m.current = [], m.current.push(p(".globe-circle", { rotate: 360 }, {
+			duration: 2,
+			ease: "linear",
+			repeat: Infinity
+		}));
+	}, g = () => {
+		m.current.forEach((e) => e.stop()), m.current = [], p(".globe-circle", { rotate: 0 }, { duration: .5 });
+	};
+	return n(d, () => ({
+		startAnimation: h,
+		stopAnimation: g
+	})), /* @__PURE__ */ o(i.div, {
+		ref: f,
+		className: `inline-flex cursor-pointer ${u}`,
+		onHoverStart: h,
+		onHoverEnd: g,
+		children: /* @__PURE__ */ s("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: t,
+			height: t,
+			viewBox: "0 0 48 48",
+			fill: "none",
+			stroke: c,
+			strokeWidth: e(l, 48),
+			strokeMiterlimit: "10",
+			strokeLinecap: "square",
+			children: [
+				/* @__PURE__ */ s(i.g, {
+					className: "globe-circle",
+					style: { transformOrigin: "23px 19px" },
+					children: [
+						/* @__PURE__ */ o(i.path, {
+							className: "globe-continent-1",
+							d: "M36.6225 22.1264C34.6145 19.2959 32.3651 15.7913 28.4377 17.3428C24.4307 18.9257 30.0493 23.15 25.2064 26.9189C22.1135 29.3259 22.8515 31.6477 23.9478 33"
+						}),
+						/* @__PURE__ */ o(i.path, {
+							className: "globe-continent-2",
+							d: "M14 30L15.336 28.0984C16.3999 26.5841 16.557 24.5077 15.7357 22.8151L15.5751 22.4842C14.5131 20.2955 15.1651 17.5604 17.0607 16.253L17.3292 16.0677C18.2109 15.4596 18.808 14.4478 18.9613 13.3023C19.1316 12.0291 18.7338 10.7433 17.8962 9.85981L15.3599 7.24048"
+						}),
+						/* @__PURE__ */ o(i.path, {
+							className: "globe-continent-3",
+							d: "M23.0628 5C22.3771 9.64991 27.3946 14.948 33.7332 10.0381"
+						}),
+						/* @__PURE__ */ o(i.path, {
+							className: "globe-outline",
+							d: "M23 33C30.732 33 37 26.732 37 19C37 11.268 30.732 5 23 5C15.268 5 9 11.268 9 19C9 26.732 15.268 33 23 33Z"
+						})
+					]
+				}),
+				/* @__PURE__ */ o(i.path, {
+					className: "globe-stand-stem",
+					d: "M23 43V38"
+				}),
+				/* @__PURE__ */ o(i.path, {
+					className: "globe-stand-base",
+					d: "M16 43H30"
+				}),
+				/* @__PURE__ */ o(i.path, {
+					className: "globe-axis",
+					d: "M38 3.99994L36.435 5.56491C43.855 12.9849 43.855 25.015 36.435 32.435C29.0151 39.8549 16.9849 39.8549 9.56497 32.435L7.99997 34"
+				})
+			]
+		})
+	});
+});
+c.displayName = "GlobeIcon";
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=globe-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"globe-icon.js","names":[],"sources":["../../src/animations/globe-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useRef } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { scaledStrokeWidth } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst GlobeIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n    const animationControls = useRef<Array<ReturnType<typeof animate>>>([]);\n\n    const start = async () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animationControls.current.push(\n        animate(\n          \".globe-circle\",\n          { rotate: 360 },\n          { duration: 2, ease: \"linear\", repeat: Infinity },\n        ),\n      );\n    };\n\n    const stop = () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animate(\".globe-circle\", { rotate: 0 }, { duration: 0.5 });\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.div\n        ref={scope}\n        className={`inline-flex cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width={size}\n          height={size}\n          viewBox=\"0 0 48 48\"\n          fill=\"none\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 48)}\n          strokeMiterlimit=\"10\"\n          strokeLinecap=\"square\"\n        >\n          <motion.g\n            className=\"globe-circle\"\n            style={{ transformOrigin: \"23px 19px\" }}\n          >\n            <motion.path\n              className=\"globe-continent-1\"\n              d=\"M36.6225 22.1264C34.6145 19.2959 32.3651 15.7913 28.4377 17.3428C24.4307 18.9257 30.0493 23.15 25.2064 26.9189C22.1135 29.3259 22.8515 31.6477 23.9478 33\"\n            />\n\n            <motion.path\n              className=\"globe-continent-2\"\n              d=\"M14 30L15.336 28.0984C16.3999 26.5841 16.557 24.5077 15.7357 22.8151L15.5751 22.4842C14.5131 20.2955 15.1651 17.5604 17.0607 16.253L17.3292 16.0677C18.2109 15.4596 18.808 14.4478 18.9613 13.3023C19.1316 12.0291 18.7338 10.7433 17.8962 9.85981L15.3599 7.24048\"\n            />\n\n            <motion.path\n              className=\"globe-continent-3\"\n              d=\"M23.0628 5C22.3771 9.64991 27.3946 14.948 33.7332 10.0381\"\n            />\n\n            <motion.path\n              className=\"globe-outline\"\n              d=\"M23 33C30.732 33 37 26.732 37 19C37 11.268 30.732 5 23 5C15.268 5 9 11.268 9 19C9 26.732 15.268 33 23 33Z\"\n            />\n          </motion.g>\n\n          <motion.path className=\"globe-stand-stem\" d=\"M23 43V38\" />\n\n          <motion.path className=\"globe-stand-base\" d=\"M16 43H30\" />\n\n          <motion.path\n            className=\"globe-axis\"\n            d=\"M38 3.99994L36.435 5.56491C43.855 12.9849 43.855 25.015 36.435 32.435C29.0151 39.8549 16.9849 39.8549 9.56497 32.435L7.99997 34\"\n          />\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nGlobeIcon.displayName = \"GlobeIcon\";\nexport default GlobeIcon;\n"],"mappings":";;;;;AAKA,IAAM,IAAY,GAEd,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAC9B,IAAoB,EAA0C,CAAC,CAAC,GAEhE,IAAQ,YAAY;EAIxB,AAHA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAkB,QAAQ,KACxB,EACE,iBACA,EAAE,QAAQ,IAAI,GACd;GAAE,UAAU;GAAG,MAAM;GAAU,QAAQ;EAAS,CAClD,CACF;CACF,GAEM,UAAa;EAIjB,AAHA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAQ,iBAAiB,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAC3D;CAOA,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,WAAW,8BAA8B;EACzC,cAAc;EACd,YAAY;EAEZ,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACR,aAAa,EAAkB,GAAa,EAAE;GAC9C,kBAAiB;GACjB,eAAc;GAThB,UAAA;IAWE,kBAAC,EAAO,GAAR;KACE,WAAU;KACV,OAAO,EAAE,iBAAiB,YAAY;KAFxC,UAAA;MAIE,kBAAC,EAAO,MAAR;OACE,WAAU;OACV,GAAE;MACH,CAAA;MAED,kBAAC,EAAO,MAAR;OACE,WAAU;OACV,GAAE;MACH,CAAA;MAED,kBAAC,EAAO,MAAR;OACE,WAAU;OACV,GAAE;MACH,CAAA;MAED,kBAAC,EAAO,MAAR;OACE,WAAU;OACV,GAAE;MACH,CAAA;KACO;;IAEV,kBAAC,EAAO,MAAR;KAAa,WAAU;KAAmB,GAAE;IAAa,CAAA;IAEzD,kBAAC,EAAO,MAAR;KAAa,WAAU;KAAmB,GAAE;IAAa,CAAA;IAEzD,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;IACH,CAAA;GACE;;CACK,CAAA;AAEhB,CACF;AAEA,EAAU,cAAc"}

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