nfx-ui 0.17.0 → 0.22.0

package/dist/animations/mouse-pointer-2-icon.js

@@ -0,0 +1,61 @@
+import { forwardRef as e, useImperativeHandle as t, useRef as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/animations/mouse-pointer-2-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = i(), f = n([]), p = async () => {
+		f.current.forEach((e) => e.stop()), f.current = [], f.current.push(d(".pointer", {
+			x: [
+				0,
+				3,
+				0,
+				-3,
+				0
+			],
+			y: [
+				0,
+				-3,
+				0,
+				3,
+				0
+			]
+		}, {
+			duration: 1.2,
+			ease: "easeInOut",
+			repeat: Infinity
+		}));
+	}, m = () => {
+		f.current.forEach((e) => e.stop()), f.current = [], d(".pointer", {
+			x: 0,
+			y: 0
+		}, { duration: .3 });
+	};
+	return t(l, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a(r.svg, {
+		ref: u,
+		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}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: /* @__PURE__ */ a(r.path, {
+			className: "pointer",
+			style: { transformOrigin: "center" },
+			d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z"
+		})
+	});
+});
+o.displayName = "MousePointer2Icon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=mouse-pointer-2-icon.js.map

package/dist/animations/mouse-pointer-2-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouse-pointer-2-icon.js","names":[],"sources":["../../src/animations/mouse-pointer-2-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useRef } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst MousePointer2Icon = 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          \".pointer\",\n          {\n            x: [0, 3, 0, -3, 0],\n            y: [0, -3, 0, 3, 0],\n          },\n          {\n            duration: 1.2,\n            ease: \"easeInOut\",\n            repeat: Infinity,\n          },\n        ),\n      );\n    };\n\n    const stop = () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animate(\".pointer\", { x: 0, y: 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        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.path\n          className=\"pointer\"\n          style={{ transformOrigin: \"center\" }}\n          d=\"M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nMousePointer2Icon.displayName = \"MousePointer2Icon\";\nexport default MousePointer2Icon;\n"],"mappings":";;;;AAIA,IAAM,IAAoB,GAEtB,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,YACA;GACE,GAAG;IAAC;IAAG;IAAG;IAAG;IAAI;GAAC;GAClB,GAAG;IAAC;IAAG;IAAI;IAAG;IAAG;GAAC;EACpB,GACA;GACE,UAAU;GACV,MAAM;GACN,QAAQ;EACV,CACF,CACF;CACF,GAEM,UAAa;EAIjB,AAHA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAQ,YAAY;GAAE,GAAG;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACvD;CAOA,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;EAEZ,UAAA,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,SAAS;GACnC,GAAE;EACH,CAAA;CACS,CAAA;AAEhB,CACF;AAEA,EAAkB,cAAc"}

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

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

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

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

package/dist/animations/mysql-icon.js

@@ -0,0 +1,70 @@
+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/mysql-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(".dolphin", { y: [
+			0,
+			-2,
+			0
+		] }, {
+			duration: .8,
+			ease: "easeInOut"
+		}), await f(".eye", { scale: [
+			1,
+			1.5,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".dolphin, .eye", {
+			y: 0,
+			scale: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "dolphin",
+				d: "M13 21c-1.427 -1.026 -3.59 -3.854 -4 -6c-.486 .77 -1.501 2 -2 2c-1.499 -.888 -.574 -3.973 0 -6c-1.596 -1.433 -2.468 -2.458 -2.5 -4c-3.35 -3.44 -.444 -5.27 2.5 -3h1c8.482 .5 6.421 8.07 9 11.5c2.295 .522 3.665 2.254 5 3.5c-2.086 -.2 -2.784 -.344 -3.5 0c.478 1.64 2.123 2.2 3.5 3"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "eye",
+				style: { transformOrigin: "9 7" },
+				d: "M9 7h.01"
+			})
+		]
+	});
+});
+s.displayName = "MysqlIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=mysql-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mysql-icon.js","names":[],"sources":["../../src/animations/mysql-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst MysqlIcon = 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        \".dolphin\",\n        { y: [0, -2, 0] },\n        { duration: 0.8, ease: \"easeInOut\" },\n      );\n      await animate(\n        \".eye\",\n        { scale: [1, 1.5, 1] },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".dolphin, .eye\",\n        { y: 0, scale: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"dolphin\"\n          d=\"M13 21c-1.427 -1.026 -3.59 -3.854 -4 -6c-.486 .77 -1.501 2 -2 2c-1.499 -.888 -.574 -3.973 0 -6c-1.596 -1.433 -2.468 -2.458 -2.5 -4c-3.35 -3.44 -.444 -5.27 2.5 -3h1c8.482 .5 6.421 8.07 9 11.5c2.295 .522 3.665 2.254 5 3.5c-2.086 -.2 -2.784 -.344 -3.5 0c.478 1.64 2.123 2.2 3.5 3\"\n        />\n        <motion.path\n          className=\"eye\"\n          style={{ transformOrigin: \"9 7\" }}\n          d=\"M9 7h.01\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nMysqlIcon.displayName = \"MysqlIcon\";\nexport default MysqlIcon;\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;EAMpC,AALA,EACE,YACA,EAAE,GAAG;GAAC;GAAG;GAAI;EAAC,EAAE,GAChB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,MAAM,EACJ,QACA,EAAE,OAAO;GAAC;GAAG;GAAK;EAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,kBACA;GAAE,GAAG;GAAG,OAAO;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;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,MAAM;IAChC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAU,cAAc"}

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

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

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

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

@@ -0,0 +1,68 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/nodejs-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(".hexagon", { rotate: [0, 360] }, {
+			duration: 1,
+			ease: "easeInOut"
+		}), f(".dollar", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .6,
+			ease: "easeOut",
+			delay: .2
+		});
+	}, [f]), m = t(() => {
+		f(".dollar, .hexagon", {
+			pathLength: 1,
+			opacity: 1,
+			rotate: 0
+		}, { 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: "hexagon",
+				style: { transformOrigin: "center" },
+				d: "M9 9v8.044a2 2 0 0 1 -2.996 1.734l-1.568 -.9a3 3 0 0 1 -1.436 -2.561v-6.635a3 3 0 0 1 1.436 -2.56l6 -3.667a3 3 0 0 1 3.128 0l6 3.667a3 3 0 0 1 1.436 2.561v6.634a3 3 0 0 1 -1.436 2.56l-6 3.667a3 3 0 0 1 -3.128 0"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "dollar",
+				initial: {
+					pathLength: 1,
+					opacity: 1
+				},
+				d: "M17 9h-3.5a1.5 1.5 0 0 0 0 3h2a1.5 1.5 0 0 1 0 3h-3.5"
+			})
+		]
+	});
+});
+s.displayName = "NodejsIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=nodejs-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nodejs-icon.js","names":[],"sources":["../../src/animations/nodejs-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst NodejsIcon = 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        \".hexagon\",\n        { rotate: [0, 360] },\n        { duration: 1, ease: \"easeInOut\" },\n      );\n      animate(\n        \".dollar\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.6, ease: \"easeOut\", delay: 0.2 },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".dollar, .hexagon\",\n        { pathLength: 1, opacity: 1, rotate: 0 },\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=\"hexagon\"\n          style={{ transformOrigin: \"center\" }}\n          d=\"M9 9v8.044a2 2 0 0 1 -2.996 1.734l-1.568 -.9a3 3 0 0 1 -1.436 -2.561v-6.635a3 3 0 0 1 1.436 -2.56l6 -3.667a3 3 0 0 1 3.128 0l6 3.667a3 3 0 0 1 1.436 2.561v6.634a3 3 0 0 1 -1.436 2.56l-6 3.667a3 3 0 0 1 -3.128 0\"\n        />\n        <motion.path\n          className=\"dollar\"\n          initial={{ pathLength: 1, opacity: 1 }}\n          d=\"M17 9h-3.5a1.5 1.5 0 0 0 0 3h2a1.5 1.5 0 0 1 0 3h-3.5\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nNodejsIcon.displayName = \"NodejsIcon\";\nexport default NodejsIcon;\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;EAMpC,AALA,EACE,YACA,EAAE,QAAQ,CAAC,GAAG,GAAG,EAAE,GACnB;GAAE,UAAU;GAAG,MAAM;EAAY,CACnC,GACA,EACE,WACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;GAAW,OAAO;EAAI,CAC/C;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,qBACA;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,SAAS;KAAE,YAAY;KAAG,SAAS;IAAE;IACrC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAW,cAAc"}

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

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

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

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

package/dist/animations/paint-icon.js

@@ -0,0 +1,83 @@
+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/paint-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(".roller-symbol", {
+			y: [0, 4],
+			rotate: [0, 12]
+		}, {
+			duration: .35,
+			ease: "easeOut"
+		}), f(".paint-stroke", {
+			scaleX: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .35,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(async () => {
+		f(".roller-symbol, .paint-stroke", {
+			y: 0,
+			rotate: 0,
+			scaleX: 1,
+			opacity: 1
+		}, {
+			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", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.rect, {
+				className: "paint-stroke",
+				x: "4",
+				y: "9",
+				width: "16",
+				height: "3",
+				rx: "1.5",
+				fill: s,
+				style: {
+					transformOrigin: "left center",
+					opacity: 0
+				}
+			}),
+			/* @__PURE__ */ o(r.g, {
+				className: "roller-symbol",
+				style: { transformOrigin: "50% 50%" },
+				children: [
+					/* @__PURE__ */ a("path", { d: "M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z" }),
+					/* @__PURE__ */ a("path", { d: "M19 6h1a2 2 0 0 1 2 2a5 5 0 0 1 -5 5l-5 0v2" }),
+					/* @__PURE__ */ a("path", { d: "M10 15m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z" })
+				]
+			})
+		]
+	});
+});
+s.displayName = "PaintIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=paint-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paint-icon.js","names":[],"sources":["../../src/animations/paint-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst PaintIcon = 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        \".roller-symbol\",\n        {\n          y: [0, 4],\n          rotate: [0, 12],\n        },\n        {\n          duration: 0.35,\n          ease: \"easeOut\",\n        },\n      );\n\n      animate(\n        \".paint-stroke\",\n        {\n          scaleX: [0, 1],\n          opacity: [0, 1],\n        },\n        {\n          duration: 0.35,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(async () => {\n      animate(\n        \".roller-symbol, .paint-stroke\",\n        {\n          y: 0,\n          rotate: 0,\n          scaleX: 1,\n          opacity: 1,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        <motion.rect\n          className=\"paint-stroke\"\n          x=\"4\"\n          y=\"9\"\n          width=\"16\"\n          height=\"3\"\n          rx=\"1.5\"\n          fill={color}\n          style={{\n            transformOrigin: \"left center\",\n            opacity: 0,\n          }}\n        />\n\n        <motion.g\n          className=\"roller-symbol\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        >\n          <path d=\"M5 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z\" />\n          <path d=\"M19 6h1a2 2 0 0 1 2 2a5 5 0 0 1 -5 5l-5 0v2\" />\n          <path d=\"M10 15m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nPaintIcon.displayName = \"PaintIcon\";\nexport default PaintIcon;\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;EAapC,AAZA,EACE,kBACA;GACE,GAAG,CAAC,GAAG,CAAC;GACR,QAAQ,CAAC,GAAG,EAAE;EAChB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,iBACA;GACE,QAAQ,CAAC,GAAG,CAAC;GACb,SAAS,CAAC,GAAG,CAAC;EAChB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,EAAY,YAAY;EACnC,EACE,iCACA;GACE,GAAG;GACH,QAAQ;GACR,QAAQ;GACR,SAAS;EACX,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAEnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,GAAE;IACF,OAAM;IACN,QAAO;IACP,IAAG;IACH,MAAM;IACN,OAAO;KACL,iBAAiB;KACjB,SAAS;IACX;GACD,CAAA;GAED,kBAAC,EAAO,GAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;IAFtC,UAAA;KAIE,kBAAC,QAAD,EAAM,GAAE,iFAAkF,CAAA;KAC1F,kBAAC,QAAD,EAAM,GAAE,8CAA+C,CAAA;KACvD,kBAAC,QAAD,EAAM,GAAE,iFAAkF,CAAA;IAClF;;EACA;;AAEhB,CACF;AAEA,EAAU,cAAc"}

package/dist/animations/party-popper-icon.d.ts

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

package/dist/animations/party-popper-icon.d.ts.map

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

package/dist/animations/party-popper-icon.js

@@ -0,0 +1,111 @@
+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/party-popper-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(".popper", {
+			y: 3,
+			x: -3
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		}), f(".confetti", {
+			y: [
+				0,
+				-6,
+				-10
+			],
+			x: [
+				0,
+				6,
+				10
+			],
+			opacity: [
+				1,
+				1,
+				0
+			],
+			scale: [
+				1,
+				1.2,
+				.8
+			]
+		}, {
+			duration: .6,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".popper, .confetti", {
+			y: 0,
+			x: 0,
+			opacity: 1,
+			scale: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		style: { overflow: "visible" },
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a(r.path, {
+				className: "popper",
+				d: "M5.8 11.3 2 22l10.7-3.79"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "confetti",
+				d: "M4 3h.01"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "confetti",
+				d: "M22 8h.01"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "confetti",
+				d: "M15 2h.01"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "confetti",
+				d: "M22 20h.01"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "confetti",
+				d: "m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "confetti",
+				d: "m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11c-.11.7-.72 1.22-1.43 1.22H17"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "confetti",
+				d: "m11 2 .33.82c.34.86-.2 1.82-1.11 1.98C9.52 4.9 9 5.52 9 6.23V7"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "popper",
+				d: "M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z"
+			})
+		]
+	});
+});
+s.displayName = "PartyPopperIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=party-popper-icon.js.map

package/dist/animations/party-popper-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"party-popper-icon.js","names":[],"sources":["../../src/animations/party-popper-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst PartyPopperIcon = 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(\".popper\", { y: 3, x: -3 }, { duration: 0.25, ease: \"easeOut\" });\n\n      animate(\n        \".confetti\",\n        {\n          y: [0, -6, -10],\n          x: [0, 6, 10],\n          opacity: [1, 1, 0],\n          scale: [1, 1.2, 0.8],\n        },\n        { duration: 0.6, ease: \"easeOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".popper, .confetti\",\n        { y: 0, x: 0, opacity: 1, scale: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <motion.path className=\"popper\" d=\"M5.8 11.3 2 22l10.7-3.79\" />\n        <motion.path className=\"confetti\" d=\"M4 3h.01\" />\n        <motion.path className=\"confetti\" d=\"M22 8h.01\" />\n        <motion.path className=\"confetti\" d=\"M15 2h.01\" />\n        <motion.path className=\"confetti\" d=\"M22 20h.01\" />\n        <motion.path\n          className=\"confetti\"\n          d=\"m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10\"\n        />\n        <motion.path\n          className=\"confetti\"\n          d=\"m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11c-.11.7-.72 1.22-1.43 1.22H17\"\n        />\n        <motion.path\n          className=\"confetti\"\n          d=\"m11 2 .33.82c.34.86-.2 1.82-1.11 1.98C9.52 4.9 9 5.52 9 6.23V7\"\n        />\n        <motion.path\n          className=\"popper\"\n          d=\"M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nPartyPopperIcon.displayName = \"PartyPopperIcon\";\nexport default PartyPopperIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAkB,GAEpB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAGpC,AAFA,EAAQ,WAAW;GAAE,GAAG;GAAG,GAAG;EAAG,GAAG;GAAE,UAAU;GAAM,MAAM;EAAU,CAAC,GAEvE,EACE,aACA;GACE,GAAG;IAAC;IAAG;IAAI;GAAG;GACd,GAAG;IAAC;IAAG;IAAG;GAAE;GACZ,SAAS;IAAC;IAAG;IAAG;GAAC;GACjB,OAAO;IAAC;IAAG;IAAK;GAAG;EACrB,GACA;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,sBACA;GAAE,GAAG;GAAG,GAAG;GAAG,SAAS;GAAG,OAAO;EAAE,GACnC;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,OAAO,EAAE,UAAU,UAAU;EAC7B,cAAc;EACd,YAAY;EAdd,UAAA;GAgBE,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAS,GAAE;GAA4B,CAAA;GAC9D,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAW,GAAE;GAAY,CAAA;GAChD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAW,GAAE;GAAa,CAAA;GACjD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAW,GAAE;GAAa,CAAA;GACjD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAW,GAAE;GAAc,CAAA;GAClD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAgB,cAAc"}

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

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

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

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

package/dist/animations/passport-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/passport-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(".flap", {
+			x: 1,
+			opacity: 1
+		}, {
+			duration: .25,
+			delay: .3,
+			ease: "easeOut"
+		}), await f(".globe", { pathLength: [0, 1] }, {
+			duration: .8,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(async () => {
+		f(".flap", {
+			x: 0,
+			opacity: 0
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		}), f(".globe", { pathLength: 1 }, { duration: .8 });
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	}), [p, 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: "M2 9c0-3.3 0-4.95 1.025-5.975S5.7 2 9 2h3c3.3 0 4.95 0 5.975 1.025S19 5.7 19 9v6c0 3.3 0 4.95-1.025 5.975S15.3 22 12 22H9c-3.3 0-4.95 0-5.975-1.025S2 18.3 2 15z" }),
+			/* @__PURE__ */ a("path", { d: "M7 17h8" }),
+			/* @__PURE__ */ a(r.path, {
+				className: "flap",
+				d: "M12.95 22c2.645 0 3.967 0 4.917-.756.95-.757 1.252-2.051 1.858-4.64l1.917-8.197c.335-1.433.503-2.15.2-2.67C21.287 4.796 19.878 5 18.958 5"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "globe",
+				d: "M11 14a4 4 0 0 1 0-8M11 14a4 4 0 0 0 0-8"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "globe",
+				d: "M11 14s1.5-1.79 1.5-4S11 6 11 6M11 14s-1.5-1.79-1.5-4S11 6 11 6"
+			})
+		]
+	});
+});
+s.displayName = "PassportIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=passport-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"passport-icon.js","names":[],"sources":["../../src/animations/passport-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst PassportIcon = 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        \".flap\",\n        {\n          x: 1,\n          opacity: 1,\n        },\n        {\n          duration: 0.25,\n          delay: 0.3,\n          ease: \"easeOut\",\n        },\n      );\n\n      await animate(\n        \".globe\",\n        { pathLength: [0, 1] },\n        { duration: 0.8, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(async () => {\n      animate(\n        \".flap\",\n        { x: 0, opacity: 0 },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n\n      animate(\".globe\", { pathLength: 1 }, { duration: 0.8 });\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        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=\"M2 9c0-3.3 0-4.95 1.025-5.975S5.7 2 9 2h3c3.3 0 4.95 0 5.975 1.025S19 5.7 19 9v6c0 3.3 0 4.95-1.025 5.975S15.3 22 12 22H9c-3.3 0-4.95 0-5.975-1.025S2 18.3 2 15z\"></path>\n        <path d=\"M7 17h8\"></path>\n        {/* flap */}\n        <motion.path\n          className=\"flap\"\n          d=\"M12.95 22c2.645 0 3.967 0 4.917-.756.95-.757 1.252-2.051 1.858-4.64l1.917-8.197c.335-1.433.503-2.15.2-2.67C21.287 4.796 19.878 5 18.958 5\"\n        ></motion.path>\n        {/* globe */}\n        <motion.path\n          className=\"globe\"\n          d=\"M11 14a4 4 0 0 1 0-8M11 14a4 4 0 0 0 0-8\"\n        ></motion.path>\n        <motion.path\n          className=\"globe\"\n          d=\"M11 14s1.5-1.79 1.5-4S11 6 11 6M11 14s-1.5-1.79-1.5-4S11 6 11 6\"\n        ></motion.path>\n      </motion.svg>\n    );\n  },\n);\n\nPassportIcon.displayName = \"PassportIcon\";\nexport default PassportIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAe,GAEjB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAcpC,AAbA,EACE,SACA;GACE,GAAG;GACH,SAAS;EACX,GACA;GACE,UAAU;GACV,OAAO;GACP,MAAM;EACR,CACF,GAEA,MAAM,EACJ,UACA,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,EAAY,YAAY;EAOnC,AANA,EACE,SACA;GAAE,GAAG;GAAG,SAAS;EAAE,GACnB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GAEA,EAAQ,UAAU,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACxD,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,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,EAAM,GAAE,mKAAyK,CAAA;GACjL,kBAAC,QAAD,EAAM,GAAE,UAAgB,CAAA;GAExB,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACU,CAAA;GAEd,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACU,CAAA;GACd,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACU,CAAA;EACJ;;AAEhB,CACF;AAEA,EAAa,cAAc"}

package/dist/animations/paw-print-icon.d.ts

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

package/dist/animations/paw-print-icon.d.ts.map

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