nfx-ui 0.20.0 → 0.22.0

package/dist/animations/brand-react-icon.js

@@ -0,0 +1,170 @@
+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/brand-react-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(".center-dot", { scale: [
+			1,
+			1.4,
+			1.2
+		] }, {
+			duration: .4,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), d(".orbit-1", { rotate: 360 }, {
+			duration: 1,
+			ease: "linear"
+		}), d(".orbit-2", { rotate: -360 }, {
+			duration: 2,
+			ease: "linear"
+		}), d(".orbit-3", { rotate: 360 }, {
+			duration: 4,
+			ease: "linear"
+		}), d(".center-dot", {
+			scale: [
+				1.2,
+				1.35,
+				1.2
+			],
+			opacity: [
+				1,
+				.8,
+				1
+			]
+		}, {
+			duration: 2,
+			ease: "easeInOut"
+		}), d(".orbit-1", { scale: [
+			1,
+			1.02,
+			1
+		] }, {
+			duration: 3,
+			ease: "easeInOut"
+		}), d(".orbit-2", { scale: [
+			1,
+			1.03,
+			1
+		] }, {
+			duration: 3.5,
+			ease: "easeInOut",
+			delay: .5
+		}), d(".orbit-3", { scale: [
+			1,
+			1.02,
+			1
+		] }, {
+			duration: 4,
+			ease: "easeInOut",
+			delay: 1
+		});
+	}, p = async () => {
+		await d(".orbit-1", {
+			rotate: 0,
+			scale: 1
+		}, {
+			duration: .8,
+			ease: [
+				.22,
+				1,
+				.36,
+				1
+			]
+		}), await d(".orbit-2", {
+			rotate: 0,
+			scale: 1
+		}, {
+			duration: .8,
+			ease: [
+				.22,
+				1,
+				.36,
+				1
+			]
+		}), await d(".orbit-3", {
+			rotate: 0,
+			scale: 1
+		}, {
+			duration: .8,
+			ease: [
+				.22,
+				1,
+				.36,
+				1
+			]
+		}), await d(".center-dot", {
+			scale: 1,
+			opacity: 1
+		}, {
+			duration: .5,
+			ease: "easeOut"
+		});
+	};
+	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 select-none ${c}`,
+		children: [
+			/* @__PURE__ */ i("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(n.g, {
+				className: "orbit-1",
+				style: {
+					originX: "50%",
+					originY: "50%"
+				},
+				children: [/* @__PURE__ */ i("path", { d: "M6.306 8.711c-2.602 .723 -4.306 1.926 -4.306 3.289c0 2.21 4.477 4 10 4c.773 0 1.526 -.035 2.248 -.102" }), /* @__PURE__ */ i("path", { d: "M17.692 15.289c2.603 -.722 4.308 -1.926 4.308 -3.289c0 -2.21 -4.477 -4 -10 -4c-.773 0 -1.526 .035 -2.25 .102" })]
+			}),
+			/* @__PURE__ */ a(n.g, {
+				className: "orbit-2",
+				style: {
+					originX: "50%",
+					originY: "50%"
+				},
+				children: [/* @__PURE__ */ i("path", { d: "M6.305 15.287c-.676 2.615 -.485 4.693 .695 5.373c1.913 1.105 5.703 -1.877 8.464 -6.66c.387 -.67 .733 -1.339 1.036 -2" }), /* @__PURE__ */ i("path", { d: "M17.694 8.716c.677 -2.616 .487 -4.696 -.694 -5.376c-1.913 -1.105 -5.703 1.877 -8.464 6.66c-.387 .67 -.733 1.34 -1.037 2" })]
+			}),
+			/* @__PURE__ */ a(n.g, {
+				className: "orbit-3",
+				style: {
+					originX: "50%",
+					originY: "50%"
+				},
+				children: [/* @__PURE__ */ i("path", { d: "M12 5.424c-1.925 -1.892 -3.82 -2.766 -5 -2.084c-1.913 1.104 -1.226 5.877 1.536 10.66c.386 .67 .793 1.304 1.212 1.896" }), /* @__PURE__ */ i("path", { d: "M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913 -1.104 1.226 -5.877 -1.536 -10.66c-.375 -.65 -.78 -1.283 -1.212 -1.897" })]
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "center-dot",
+				d: "M11.5 12.866a1 1 0 1 0 1 -1.732a1 1 0 0 0 -1 1.732",
+				style: {
+					originX: "50%",
+					originY: "50%"
+				}
+			})
+		]
+	});
+});
+o.displayName = "BrandReactIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=brand-react-icon.js.map

package/dist/animations/brand-react-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-react-icon.js","names":[],"sources":["../../src/animations/brand-react-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport { motion, useAnimate } from \"motion/react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\n\nconst BrandReactIcon = 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        \".center-dot\",\n        { scale: [1, 1.4, 1.2] },\n        { duration: 0.4, ease: [0.34, 1.56, 0.64, 1] },\n      );\n\n      animate(\".orbit-1\", { rotate: 360 }, { duration: 1, ease: \"linear\" });\n      animate(\".orbit-2\", { rotate: -360 }, { duration: 2, ease: \"linear\" });\n      animate(\".orbit-3\", { rotate: 360 }, { duration: 4, ease: \"linear\" });\n\n      // Pulsing center dot\n      animate(\n        \".center-dot\",\n        {\n          scale: [1.2, 1.35, 1.2],\n          opacity: [1, 0.8, 1],\n        },\n        { duration: 2, ease: \"easeInOut\" },\n      );\n\n      // Subtle breathing effect on all orbits\n      animate(\n        \".orbit-1\",\n        { scale: [1, 1.02, 1] },\n        { duration: 3, ease: \"easeInOut\" },\n      );\n      animate(\n        \".orbit-2\",\n        { scale: [1, 1.03, 1] },\n        { duration: 3.5, ease: \"easeInOut\", delay: 0.5 },\n      );\n      animate(\n        \".orbit-3\",\n        { scale: [1, 1.02, 1] },\n        { duration: 4, ease: \"easeInOut\", delay: 1 },\n      );\n    };\n\n    const stop = async () => {\n      // Smooth deceleration\n      await animate(\n        \".orbit-1\",\n        { rotate: 0, scale: 1 },\n        { duration: 0.8, ease: [0.22, 1, 0.36, 1] },\n      );\n      await animate(\n        \".orbit-2\",\n        { rotate: 0, scale: 1 },\n        { duration: 0.8, ease: [0.22, 1, 0.36, 1] },\n      );\n      await animate(\n        \".orbit-3\",\n        { rotate: 0, scale: 1 },\n        { duration: 0.8, ease: [0.22, 1, 0.36, 1] },\n      );\n\n      // Center dot settles back\n      await animate(\n        \".center-dot\",\n        { scale: 1, opacity: 1 },\n        { duration: 0.5, ease: \"easeOut\" },\n      );\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\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 select-none ${className}`}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.g\n          className=\"orbit-1\"\n          style={{ originX: \"50%\", originY: \"50%\" }}\n        >\n          <path d=\"M6.306 8.711c-2.602 .723 -4.306 1.926 -4.306 3.289c0 2.21 4.477 4 10 4c.773 0 1.526 -.035 2.248 -.102\" />\n          <path d=\"M17.692 15.289c2.603 -.722 4.308 -1.926 4.308 -3.289c0 -2.21 -4.477 -4 -10 -4c-.773 0 -1.526 .035 -2.25 .102\" />\n        </motion.g>\n        <motion.g\n          className=\"orbit-2\"\n          style={{ originX: \"50%\", originY: \"50%\" }}\n        >\n          <path d=\"M6.305 15.287c-.676 2.615 -.485 4.693 .695 5.373c1.913 1.105 5.703 -1.877 8.464 -6.66c.387 -.67 .733 -1.339 1.036 -2\" />\n          <path d=\"M17.694 8.716c.677 -2.616 .487 -4.696 -.694 -5.376c-1.913 -1.105 -5.703 1.877 -8.464 6.66c-.387 .67 -.733 1.34 -1.037 2\" />\n        </motion.g>\n        <motion.g\n          className=\"orbit-3\"\n          style={{ originX: \"50%\", originY: \"50%\" }}\n        >\n          <path d=\"M12 5.424c-1.925 -1.892 -3.82 -2.766 -5 -2.084c-1.913 1.104 -1.226 5.877 1.536 10.66c.386 .67 .793 1.304 1.212 1.896\" />\n          <path d=\"M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913 -1.104 1.226 -5.877 -1.536 -10.66c-.375 -.65 -.78 -1.283 -1.212 -1.897\" />\n        </motion.g>\n        <motion.path\n          className=\"center-dot\"\n          d=\"M11.5 12.866a1 1 0 1 0 1 -1.732a1 1 0 0 0 -1 1.732\"\n          style={{ originX: \"50%\", originY: \"50%\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandReactIcon.displayName = \"BrandReactIcon\";\n\nexport default BrandReactIcon;\n"],"mappings":"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"}

package/dist/animations/brand-react-native-icon.d.ts

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

package/dist/animations/brand-react-native-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-react-native-icon.d.ts","sourceRoot":"","sources":["../../src/animations/brand-react-native-icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAErE,QAAA,MAAM,oBAAoB,kHAgJzB,CAAC;AAIF,eAAe,oBAAoB,CAAC"}

package/dist/animations/brand-react-native-icon.js

@@ -0,0 +1,142 @@
+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, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/brand-react-native-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = n([]), m = async () => {
+		p.current.forEach((e) => e.stop()), p.current = [], await f(".orbit-system", { scale: [
+			.95,
+			1.02,
+			1
+		] }, {
+			duration: .4,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), p.current.push(f(".center-dot", {
+			scale: [
+				1,
+				1.3,
+				1
+			],
+			opacity: [
+				1,
+				.8,
+				1
+			]
+		}, {
+			duration: 2.5,
+			ease: "easeInOut",
+			repeat: Infinity
+		})), p.current.push(f(".orbit-system", { rotate: 360 }, {
+			duration: 20,
+			ease: "linear",
+			repeat: Infinity
+		})), [
+			".ring-1",
+			".ring-2",
+			".ring-3"
+		].forEach((e, t) => {
+			p.current.push(f(e, { opacity: [
+				1,
+				.7,
+				1
+			] }, {
+				duration: 3,
+				ease: "easeInOut",
+				repeat: Infinity,
+				delay: t * 1
+			}));
+		});
+	}, h = () => {
+		p.current.forEach((e) => e.stop()), p.current = [], f(".orbit-system", {
+			rotate: 0,
+			scale: 1
+		}, {
+			duration: .6,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		}), f(".ring-1, .ring-2, .ring-3", { opacity: 1 }, { duration: .3 }), f(".center-dot", {
+			scale: 1,
+			opacity: 1
+		}, { duration: .3 });
+	};
+	return t(u, () => ({
+		startAnimation: m,
+		stopAnimation: h
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		onHoverStart: m,
+		onHoverEnd: h,
+		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 select-none ${l}`,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ o(r.g, {
+				className: "orbit-system",
+				style: {
+					originX: "50%",
+					originY: "50%"
+				},
+				children: [
+					/* @__PURE__ */ a(r.path, {
+						className: "ring-1",
+						d: "M6.357 9c-2.637 .68 -4.357 1.845 -4.357 3.175c0 2.107 4.405 3.825 9.85 3.825c.74 0 1.26 -.039 1.95 -.097"
+					}),
+					/* @__PURE__ */ a(r.path, {
+						className: "ring-1",
+						d: "M9.837 15.9c-.413 -.596 -.806 -1.133 -1.18 -1.8c-2.751 -4.9 -3.488 -9.77 -1.63 -10.873c1.15 -.697 3.047 .253 4.974 2.254"
+					}),
+					/* @__PURE__ */ a(r.path, {
+						className: "ring-2",
+						d: "M6.429 15.387c-.702 2.688 -.56 4.716 .56 5.395c1.783 1.08 5.387 -1.958 8.043 -6.804c.36 -.67 .683 -1.329 .968 -1.978"
+					}),
+					/* @__PURE__ */ a(r.path, {
+						className: "ring-2",
+						d: "M12 18.52c1.928 2 3.817 2.95 4.978 2.253c1.85 -1.102 1.121 -5.972 -1.633 -10.873c-.384 -.677 -.777 -1.204 -1.18 -1.8"
+					}),
+					/* @__PURE__ */ a(r.path, {
+						className: "ring-3",
+						d: "M17.66 15c2.612 -.687 4.34 -1.85 4.34 -3.176c0 -2.11 -4.408 -3.824 -9.845 -3.824c-.747 0 -1.266 .029 -1.955 .087"
+					}),
+					/* @__PURE__ */ a(r.path, {
+						className: "ring-3",
+						d: "M8 12c.285 -.66 .607 -1.308 .968 -1.978c2.647 -4.844 6.253 -7.89 8.046 -6.801c1.11 .679 1.262 2.706 .56 5.393"
+					})
+				]
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "center-dot",
+				d: "M12.26 12.015h-.01c-.01 .13 -.12 .24 -.26 .24a.263 .263 0 0 1 -.25 -.26c0 -.14 .11 -.25 .24 -.25h-.01c.13 -.01 .25 .11 .25 .24",
+				style: {
+					originX: "50%",
+					originY: "50%"
+				}
+			})
+		]
+	});
+});
+s.displayName = "BrandReactNativeIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=brand-react-native-icon.js.map

package/dist/animations/brand-react-native-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-react-native-icon.js","names":[],"sources":["../../src/animations/brand-react-native-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useRef } from \"react\";\nimport { motion, useAnimate } from \"motion/react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\n\nconst BrandReactNativeIcon = 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      // Clear any existing animations\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      // Smooth pop entrance\n      await animate(\n        \".orbit-system\",\n        { scale: [0.95, 1.02, 1] },\n        { duration: 0.4, ease: [0.34, 1.56, 0.64, 1] },\n      );\n\n      // Center dot gentle pulse\n      animationControls.current.push(\n        animate(\n          \".center-dot\",\n          {\n            scale: [1, 1.3, 1],\n            opacity: [1, 0.8, 1],\n          },\n          {\n            duration: 2.5,\n            ease: \"easeInOut\",\n            repeat: Infinity,\n          },\n        ),\n      );\n\n      // Smooth continuous rotation\n      animationControls.current.push(\n        animate(\n          \".orbit-system\",\n          { rotate: 360 },\n          {\n            duration: 20,\n            ease: \"linear\",\n            repeat: Infinity,\n          },\n        ),\n      );\n\n      // Subtle wave through rings\n      const rings = [\".ring-1\", \".ring-2\", \".ring-3\"];\n      rings.forEach((ring, i) => {\n        animationControls.current.push(\n          animate(\n            ring,\n            {\n              opacity: [1, 0.7, 1],\n            },\n            {\n              duration: 3,\n              ease: \"easeInOut\",\n              repeat: Infinity,\n              delay: i * 1,\n            },\n          ),\n        );\n      });\n    };\n\n    const stop = () => {\n      // Cancel all infinite animations\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animate(\n        \".orbit-system\",\n        { rotate: 0, scale: 1 },\n        { duration: 0.6, ease: [0.34, 1.56, 0.64, 1] },\n      );\n\n      animate(\".ring-1, .ring-2, .ring-3\", { opacity: 1 }, { duration: 0.3 });\n\n      animate(\".center-dot\", { scale: 1, opacity: 1 }, { duration: 0.3 });\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={start}\n        onHoverEnd={stop}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer select-none ${className}`}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.g\n          className=\"orbit-system\"\n          style={{ originX: \"50%\", originY: \"50%\" }}\n        >\n          <motion.path\n            className=\"ring-1\"\n            d=\"M6.357 9c-2.637 .68 -4.357 1.845 -4.357 3.175c0 2.107 4.405 3.825 9.85 3.825c.74 0 1.26 -.039 1.95 -.097\"\n          />\n          <motion.path\n            className=\"ring-1\"\n            d=\"M9.837 15.9c-.413 -.596 -.806 -1.133 -1.18 -1.8c-2.751 -4.9 -3.488 -9.77 -1.63 -10.873c1.15 -.697 3.047 .253 4.974 2.254\"\n          />\n          <motion.path\n            className=\"ring-2\"\n            d=\"M6.429 15.387c-.702 2.688 -.56 4.716 .56 5.395c1.783 1.08 5.387 -1.958 8.043 -6.804c.36 -.67 .683 -1.329 .968 -1.978\"\n          />\n          <motion.path\n            className=\"ring-2\"\n            d=\"M12 18.52c1.928 2 3.817 2.95 4.978 2.253c1.85 -1.102 1.121 -5.972 -1.633 -10.873c-.384 -.677 -.777 -1.204 -1.18 -1.8\"\n          />\n          <motion.path\n            className=\"ring-3\"\n            d=\"M17.66 15c2.612 -.687 4.34 -1.85 4.34 -3.176c0 -2.11 -4.408 -3.824 -9.845 -3.824c-.747 0 -1.266 .029 -1.955 .087\"\n          />\n          <motion.path\n            className=\"ring-3\"\n            d=\"M8 12c.285 -.66 .607 -1.308 .968 -1.978c2.647 -4.844 6.253 -7.89 8.046 -6.801c1.11 .679 1.262 2.706 .56 5.393\"\n          />\n        </motion.g>\n        <motion.path\n          className=\"center-dot\"\n          d=\"M12.26 12.015h-.01c-.01 .13 -.12 .24 -.26 .24a.263 .263 0 0 1 -.25 -.26c0 -.14 .11 -.25 .24 -.25h-.01c.13 -.01 .25 .11 .25 .24\"\n          style={{ originX: \"50%\", originY: \"50%\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandReactNativeIcon.displayName = \"BrandReactNativeIcon\";\n\nexport default BrandReactNativeIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAuB,GAEzB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAC9B,IAAoB,EAA0C,CAAC,CAAC,GAEhE,IAAQ,YAAY;EA2CxB,AAzCA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAG7B,MAAM,EACJ,iBACA,EAAE,OAAO;GAAC;GAAM;GAAM;EAAC,EAAE,GACzB;GAAE,UAAU;GAAK,MAAM;IAAC;IAAM;IAAM;IAAM;GAAC;EAAE,CAC/C,GAGA,EAAkB,QAAQ,KACxB,EACE,eACA;GACE,OAAO;IAAC;IAAG;IAAK;GAAC;GACjB,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,MAAM;GACN,QAAQ;EACV,CACF,CACF,GAGA,EAAkB,QAAQ,KACxB,EACE,iBACA,EAAE,QAAQ,IAAI,GACd;GACE,UAAU;GACV,MAAM;GACN,QAAQ;EACV,CACF,CACF,GAIA;GADe;GAAW;GAAW;EACrC,CAAA,CAAM,SAAS,GAAM,MAAM;GACzB,EAAkB,QAAQ,KACxB,EACE,GACA,EACE,SAAS;IAAC;IAAG;IAAK;GAAC,EACrB,GACA;IACE,UAAU;IACV,MAAM;IACN,QAAQ;IACR,OAAO,IAAI;GACb,CACF,CACF;EACF,CAAC;CACH,GAEM,UAAa;EAajB,AAXA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EACE,iBACA;GAAE,QAAQ;GAAG,OAAO;EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;IAAC;IAAM;IAAM;IAAM;GAAC;EAAE,CAC/C,GAEA,EAAQ,6BAA6B,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAEtE,EAAQ,eAAe;GAAE,OAAO;GAAG,SAAS;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACpE;CAOA,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,8BAA8B;EAb3C,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,EAAO,GAAR;IACE,WAAU;IACV,OAAO;KAAE,SAAS;KAAO,SAAS;IAAM;IAF1C,UAAA;KAIE,kBAAC,EAAO,MAAR;MACE,WAAU;MACV,GAAE;KACH,CAAA;KACD,kBAAC,EAAO,MAAR;MACE,WAAU;MACV,GAAE;KACH,CAAA;KACD,kBAAC,EAAO,MAAR;MACE,WAAU;MACV,GAAE;KACH,CAAA;KACD,kBAAC,EAAO,MAAR;MACE,WAAU;MACV,GAAE;KACH,CAAA;KACD,kBAAC,EAAO,MAAR;MACE,WAAU;MACV,GAAE;KACH,CAAA;KACD,kBAAC,EAAO,MAAR;MACE,WAAU;MACV,GAAE;KACH,CAAA;IACO;;GACV,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO;KAAE,SAAS;KAAO,SAAS;IAAM;GACzC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAqB,cAAc"}

package/dist/animations/brand-stripe-icon.d.ts

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

package/dist/animations/brand-stripe-icon.d.ts.map

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

package/dist/animations/brand-stripe-icon.js

@@ -0,0 +1,69 @@
+import { forwardRef as e, useId 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/brand-stripe-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = `fillClip-${t().replace(/:/g, "")}`, m = async () => {
+		await f(".fill-rect", { y: [-2, 26] }, {
+			duration: 1.4,
+			ease: "easeInOut"
+		});
+	}, h = () => {
+		f(".fill-rect", { y: -2 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	};
+	return n(u, () => ({
+		startAnimation: m,
+		stopAnimation: h
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		onHoverStart: m,
+		onHoverEnd: h,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer select-none ${l}`,
+		children: [
+			/* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", {
+				id: p,
+				children: /* @__PURE__ */ a(r.rect, {
+					className: "fill-rect",
+					x: "0",
+					y: "-2",
+					width: "24",
+					height: "2"
+				})
+			}) }),
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", {
+				d: "M11.453 8.056c0 -.623 .518 -.979 1.442 -.979c1.69 0 3.41 .343 4.605 .923l.5 -4c-.948 -.449 -2.82 -1 -5.5 -1c-1.895 0 -3.373 .087 -4.5 1c-1.172 .956 -2 2.33 -2 4c0 3.03 1.958 4.906 5 6c1.961 .69 3 .743 3 1.5c0 .735 -.851 1.5 -2 1.5c-1.423 0 -3.963 -.609 -5.5 -1.5l-.5 4c1.321 .734 3.474 1.5 6 1.5c2 0 3.957 -.468 5.084 -1.36c1.263 -.979 1.916 -2.268 1.916 -4.14c0 -3.096 -1.915 -4.547 -5 -5.637c-1.646 -.605 -2.544 -1.07 -2.544 -1.807l-.003 0",
+				stroke: s,
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "stripe-filled",
+				d: "M11.453 8.056c0 -.623 .518 -.979 1.442 -.979c1.69 0 3.41 .343 4.605 .923l.5 -4c-.948 -.449 -2.82 -1 -5.5 -1c-1.895 0 -3.373 .087 -4.5 1c-1.172 .956 -2 2.33 -2 4c0 3.03 1.958 4.906 5 6c1.961 .69 3 .743 3 1.5c0 .735 -.851 1.5 -2 1.5c-1.423 0 -3.963 -.609 -5.5 -1.5l-.5 4c1.321 .734 3.474 1.5 6 1.5c2 0 3.957 -.468 5.084 -1.36c1.263 -.979 1.916 -2.268 1.916 -4.14c0 -3.096 -1.915 -4.547 -5 -5.637c-1.646 -.605 -2.544 -1.07 -2.544 -1.807l-.003 0",
+				fill: s,
+				stroke: "none",
+				clipPath: `url(#${p})`,
+				opacity: "0.5"
+			})
+		]
+	});
+});
+s.displayName = "BrandStripeIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=brand-stripe-icon.js.map

package/dist/animations/brand-stripe-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-stripe-icon.js","names":[],"sources":["../../src/animations/brand-stripe-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useId } from \"react\";\nimport { motion, useAnimate } from \"motion/react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\n\nconst BrandStripeIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n    const id = useId();\n    const clipId = `fillClip-${id.replace(/:/g, \"\")}`;\n\n    const start = async () => {\n      await animate(\n        \".fill-rect\",\n        {\n          y: [-2, 26],\n        },\n        { duration: 1.4, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".fill-rect\", { y: -2 }, { duration: 0.3, ease: \"easeOut\" });\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={start}\n        onHoverEnd={stop}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer select-none ${className}`}\n      >\n        <defs>\n          <clipPath id={clipId}>\n            <motion.rect\n              className=\"fill-rect\"\n              x=\"0\"\n              y=\"-2\"\n              width=\"24\"\n              height=\"2\"\n            />\n          </clipPath>\n        </defs>\n\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        <path\n          d=\"M11.453 8.056c0 -.623 .518 -.979 1.442 -.979c1.69 0 3.41 .343 4.605 .923l.5 -4c-.948 -.449 -2.82 -1 -5.5 -1c-1.895 0 -3.373 .087 -4.5 1c-1.172 .956 -2 2.33 -2 4c0 3.03 1.958 4.906 5 6c1.961 .69 3 .743 3 1.5c0 .735 -.851 1.5 -2 1.5c-1.423 0 -3.963 -.609 -5.5 -1.5l-.5 4c1.321 .734 3.474 1.5 6 1.5c2 0 3.957 -.468 5.084 -1.36c1.263 -.979 1.916 -2.268 1.916 -4.14c0 -3.096 -1.915 -4.547 -5 -5.637c-1.646 -.605 -2.544 -1.07 -2.544 -1.807l-.003 0\"\n          stroke={color}\n          fill=\"none\"\n        />\n\n        <motion.path\n          className=\"stripe-filled\"\n          d=\"M11.453 8.056c0 -.623 .518 -.979 1.442 -.979c1.69 0 3.41 .343 4.605 .923l.5 -4c-.948 -.449 -2.82 -1 -5.5 -1c-1.895 0 -3.373 .087 -4.5 1c-1.172 .956 -2 2.33 -2 4c0 3.03 1.958 4.906 5 6c1.961 .69 3 .743 3 1.5c0 .735 -.851 1.5 -2 1.5c-1.423 0 -3.963 -.609 -5.5 -1.5l-.5 4c1.321 .734 3.474 1.5 6 1.5c2 0 3.957 -.468 5.084 -1.36c1.263 -.979 1.916 -2.268 1.916 -4.14c0 -3.096 -1.915 -4.547 -5 -5.637c-1.646 -.605 -2.544 -1.07 -2.544 -1.807l-.003 0\"\n          fill={color}\n          stroke=\"none\"\n          clipPath={`url(#${clipId})`}\n          opacity=\"0.5\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandStripeIcon.displayName = \"BrandStripeIcon\";\n\nexport default BrandStripeIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAkB,GAEpB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAS,YADJ,EACgB,CAAA,CAAG,QAAQ,MAAM,EAAE,KAExC,IAAQ,YAAY;EACxB,MAAM,EACJ,cACA,EACE,GAAG,CAAC,IAAI,EAAE,EACZ,GACA;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EACjB,EAAQ,cAAc,EAAE,GAAG,GAAG,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACrE;CAOA,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACQ;EACb,eAAc;EACd,gBAAe;EACf,WAAW,8BAA8B;EAZ3C,UAAA;GAcE,kBAAC,QAAD,EAAA,UACE,kBAAC,YAAD;IAAU,IAAI;IACZ,UAAA,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;KACF,GAAE;KACF,OAAM;KACN,QAAO;IACR,CAAA;GACO,CAAA,EACN,CAAA;GAEN,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAEnD,kBAAC,QAAD;IACE,GAAE;IACF,QAAQ;IACR,MAAK;GACN,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,MAAM;IACN,QAAO;IACP,UAAU,QAAQ,EAAO;IACzB,SAAQ;GACT,CAAA;EACS;;AAEhB,CACF;AAEA,EAAgB,cAAc"}

package/dist/animations/brand-telegram-icon.d.ts

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

package/dist/animations/brand-telegram-icon.d.ts.map

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

package/dist/animations/brand-telegram-icon.js

@@ -0,0 +1,78 @@
+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/brand-telegram-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".plane", {
+			x: [
+				0,
+				10,
+				-10,
+				0
+			],
+			y: [
+				0,
+				-10,
+				10,
+				0
+			],
+			opacity: [
+				1,
+				0,
+				0,
+				1
+			]
+		}, {
+			duration: 1,
+			times: [
+				0,
+				.4,
+				.5,
+				1
+			],
+			ease: "easeInOut"
+		});
+	}, p = () => {
+		d(".plane", {
+			x: 0,
+			y: 0,
+			opacity: 1
+		});
+	};
+	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}`,
+		children: [/* @__PURE__ */ i("path", {
+			stroke: "none",
+			d: "M0 0h24v24H0z",
+			fill: "none"
+		}), /* @__PURE__ */ i(n.path, {
+			className: "plane",
+			d: "M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4"
+		})]
+	});
+});
+o.displayName = "BrandTelegramIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=brand-telegram-icon.js.map

package/dist/animations/brand-telegram-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-telegram-icon.js","names":[],"sources":["../../src/animations/brand-telegram-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandTelegramIcon = 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      animate(\n        \".plane\",\n        { x: [0, 10, -10, 0], y: [0, -10, 10, 0], opacity: [1, 0, 0, 1] },\n        { duration: 1, times: [0, 0.4, 0.5, 1], ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".plane\", { x: 0, y: 0, opacity: 1 });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\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      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"plane\"\n          d=\"M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandTelegramIcon.displayName = \"BrandTelegramIcon\";\n\nexport default BrandTelegramIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAoB,GAEtB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,EACE,UACA;GAAE,GAAG;IAAC;IAAG;IAAI;IAAK;GAAC;GAAG,GAAG;IAAC;IAAG;IAAK;IAAI;GAAC;GAAG,SAAS;IAAC;IAAG;IAAG;IAAG;GAAC;EAAE,GAChE;GAAE,UAAU;GAAG,OAAO;IAAC;IAAG;IAAK;IAAK;GAAC;GAAG,MAAM;EAAY,CAC5D;CACF,GAEM,UAAa;EACjB,EAAQ,UAAU;GAAE,GAAG;GAAG,GAAG;GAAG,SAAS;EAAE,CAAC;CAC9C;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,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;EAb/B,UAAA,CAeE,kBAAC,QAAD;GAAM,QAAO;GAAO,GAAE;GAAgB,MAAK;EAAQ,CAAA,GACnD,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA,CACS;;AAEhB,CACF;AAEA,EAAkB,cAAc"}

package/dist/animations/brand-threads-icon.d.ts

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

package/dist/animations/brand-threads-icon.d.ts.map

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

package/dist/animations/brand-threads-icon.js

@@ -0,0 +1,83 @@
+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/brand-threads-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(u.current, {
+			scale: 1,
+			rotate: 0
+		}), d(".animated-path", {
+			pathLength: 1,
+			opacity: 1
+		}), d(".animated-path", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: 1,
+			ease: "easeInOut"
+		}), await d(u.current, {
+			scale: [
+				.5,
+				1.1,
+				1
+			],
+			rotate: [
+				180,
+				-10,
+				0
+			]
+		}, {
+			duration: 1,
+			ease: [
+				.34,
+				1.56,
+				.64,
+				1
+			]
+		});
+	}, p = () => {
+		d(u.current, {
+			scale: 1,
+			rotate: 0
+		}), d(".animated-path", {
+			pathLength: 1,
+			opacity: 1
+		});
+	};
+	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}`,
+		children: [/* @__PURE__ */ i("path", {
+			stroke: "none",
+			d: "M0 0h24v24H0z",
+			fill: "none"
+		}), /* @__PURE__ */ i(n.path, {
+			className: "animated-path",
+			d: "M19 7.5c-1.333 -3 -3.667 -4.5 -7 -4.5c-5 0 -8 2.5 -8 9s3.5 9 8 9s7 -3 7 -5s-1 -5 -7 -5c-2.5 0 -3 1.25 -3 2.5c0 1.5 1 2.5 2.5 2.5c2.5 0 3.5 -1.5 3.5 -5s-2 -4 -3 -4s-1.833 .333 -2.5 1"
+		})]
+	});
+});
+o.displayName = "BrandThreadsIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=brand-threads-icon.js.map

package/dist/animations/brand-threads-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-threads-icon.js","names":[],"sources":["../../src/animations/brand-threads-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandThreadsIcon = 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      // Reset\n      animate(scope.current, { scale: 1, rotate: 0 });\n      animate(\".animated-path\", { pathLength: 1, opacity: 1 });\n\n      // Animation\n      animate(\n        \".animated-path\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 1, ease: \"easeInOut\" },\n      );\n\n      await animate(\n        scope.current,\n        {\n          scale: [0.5, 1.1, 1],\n          rotate: [180, -10, 0],\n        },\n        {\n          duration: 1,\n          ease: [0.34, 1.56, 0.64, 1],\n        },\n      );\n    };\n\n    const stop = () => {\n      animate(scope.current, { scale: 1, rotate: 0 });\n      animate(\".animated-path\", { pathLength: 1, opacity: 1 });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\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      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"animated-path\"\n          d=\"M19 7.5c-1.333 -3 -3.667 -4.5 -7 -4.5c-5 0 -8 2.5 -8 9s3.5 9 8 9s7 -3 7 -5s-1 -5 -7 -5c-2.5 0 -3 1.25 -3 2.5c0 1.5 1 2.5 2.5 2.5c2.5 0 3.5 -1.5 3.5 -5s-2 -4 -3 -4s-1.833 .333 -2.5 1\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nBrandThreadsIcon.displayName = \"BrandThreadsIcon\";\n\nexport default BrandThreadsIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAmB,GAErB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAYxB,AAVA,EAAQ,EAAM,SAAS;GAAE,OAAO;GAAG,QAAQ;EAAE,CAAC,GAC9C,EAAQ,kBAAkB;GAAE,YAAY;GAAG,SAAS;EAAE,CAAC,GAGvD,EACE,kBACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAG,MAAM;EAAY,CACnC,GAEA,MAAM,EACJ,EAAM,SACN;GACE,OAAO;IAAC;IAAK;IAAK;GAAC;GACnB,QAAQ;IAAC;IAAK;IAAK;GAAC;EACtB,GACA;GACE,UAAU;GACV,MAAM;IAAC;IAAM;IAAM;IAAM;GAAC;EAC5B,CACF;CACF,GAEM,UAAa;EAEjB,AADA,EAAQ,EAAM,SAAS;GAAE,OAAO;GAAG,QAAQ;EAAE,CAAC,GAC9C,EAAQ,kBAAkB;GAAE,YAAY;GAAG,SAAS;EAAE,CAAC;CACzD;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,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;EAb/B,UAAA,CAeE,kBAAC,QAAD;GAAM,QAAO;GAAO,GAAE;GAAgB,MAAK;EAAQ,CAAA,GACnD,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA,CACS;;AAEhB,CACF;AAEA,EAAiB,cAAc"}

package/dist/animations/brand-twitch-icon.d.ts

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

package/dist/animations/brand-twitch-icon.d.ts.map

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