nfx-ui 0.17.0 → 0.22.0

package/dist/animations/gauge-icon.js

@@ -0,0 +1,51 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/gauge-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".needle", { rotate: [
+			0,
+			45,
+			-20,
+			30,
+			0
+		] }, {
+			duration: .8,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".needle", { rotate: 0 }, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [/* @__PURE__ */ a("path", { d: "M3.34 19a10 10 0 1 1 17.32 0" }), /* @__PURE__ */ a(r.path, {
+			className: "needle",
+			style: { transformOrigin: "12px 14px" },
+			d: "m12 14 4-4"
+		})]
+	});
+});
+s.displayName = "GaugeIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=gauge-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gauge-icon.js","names":[],"sources":["../../src/animations/gauge-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst GaugeIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      animate(\n        \".needle\",\n        { rotate: [0, 45, -20, 30, 0] },\n        { duration: 0.8, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".needle\", { rotate: 0 }, { duration: 0.3, ease: \"easeInOut\" });\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path d=\"M3.34 19a10 10 0 1 1 17.32 0\" />\n        <motion.path\n          className=\"needle\"\n          style={{ transformOrigin: \"12px 14px\" }}\n          d=\"m12 14 4-4\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nGaugeIcon.displayName = \"GaugeIcon\";\nexport default GaugeIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAY,GAEd,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EACpC,EACE,WACA,EAAE,QAAQ;GAAC;GAAG;GAAI;GAAK;GAAI;EAAC,EAAE,GAC9B;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EAAQ,WAAW,EAAE,QAAQ,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACxE,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA,CAeE,kBAAC,QAAD,EAAM,GAAE,+BAAgC,CAAA,GACxC,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,YAAY;GACtC,GAAE;EACH,CAAA,CACS;;AAEhB,CACF;AAEA,EAAU,cAAc"}

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

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

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

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

package/dist/animations/gear-icon.js

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

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

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

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

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

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

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

package/dist/animations/ghost-icon.js

@@ -0,0 +1,108 @@
+import { forwardRef as e, useImperativeHandle as t } from "react";
+import { motion as n, useAnimate as r } from "motion/react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/animations/ghost-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".ghost-body", {
+			y: [
+				0,
+				-8,
+				-4,
+				-8,
+				0
+			],
+			rotate: [
+				0,
+				-3,
+				3,
+				-2,
+				0
+			]
+		}, {
+			duration: 1.2,
+			ease: "easeInOut"
+		}), d(".ghost-eye", {
+			scaleY: [
+				1,
+				.1,
+				1,
+				.1,
+				1
+			],
+			scaleX: [
+				1,
+				1.2,
+				1,
+				1.2,
+				1
+			]
+		}, {
+			duration: .8,
+			ease: "easeInOut"
+		}), await d(".ghost-body", { scaleX: [
+			1,
+			1.05,
+			.98,
+			1.02,
+			1
+		] }, {
+			duration: .6,
+			ease: "easeInOut"
+		});
+	}, p = () => {
+		d(".ghost-body", {
+			y: 0,
+			rotate: 0,
+			scaleX: 1
+		}, { duration: .2 }), d(".ghost-eye", {
+			scaleX: 1,
+			scaleY: 1
+		}, { duration: .2 });
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(n.svg, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: o,
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${c}`,
+		style: { overflow: "visible" },
+		children: [
+			/* @__PURE__ */ i(n.path, {
+				className: "ghost-body",
+				style: { transformOrigin: "12px 14px" },
+				d: "M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "ghost-eye",
+				style: { transformOrigin: "10px 10px" },
+				d: "M10 10h.01"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "ghost-eye",
+				style: { transformOrigin: "14px 10px" },
+				d: "M14 10h.01"
+			})
+		]
+	});
+});
+o.displayName = "GhostIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=ghost-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ghost-icon.js","names":[],"sources":["../../src/animations/ghost-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst GhostIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      // floating + wiggle\n      animate(\n        \".ghost-body\",\n        {\n          y: [0, -8, -4, -8, 0],\n          rotate: [0, -3, 3, -2, 0],\n        },\n        { duration: 1.2, ease: \"easeInOut\" },\n      );\n\n      // eyes blink\n      animate(\n        \".ghost-eye\",\n        {\n          scaleY: [1, 0.1, 1, 0.1, 1],\n          scaleX: [1, 1.2, 1, 1.2, 1],\n        },\n        { duration: 0.8, ease: \"easeInOut\" },\n      );\n\n      // wavy bottom\n      await animate(\n        \".ghost-body\",\n        { scaleX: [1, 1.05, 0.98, 1.02, 1] },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".ghost-body\", { y: 0, rotate: 0, scaleX: 1 }, { duration: 0.2 });\n      animate(\".ghost-eye\", { scaleX: 1, scaleY: 1 }, { duration: 0.2 });\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        <motion.path\n          className=\"ghost-body\"\n          style={{ transformOrigin: \"12px 14px\" }}\n          d=\"M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7\"\n        />\n        <motion.path\n          className=\"ghost-eye\"\n          style={{ transformOrigin: \"10px 10px\" }}\n          d=\"M10 10h.01\"\n        />\n        <motion.path\n          className=\"ghost-eye\"\n          style={{ transformOrigin: \"14px 10px\" }}\n          d=\"M14 10h.01\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nGhostIcon.displayName = \"GhostIcon\";\n\nexport default GhostIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAY,GAEd,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAsBxB,AApBA,EACE,eACA;GACE,GAAG;IAAC;IAAG;IAAI;IAAI;IAAI;GAAC;GACpB,QAAQ;IAAC;IAAG;IAAI;IAAG;IAAI;GAAC;EAC1B,GACA;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GAGA,EACE,cACA;GACE,QAAQ;IAAC;IAAG;IAAK;IAAG;IAAK;GAAC;GAC1B,QAAQ;IAAC;IAAG;IAAK;IAAG;IAAK;GAAC;EAC5B,GACA;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GAGA,MAAM,EACJ,eACA,EAAE,QAAQ;GAAC;GAAG;GAAM;GAAM;GAAM;EAAC,EAAE,GACnC;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EAEjB,AADA,EAAQ,eAAe;GAAE,GAAG;GAAG,QAAQ;GAAG,QAAQ;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACxE,EAAQ,cAAc;GAAE,QAAQ;GAAG,QAAQ;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACnE;CAeA,OAbA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAWA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAd/B,UAAA;GAgBE,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY;IACtC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY;IACtC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY;IACtC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAU,cAAc"}

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

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

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

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

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"}