nfx-ui 0.17.0 → 0.22.0

package/dist/animations/trophy-icon.js

@@ -0,0 +1,168 @@
+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/trophy-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(".trophy-group", {
+			y: [
+				0,
+				-4,
+				-4,
+				0
+			],
+			rotate: [
+				0,
+				-10,
+				10,
+				0
+			]
+		}, {
+			duration: .8,
+			ease: "easeOut",
+			times: [
+				0,
+				.4,
+				.7,
+				1
+			]
+		}), [
+			{
+				selector: ".confetti-1",
+				x: [0, -12],
+				y: [0, -15],
+				rotate: [0, 140]
+			},
+			{
+				selector: ".confetti-2",
+				x: [0, -5],
+				y: [0, -18],
+				rotate: [0, -100]
+			},
+			{
+				selector: ".confetti-3",
+				x: [0, 5],
+				y: [0, -18],
+				rotate: [0, 120]
+			},
+			{
+				selector: ".confetti-4",
+				x: [0, 12],
+				y: [0, -15],
+				rotate: [0, -140]
+			}
+		].forEach((e) => {
+			f(e.selector, {
+				x: e.x,
+				y: e.y,
+				rotate: e.rotate,
+				opacity: [
+					0,
+					1,
+					0
+				],
+				scale: [
+					0,
+					1,
+					.5
+				]
+			}, {
+				duration: .8,
+				ease: "easeOut",
+				delay: .1
+			});
+		});
+	}, [f]), m = t(() => {
+		f(".trophy-group", {
+			y: 0,
+			rotate: 0
+		}, { duration: .3 }), f(".confetti-1, .confetti-2, .confetti-3, .confetti-4", {
+			opacity: 0,
+			scale: 0
+		}, { duration: .2 });
+	}, [f]);
+	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: 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" },
+		children: /* @__PURE__ */ o(r.g, {
+			className: "trophy-group",
+			style: { transformOrigin: "center 20px" },
+			children: [
+				/* @__PURE__ */ a("path", { d: "M6 9H4.5a1 1 0 0 1 0-5H6" }),
+				/* @__PURE__ */ a("path", { d: "M18 9h1.5a1 1 0 0 0 0-5H18" }),
+				/* @__PURE__ */ a("path", { d: "M4 22h16" }),
+				/* @__PURE__ */ a("path", { d: "M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978" }),
+				/* @__PURE__ */ a("path", { d: "M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978" }),
+				/* @__PURE__ */ a("path", { d: "M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z" }),
+				/* @__PURE__ */ a(r.rect, {
+					className: "confetti-1",
+					x: "11",
+					y: "6",
+					width: "2",
+					height: "2",
+					rx: "0.5",
+					fill: "#FFD700",
+					stroke: "none",
+					opacity: 0,
+					style: { transformOrigin: "center" }
+				}),
+				/* @__PURE__ */ a(r.rect, {
+					className: "confetti-2",
+					x: "12",
+					y: "5",
+					width: "2",
+					height: "2",
+					rx: "0.5",
+					fill: "#FF4500",
+					stroke: "none",
+					opacity: 0,
+					style: { transformOrigin: "center" }
+				}),
+				/* @__PURE__ */ a(r.rect, {
+					className: "confetti-3",
+					x: "13",
+					y: "6",
+					width: "2",
+					height: "2",
+					rx: "0.5",
+					fill: "#00BFFF",
+					stroke: "none",
+					opacity: 0,
+					style: { transformOrigin: "center" }
+				}),
+				/* @__PURE__ */ a(r.rect, {
+					className: "confetti-4",
+					x: "12",
+					y: "7",
+					width: "2",
+					height: "2",
+					rx: "0.5",
+					fill: "#32CD32",
+					stroke: "none",
+					opacity: 0,
+					style: { transformOrigin: "center" }
+				})
+			]
+		})
+	});
+});
+s.displayName = "TrophyIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=trophy-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trophy-icon.js","names":[],"sources":["../../src/animations/trophy-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst TrophyIcon = 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      // Victory Lift and Tilt\n      animate(\n        \".trophy-group\",\n        {\n          y: [0, -4, -4, 0],\n          rotate: [0, -10, 10, 0],\n        },\n        {\n          duration: 0.8,\n          ease: \"easeOut\",\n          times: [0, 0.4, 0.7, 1],\n        },\n      );\n\n      // Confetti Burst\n      const confettiSequences = [\n        { selector: \".confetti-1\", x: [0, -12], y: [0, -15], rotate: [0, 140] },\n        { selector: \".confetti-2\", x: [0, -5], y: [0, -18], rotate: [0, -100] },\n        { selector: \".confetti-3\", x: [0, 5], y: [0, -18], rotate: [0, 120] },\n        { selector: \".confetti-4\", x: [0, 12], y: [0, -15], rotate: [0, -140] },\n      ];\n\n      confettiSequences.forEach((conf) => {\n        animate(\n          conf.selector,\n          {\n            x: conf.x,\n            y: conf.y,\n            rotate: conf.rotate,\n            opacity: [0, 1, 0],\n            scale: [0, 1, 0.5],\n          },\n          {\n            duration: 0.8,\n            ease: \"easeOut\",\n            delay: 0.1,\n          },\n        );\n      });\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".trophy-group\", { y: 0, rotate: 0 }, { duration: 0.3 });\n      animate(\n        \".confetti-1, .confetti-2, .confetti-3, .confetti-4\",\n        { opacity: 0, scale: 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        onHoverStart={start}\n        onHoverEnd={stop}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        <motion.g\n          className=\"trophy-group\"\n          style={{ transformOrigin: \"center 20px\" }}\n        >\n          {/* Handles */}\n          <path d=\"M6 9H4.5a1 1 0 0 1 0-5H6\" />\n          <path d=\"M18 9h1.5a1 1 0 0 0 0-5H18\" />\n\n          {/* Base */}\n          <path d=\"M4 22h16\" />\n          <path d=\"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978\" />\n          <path d=\"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978\" />\n\n          {/* Cup Body */}\n          <path d=\"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z\" />\n\n          {/* Confetti Pieces */}\n          <motion.rect\n            className=\"confetti-1\"\n            x=\"11\"\n            y=\"6\"\n            width=\"2\"\n            height=\"2\"\n            rx=\"0.5\"\n            fill=\"#FFD700\"\n            stroke=\"none\"\n            opacity={0}\n            style={{ transformOrigin: \"center\" }}\n          />\n          <motion.rect\n            className=\"confetti-2\"\n            x=\"12\"\n            y=\"5\"\n            width=\"2\"\n            height=\"2\"\n            rx=\"0.5\"\n            fill=\"#FF4500\"\n            stroke=\"none\"\n            opacity={0}\n            style={{ transformOrigin: \"center\" }}\n          />\n          <motion.rect\n            className=\"confetti-3\"\n            x=\"13\"\n            y=\"6\"\n            width=\"2\"\n            height=\"2\"\n            rx=\"0.5\"\n            fill=\"#00BFFF\"\n            stroke=\"none\"\n            opacity={0}\n            style={{ transformOrigin: \"center\" }}\n          />\n          <motion.rect\n            className=\"confetti-4\"\n            x=\"12\"\n            y=\"7\"\n            width=\"2\"\n            height=\"2\"\n            rx=\"0.5\"\n            fill=\"#32CD32\"\n            stroke=\"none\"\n            opacity={0}\n            style={{ transformOrigin: \"center\" }}\n          />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nTrophyIcon.displayName = \"TrophyIcon\";\nexport default TrophyIcon;\n"],"mappings":"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"}

package/dist/animations/truck-electric-icon.d.ts

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

package/dist/animations/truck-electric-icon.d.ts.map

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

package/dist/animations/truck-electric-icon.js

@@ -0,0 +1,74 @@
+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/truck-electric-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(".truck", {
+			x: [0, 30],
+			opacity: [1, 0]
+		}, {
+			duration: .5,
+			ease: "easeIn"
+		}), f(".truck", { x: -30 }, { duration: 0 }), await f(".truck", {
+			x: [-30, 0],
+			opacity: [0, 1]
+		}, {
+			duration: .5,
+			ease: "easeOut",
+			delay: .1
+		});
+	}, [f]), m = t(() => {
+		f(".truck", {
+			x: 0,
+			opacity: 1
+		}, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [f]);
+	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: 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" },
+		children: /* @__PURE__ */ o(r.g, {
+			className: "truck",
+			children: [
+				/* @__PURE__ */ a("path", { d: "M14 19V7a2 2 0 0 0-2-2H9" }),
+				/* @__PURE__ */ a("path", { d: "M15 19H9" }),
+				/* @__PURE__ */ a("path", { d: "M19 19h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62L18.3 9.38a1 1 0 0 0-.78-.38H14" }),
+				/* @__PURE__ */ a("path", { d: "M2 13v5a1 1 0 0 0 1 1h2" }),
+				/* @__PURE__ */ a("path", { d: "M4 3 2.15 5.15a.495.495 0 0 0 .35.86h2.15a.47.47 0 0 1 .35.86L3 9.02" }),
+				/* @__PURE__ */ a("circle", {
+					cx: "17",
+					cy: "19",
+					r: "2"
+				}),
+				/* @__PURE__ */ a("circle", {
+					cx: "7",
+					cy: "19",
+					r: "2"
+				})
+			]
+		})
+	});
+});
+s.displayName = "TruckElectricIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=truck-electric-icon.js.map

package/dist/animations/truck-electric-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truck-electric-icon.js","names":[],"sources":["../../src/animations/truck-electric-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst TruckElectricIcon = 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        \".truck\",\n        {\n          x: [0, 30],\n          opacity: [1, 0],\n        },\n        {\n          duration: 0.5,\n          ease: \"easeIn\",\n        },\n      );\n\n      animate(\n        \".truck\",\n        {\n          x: -30,\n        },\n        {\n          duration: 0,\n        },\n      );\n\n      await animate(\n        \".truck\",\n        {\n          x: [-30, 0],\n          opacity: [0, 1],\n        },\n        {\n          duration: 0.5,\n          ease: \"easeOut\",\n          delay: 0.1,\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".truck\",\n        { x: 0, opacity: 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.svg\n        ref={scope}\n        onHoverStart={start}\n        onHoverEnd={stop}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        <motion.g className=\"truck\">\n          <path d=\"M14 19V7a2 2 0 0 0-2-2H9\" />\n          <path d=\"M15 19H9\" />\n          <path d=\"M19 19h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62L18.3 9.38a1 1 0 0 0-.78-.38H14\" />\n          <path d=\"M2 13v5a1 1 0 0 0 1 1h2\" />\n          <path d=\"M4 3 2.15 5.15a.495.495 0 0 0 .35.86h2.15a.47.47 0 0 1 .35.86L3 9.02\" />\n          <circle cx=\"17\" cy=\"19\" r=\"2\" />\n          <circle cx=\"7\" cy=\"19\" r=\"2\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nTruckElectricIcon.displayName = \"TruckElectricIcon\";\nexport default TruckElectricIcon;\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;EAuBpC,AAtBA,MAAM,EACJ,UACA;GACE,GAAG,CAAC,GAAG,EAAE;GACT,SAAS,CAAC,GAAG,CAAC;EAChB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,UACA,EACE,GAAG,IACL,GACA,EACE,UAAU,EACZ,CACF,GAEA,MAAM,EACJ,UACA;GACE,GAAG,CAAC,KAAK,CAAC;GACV,SAAS,CAAC,GAAG,CAAC;EAChB,GACA;GACE,UAAU;GACV,MAAM;GACN,OAAO;EACT,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,UACA;GAAE,GAAG;GAAG,SAAS;EAAE,GACnB;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,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAE7B,UAAA,kBAAC,EAAO,GAAR;GAAU,WAAU;GAApB,UAAA;IACE,kBAAC,QAAD,EAAM,GAAE,2BAA4B,CAAA;IACpC,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IACpB,kBAAC,QAAD,EAAM,GAAE,gFAAiF,CAAA;IACzF,kBAAC,QAAD,EAAM,GAAE,0BAA2B,CAAA;IACnC,kBAAC,QAAD,EAAM,GAAE,uEAAwE,CAAA;IAChF,kBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAK,GAAE;IAAK,CAAA;IAC/B,kBAAC,UAAD;KAAQ,IAAG;KAAI,IAAG;KAAK,GAAE;IAAK,CAAA;GACtB;;CACA,CAAA;AAEhB,CACF;AAEA,EAAkB,cAAc"}

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

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

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

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

package/dist/animations/twitter-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 } from "react/jsx-runtime";
+//#region src/animations/twitter-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = i(), f = t(async () => {
+		await d(".bird", {
+			y: [
+				0,
+				-6,
+				-13
+			],
+			x: [
+				0,
+				4,
+				8
+			],
+			rotate: [
+				0,
+				-8,
+				-16
+			],
+			scale: [
+				1,
+				1.05,
+				1.1
+			],
+			opacity: [
+				1,
+				1,
+				0
+			]
+		}, {
+			duration: .8,
+			ease: "easeIn"
+		}), d(".bird", {
+			y: 0,
+			x: 0,
+			rotate: 0,
+			scale: 1,
+			opacity: 1
+		}, {
+			duration: .6,
+			ease: "easeOut"
+		});
+	}, [d]), p = t(() => {
+		d(".bird", {
+			y: 0,
+			x: 0,
+			rotate: 0,
+			scale: 1,
+			opacity: 1
+		}, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [d]);
+	return n(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(r.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}`,
+		children: /* @__PURE__ */ a(r.path, {
+			className: "bird",
+			style: { transformOrigin: "12px 12px" },
+			d: "M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"
+		})
+	});
+});
+o.displayName = "TwitterIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=twitter-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"twitter-icon.js","names":[],"sources":["../../src/animations/twitter-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst TwitterIcon = 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        \".bird\",\n        {\n          y: [0, -6, -13],\n          x: [0, 4, 8],\n          rotate: [0, -8, -16],\n          scale: [1, 1.05, 1.1],\n          opacity: [1, 1, 0],\n        },\n        {\n          duration: 0.8,\n          ease: \"easeIn\",\n        },\n      );\n\n      animate(\n        \".bird\",\n        {\n          y: 0,\n          x: 0,\n          rotate: 0,\n          scale: 1,\n          opacity: 1,\n        },\n        {\n          duration: 0.6,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".bird\",\n        {\n          y: 0,\n          x: 0,\n          rotate: 0,\n          scale: 1,\n          opacity: 1,\n        },\n        {\n          duration: 0.2,\n          ease: \"easeOut\",\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        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        <motion.path\n          className=\"bird\"\n          style={{ transformOrigin: \"12px 12px\" }}\n          d=\"M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nTwitterIcon.displayName = \"TwitterIcon\";\nexport default TwitterIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAgBpC,AAfA,MAAM,EACJ,SACA;GACE,GAAG;IAAC;IAAG;IAAI;GAAG;GACd,GAAG;IAAC;IAAG;IAAG;GAAC;GACX,QAAQ;IAAC;IAAG;IAAI;GAAG;GACnB,OAAO;IAAC;IAAG;IAAM;GAAG;GACpB,SAAS;IAAC;IAAG;IAAG;GAAC;EACnB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,SACA;GACE,GAAG;GACH,GAAG;GACH,QAAQ;GACR,OAAO;GACP,SAAS;EACX,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,SACA;GACE,GAAG;GACH,GAAG;GACH,QAAQ;GACR,OAAO;GACP,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,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAE7B,UAAA,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,YAAY;GACtC,GAAE;EACH,CAAA;CACS,CAAA;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/twitter-x-icon.d.ts

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

package/dist/animations/twitter-x-icon.d.ts.map

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

package/dist/animations/twitter-x-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/twitter-x-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(".x-icon", {
+			scale: [
+				1,
+				1.1,
+				1
+			],
+			rotate: [
+				0,
+				-10,
+				10,
+				0
+			]
+		}, {
+			duration: .5,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".x-icon", {
+			scale: 1,
+			rotate: 0
+		}, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [f]);
+	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: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		children: /* @__PURE__ */ o(r.g, {
+			className: "x-icon",
+			style: { transformOrigin: "center" },
+			children: [
+				/* @__PURE__ */ a("path", {
+					stroke: "none",
+					d: "M0 0h24v24H0z",
+					fill: "none"
+				}),
+				/* @__PURE__ */ a("path", { d: "M4 4l11.733 16h4.267l-11.733 -16z" }),
+				/* @__PURE__ */ a("path", { d: "M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" })
+			]
+		})
+	});
+});
+s.displayName = "TwitterXIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=twitter-x-icon.js.map

package/dist/animations/twitter-x-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"twitter-x-icon.js","names":[],"sources":["../../src/animations/twitter-x-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst TwitterXIcon = 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        \".x-icon\",\n        { scale: [1, 1.1, 1], rotate: [0, -10, 10, 0] },\n        { duration: 0.5, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".x-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.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        <motion.g className=\"x-icon\" style={{ transformOrigin: \"center\" }}>\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path d=\"M4 4l11.733 16h4.267l-11.733 -16z\" />\n          <path d=\"M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nTwitterXIcon.displayName = \"TwitterXIcon\";\nexport default TwitterXIcon;\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,MAAM,EACJ,WACA;GAAE,OAAO;IAAC;IAAG;IAAK;GAAC;GAAG,QAAQ;IAAC;IAAG;IAAK;IAAI;GAAC;EAAE,GAC9C;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,WACA;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,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAE7B,UAAA,kBAAC,EAAO,GAAR;GAAU,WAAU;GAAS,OAAO,EAAE,iBAAiB,SAAS;GAAhE,UAAA;IACE,kBAAC,QAAD;KAAM,QAAO;KAAO,GAAE;KAAgB,MAAK;IAAQ,CAAA;IACnD,kBAAC,QAAD,EAAM,GAAE,oCAAqC,CAAA;IAC7C,kBAAC,QAAD,EAAM,GAAE,6CAA8C,CAAA;GAC9C;;CACA,CAAA;AAEhB,CACF;AAEA,EAAa,cAAc"}

package/dist/animations/types.d.ts

@@ -0,0 +1,21 @@
+import { SVGProps } from 'react';
+/** Standard stroke width for 24×24 outline icons */
+export declare const DEFAULT_STROKE_WIDTH = 2;
+/** Scale stroke to match DEFAULT_STROKE_WIDTH on non-24 viewBoxes */
+export declare function scaledStrokeWidth(strokeWidth: number, viewBoxSize: number): number;
+export type IconEasing = "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+export interface AnimatedIconProps extends Omit<SVGProps<SVGSVGElement>, "ref" | "onAnimationStart" | "onAnimationEnd" | "onAnimationIteration" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "values"> {
+    /** Icon size in pixels or CSS string */
+    size?: number | string;
+    /** Icon color (defaults to currentColor) */
+    color?: string;
+    /** SVG stroke width */
+    strokeWidth?: number;
+    /** Additional CSS classes */
+    className?: string;
+}
+export interface AnimatedIconHandle {
+    startAnimation: () => void;
+    stopAnimation: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/animations/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/animations/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,oDAAoD;AACpD,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,qEAAqE;AACrE,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,GAClB,MAAM,CAER;AAED,MAAM,MAAM,UAAU,GAClB,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,GACX,YAAY,CAAC;AAEjB,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,QAAQ,CAAC,aAAa,CAAC,EACrB,KAAK,GACL,kBAAkB,GAClB,gBAAgB,GAChB,sBAAsB,GACtB,QAAQ,GACR,WAAW,GACX,aAAa,GACb,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,QAAQ,GACR,QAAQ,CACX;IACC,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B"}

package/dist/animations/types.js

@@ -0,0 +1,9 @@
+//#region src/animations/types.ts
+var e = 2;
+function t(e, t) {
+	return t / 24 * e;
+}
+//#endregion
+export { e as DEFAULT_STROKE_WIDTH, t as scaledStrokeWidth };
+
+//# sourceMappingURL=types.js.map

package/dist/animations/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../src/animations/types.ts"],"sourcesContent":["import type { SVGProps } from \"react\";\n\n/** Standard stroke width for 24×24 outline icons */\nexport const DEFAULT_STROKE_WIDTH = 2;\n\n/** Scale stroke to match DEFAULT_STROKE_WIDTH on non-24 viewBoxes */\nexport function scaledStrokeWidth(\n  strokeWidth: number,\n  viewBoxSize: number,\n): number {\n  return strokeWidth * (viewBoxSize / 24);\n}\n\nexport type IconEasing =\n  | \"linear\"\n  | \"easeIn\"\n  | \"easeOut\"\n  | \"easeInOut\"\n  | \"circIn\"\n  | \"circOut\"\n  | \"circInOut\"\n  | \"backIn\"\n  | \"backOut\"\n  | \"backInOut\"\n  | \"anticipate\";\n\nexport interface AnimatedIconProps extends Omit<\n  SVGProps<SVGSVGElement>,\n  | \"ref\"\n  | \"onAnimationStart\"\n  | \"onAnimationEnd\"\n  | \"onAnimationIteration\"\n  | \"onDrag\"\n  | \"onDragEnd\"\n  | \"onDragEnter\"\n  | \"onDragExit\"\n  | \"onDragLeave\"\n  | \"onDragOver\"\n  | \"onDragStart\"\n  | \"onDrop\"\n  | \"values\"\n> {\n  /** Icon size in pixels or CSS string */\n  size?: number | string;\n  /** Icon color (defaults to currentColor) */\n  color?: string;\n  /** SVG stroke width */\n  strokeWidth?: number;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport interface AnimatedIconHandle {\n  startAnimation: () => void;\n  stopAnimation: () => void;\n}\n"],"mappings":";AAGA,IAAa,IAAuB;AAGpC,SAAgB,EACd,GACA,GACQ;CACR,OAAsB,IAAc,KAA7B;AACT"}

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

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

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

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

package/dist/animations/typescript-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/typescript-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(".ts-text", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .6,
+			ease: "easeOut"
+		}), await f(".border", { scale: [
+			1,
+			1.03,
+			1
+		] }, {
+			duration: .4,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".ts-text", {
+			pathLength: 1,
+			opacity: 1
+		}, { duration: .2 }), f(".border", { scale: 1 }, { duration: .2 });
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		onHoverStart: p,
+		onHoverEnd: m,
+		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}`,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "ts-text",
+				initial: {
+					pathLength: 1,
+					opacity: 1
+				},
+				d: "M15 17.5c.32 .32 .754 .5 1.207 .5h.543c.69 0 1.25 -.56 1.25 -1.25v-.25a1.5 1.5 0 0 0 -1.5 -1.5a1.5 1.5 0 0 1 -1.5 -1.5v-.25c0 -.69 .56 -1.25 1.25 -1.25h.543c.453 0 .887 .18 1.207 .5"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "ts-text",
+				initial: {
+					pathLength: 1,
+					opacity: 1
+				},
+				d: "M9 12h4"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "ts-text",
+				initial: {
+					pathLength: 1,
+					opacity: 1
+				},
+				d: "M11 12v6"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "border",
+				style: { transformOrigin: "center" },
+				d: "M21 19v-14a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2 -2z"
+			})
+		]
+	});
+});
+s.displayName = "TypescriptIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=typescript-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typescript-icon.js","names":[],"sources":["../../src/animations/typescript-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst TypescriptIcon = 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        \".ts-text\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.6, ease: \"easeOut\" },\n      );\n      await animate(\n        \".border\",\n        { scale: [1, 1.03, 1] },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".ts-text\", { pathLength: 1, opacity: 1 }, { duration: 0.2 });\n      animate(\".border\", { scale: 1 }, { duration: 0.2 });\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={start}\n        onHoverEnd={stop}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"ts-text\"\n          initial={{ pathLength: 1, opacity: 1 }}\n          d=\"M15 17.5c.32 .32 .754 .5 1.207 .5h.543c.69 0 1.25 -.56 1.25 -1.25v-.25a1.5 1.5 0 0 0 -1.5 -1.5a1.5 1.5 0 0 1 -1.5 -1.5v-.25c0 -.69 .56 -1.25 1.25 -1.25h.543c.453 0 .887 .18 1.207 .5\"\n        />\n        <motion.path\n          className=\"ts-text\"\n          initial={{ pathLength: 1, opacity: 1 }}\n          d=\"M9 12h4\"\n        />\n        <motion.path\n          className=\"ts-text\"\n          initial={{ pathLength: 1, opacity: 1 }}\n          d=\"M11 12v6\"\n        />\n        <motion.path\n          className=\"border\"\n          style={{ transformOrigin: \"center\" }}\n          d=\"M21 19v-14a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2 -2z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nTypescriptIcon.displayName = \"TypescriptIcon\";\nexport default TypescriptIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAiB,GAEnB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAMpC,AALA,EACE,YACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,MAAM,EACJ,WACA,EAAE,OAAO;GAAC;GAAG;GAAM;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAE7B,AADA,EAAQ,YAAY;GAAE,YAAY;GAAG,SAAS;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACpE,EAAQ,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACpD,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,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;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,SAAS;KAAE,YAAY;KAAG,SAAS;IAAE;IACrC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,SAAS;IACnC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAe,cAAc"}

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

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

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

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