nfx-ui 0.17.0 → 0.22.0

package/dist/animations/radio-icon.js

@@ -0,0 +1,106 @@
+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/radio-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(".center", { scale: [
+			1,
+			1.3,
+			1
+		] }, {
+			duration: .5,
+			ease: "easeInOut"
+		}), f(".wave-inner", {
+			scale: [
+				1,
+				1.15,
+				1
+			],
+			opacity: [
+				1,
+				.6,
+				1
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut",
+			delay: .1
+		}), await f(".wave-outer", {
+			scale: [
+				1,
+				1.2,
+				1
+			],
+			opacity: [
+				1,
+				.4,
+				1
+			]
+		}, {
+			duration: .7,
+			ease: "easeInOut",
+			delay: .2
+		});
+	}, [f]), m = t(() => {
+		f(".center, .wave-inner, .wave-outer", {
+			scale: 1,
+			opacity: 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__ */ o(r.g, {
+				className: "wave-inner",
+				children: [/* @__PURE__ */ a("path", {
+					d: "M16.247 7.761a6 6 0 0 1 0 8.478",
+					style: { transformOrigin: "12px 12px" }
+				}), /* @__PURE__ */ a("path", {
+					d: "M7.753 16.239a6 6 0 0 1 0-8.478",
+					style: { transformOrigin: "12px 12px" }
+				})]
+			}),
+			/* @__PURE__ */ o(r.g, {
+				className: "wave-outer",
+				children: [/* @__PURE__ */ a("path", {
+					d: "M19.075 4.933a10 10 0 0 1 0 14.134",
+					style: { transformOrigin: "12px 12px" }
+				}), /* @__PURE__ */ a("path", {
+					d: "M4.925 19.067a10 10 0 0 1 0-14.134",
+					style: { transformOrigin: "12px 12px" }
+				})]
+			}),
+			/* @__PURE__ */ a(r.circle, {
+				className: "center",
+				cx: "12",
+				cy: "12",
+				r: "2",
+				style: { transformOrigin: "12px 12px" }
+			})
+		]
+	});
+});
+s.displayName = "RadioIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=radio-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-icon.js","names":[],"sources":["../../src/animations/radio-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst RadioIcon = 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        \".center\",\n        {\n          scale: [1, 1.3, 1],\n        },\n        {\n          duration: 0.5,\n          ease: \"easeInOut\",\n        },\n      );\n\n      animate(\n        \".wave-inner\",\n        {\n          scale: [1, 1.15, 1],\n          opacity: [1, 0.6, 1],\n        },\n        {\n          duration: 0.6,\n          ease: \"easeInOut\",\n          delay: 0.1,\n        },\n      );\n\n      await animate(\n        \".wave-outer\",\n        {\n          scale: [1, 1.2, 1],\n          opacity: [1, 0.4, 1],\n        },\n        {\n          duration: 0.7,\n          ease: \"easeInOut\",\n          delay: 0.2,\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".center, .wave-inner, .wave-outer\",\n        { scale: 1, opacity: 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        <motion.g className=\"wave-inner\">\n          <path\n            d=\"M16.247 7.761a6 6 0 0 1 0 8.478\"\n            style={{ transformOrigin: \"12px 12px\" }}\n          />\n          <path\n            d=\"M7.753 16.239a6 6 0 0 1 0-8.478\"\n            style={{ transformOrigin: \"12px 12px\" }}\n          />\n        </motion.g>\n\n        <motion.g className=\"wave-outer\">\n          <path\n            d=\"M19.075 4.933a10 10 0 0 1 0 14.134\"\n            style={{ transformOrigin: \"12px 12px\" }}\n          />\n          <path\n            d=\"M4.925 19.067a10 10 0 0 1 0-14.134\"\n            style={{ transformOrigin: \"12px 12px\" }}\n          />\n        </motion.g>\n\n        <motion.circle\n          className=\"center\"\n          cx=\"12\"\n          cy=\"12\"\n          r=\"2\"\n          style={{ transformOrigin: \"12px 12px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nRadioIcon.displayName = \"RadioIcon\";\nexport default RadioIcon;\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;EAyBpC,AAxBA,EACE,WACA,EACE,OAAO;GAAC;GAAG;GAAK;EAAC,EACnB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,eACA;GACE,OAAO;IAAC;IAAG;IAAM;GAAC;GAClB,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,MAAM;GACN,OAAO;EACT,CACF,GAEA,MAAM,EACJ,eACA;GACE,OAAO;IAAC;IAAG;IAAK;GAAC;GACjB,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,MAAM;GACN,OAAO;EACT,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,qCACA;GAAE,OAAO;GAAG,SAAS;EAAE,GACvB;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,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA,CACE,kBAAC,QAAD;KACE,GAAE;KACF,OAAO,EAAE,iBAAiB,YAAY;IACvC,CAAA,GACD,kBAAC,QAAD;KACE,GAAE;KACF,OAAO,EAAE,iBAAiB,YAAY;IACvC,CAAA,CACO;;GAEV,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA,CACE,kBAAC,QAAD;KACE,GAAE;KACF,OAAO,EAAE,iBAAiB,YAAY;IACvC,CAAA,GACD,kBAAC,QAAD;KACE,GAAE;KACF,OAAO,EAAE,iBAAiB,YAAY;IACvC,CAAA,CACO;;GAEV,kBAAC,EAAO,QAAR;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,GAAE;IACF,OAAO,EAAE,iBAAiB,YAAY;GACvC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAU,cAAc"}

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

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

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

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

package/dist/animations/rainbow-icon.js

@@ -0,0 +1,62 @@
+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/rainbow-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(".arc1", { pathLength: [0, 1] }, {
+			duration: .6,
+			ease: "easeOut"
+		}), f(".arc2", { pathLength: [0, 1] }, {
+			duration: .6,
+			ease: "easeOut",
+			delay: .1
+		}), await f(".arc3", { pathLength: [0, 1] }, {
+			duration: .6,
+			ease: "easeOut",
+			delay: .2
+		});
+	}, [f]), m = t(() => {
+		f(".arc1, .arc2, .arc3", { pathLength: 1 }, { duration: .2 });
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a(r.path, {
+				className: "arc1",
+				d: "M22 17a10 10 0 0 0-20 0",
+				initial: { pathLength: 1 }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "arc2",
+				d: "M6 17a6 6 0 0 1 12 0",
+				initial: { pathLength: 1 }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "arc3",
+				d: "M10 17a2 2 0 0 1 4 0",
+				initial: { pathLength: 1 }
+			})
+		]
+	});
+});
+s.displayName = "RainbowIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=rainbow-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rainbow-icon.js","names":[],"sources":["../../src/animations/rainbow-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst RainbowIcon = 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        \".arc1\",\n        { pathLength: [0, 1] },\n        { duration: 0.6, ease: \"easeOut\" },\n      );\n      animate(\n        \".arc2\",\n        { pathLength: [0, 1] },\n        { duration: 0.6, ease: \"easeOut\", delay: 0.1 },\n      );\n      await animate(\n        \".arc3\",\n        { pathLength: [0, 1] },\n        { duration: 0.6, ease: \"easeOut\", delay: 0.2 },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".arc1, .arc2, .arc3\", { pathLength: 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        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=\"arc1\"\n          d=\"M22 17a10 10 0 0 0-20 0\"\n          initial={{ pathLength: 1 }}\n        />\n        <motion.path\n          className=\"arc2\"\n          d=\"M6 17a6 6 0 0 1 12 0\"\n          initial={{ pathLength: 1 }}\n        />\n        <motion.path\n          className=\"arc3\"\n          d=\"M10 17a2 2 0 0 1 4 0\"\n          initial={{ pathLength: 1 }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nRainbowIcon.displayName = \"RainbowIcon\";\nexport default RainbowIcon;\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;EAWpC,AAVA,EACE,SACA,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,EACE,SACA,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;GAAW,OAAO;EAAI,CAC/C,GACA,MAAM,EACJ,SACA,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;GAAW,OAAO;EAAI,CAC/C;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EAAQ,uBAAuB,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACrE,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,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,SAAS,EAAE,YAAY,EAAE;GAC1B,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,SAAS,EAAE,YAAY,EAAE;GAC1B,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,SAAS,EAAE,YAAY,EAAE;GAC1B,CAAA;EACS;;AAEhB,CACF;AAEA,EAAY,cAAc"}

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

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

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

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

package/dist/animations/refresh-icon.js

@@ -0,0 +1,54 @@
+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/refresh-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(u.current, { rotate: 180 }, {
+			duration: .4,
+			ease: "easeInOut"
+		});
+	}, p = async () => {
+		await d(u.current, { rotate: 0 }, {
+			duration: .4,
+			ease: "easeInOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(n.svg, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: o,
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${c}`,
+		style: { transformOrigin: "50% 50%" },
+		children: [
+			/* @__PURE__ */ i("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ i("path", { d: "M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" }),
+			/* @__PURE__ */ i("path", { d: "M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" })
+		]
+	});
+});
+o.displayName = "RefreshIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=refresh-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-icon.js","names":[],"sources":["../../src/animations/refresh-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst RefreshIcon = 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        scope.current,\n        { rotate: 180 },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = async () => {\n      await animate(\n        scope.current,\n        { rotate: 0 },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ transformOrigin: \"50% 50%\" }}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <path d=\"M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4\" />\n        <path d=\"M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4\" />\n      </motion.svg>\n    );\n  },\n);\n\nRefreshIcon.displayName = \"RefreshIcon\";\n\nexport default RefreshIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,MAAM,EACJ,EAAM,SACN,EAAE,QAAQ,IAAI,GACd;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,IAAO,YAAY;EACvB,MAAM,EACJ,EAAM,SACN,EAAE,QAAQ,EAAE,GACZ;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF;CAeA,OAbA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAWA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,iBAAiB,UAAU;EAdtC,UAAA;GAgBE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,QAAD,EAAM,GAAE,2CAA4C,CAAA;GACpD,kBAAC,QAAD,EAAM,GAAE,wCAAyC,CAAA;EACvC;;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/right-chevron.d.ts

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

package/dist/animations/right-chevron.d.ts.map

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

package/dist/animations/right-chevron.js

@@ -0,0 +1,48 @@
+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/right-chevron.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(".chevron", { x: [
+			0,
+			6,
+			0
+		] }, {
+			duration: .8,
+			ease: "easeInOut"
+		});
+	}, [d]), p = t(() => {
+		d(".chevron", { x: 0 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [d]);
+	return n(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(r.div, {
+		ref: u,
+		className: `flex w-8 items-center justify-center ${c}`,
+		onHoverStart: f,
+		onHoverEnd: p,
+		children: /* @__PURE__ */ a("svg", {
+			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: "chevron cursor-pointer",
+			children: /* @__PURE__ */ a("path", { d: "M9 6l6 6l-6 6" })
+		})
+	});
+});
+o.displayName = "RightChevron";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=right-chevron.js.map

package/dist/animations/right-chevron.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"right-chevron.js","names":[],"sources":["../../src/animations/right-chevron.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst RightChevron = 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        \".chevron\",\n        { x: [0, 6, 0] },\n        {\n          duration: 0.8,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".chevron\", { x: 0 }, { duration: 0.2, ease: \"easeInOut\" });\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.div\n        ref={scope}\n        className={`flex w-8 items-center justify-center ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width={size}\n          height={size}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke={color}\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          className=\"chevron cursor-pointer\"\n        >\n          <path d=\"M9 6l6 6l-6 6\" />\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nRightChevron.displayName = \"RightChevron\";\nexport default RightChevron;\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,YACA,EAAE,GAAG;GAAC;GAAG;GAAG;EAAC,EAAE,GACf;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EAAQ,YAAY,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACpE,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,WAAW,wCAAwC;EACnD,cAAc;EACd,YAAY;EAEZ,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACK;GACb,eAAc;GACd,gBAAe;GACf,WAAU;GAEV,UAAA,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;EACtB,CAAA;CACK,CAAA;AAEhB,CACF;AAEA,EAAa,cAAc"}

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

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

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

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

package/dist/animations/rocket-icon.js

@@ -0,0 +1,109 @@
+import { scaledStrokeWidth as e } from "./types.js";
+import { forwardRef as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/rocket-icon.tsx
+var s = t(({ size: t = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = async () => {
+		await Promise.all([f(".rocket-upper", {
+			x: [0, 40],
+			y: [0, -40],
+			opacity: [1, 0]
+		}, {
+			duration: .35,
+			ease: "easeIn"
+		}), f(".rocket-flame", {
+			x: [0, -20],
+			y: [0, 20],
+			scale: [.8, 1.2],
+			opacity: [.6, 0]
+		}, {
+			duration: .25,
+			ease: "easeOut",
+			delay: .05
+		})]), await f(".rocket-upper", {
+			x: -40,
+			y: 40,
+			opacity: 0
+		}, { duration: 0 }), f(".rocket-upper", {
+			x: 0,
+			y: 0,
+			opacity: 1
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		}), f(".rocket-flame", {
+			x: 0,
+			y: 0,
+			opacity: 1,
+			scale: 1
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		});
+	}, m = () => {
+		f(".rocket-upper, .rocket-flame", {
+			x: 0,
+			y: 0,
+			opacity: 1,
+			scale: 1
+		}, { duration: .2 });
+	};
+	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: t,
+		height: t,
+		viewBox: "0 0 32 32",
+		fill: "none",
+		stroke: s,
+		strokeWidth: e(c, 32),
+		strokeMiterlimit: "10",
+		className: `cursor-pointer ${l}`,
+		style: { overflow: "visible" },
+		children: [
+			/* @__PURE__ */ a(r.path, {
+				className: "rocket-fin-left rocket-upper",
+				d: "m13.299,9h-3.891c-.892,0-1.738.397-2.308,1.083l-5.1,6.139,6.31,1.51"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "rocket-fin-bottom rocket-upper",
+				d: "m23,18.701v3.891c0,.892-.397,1.738-1.083,2.308l-6.139,5.1-1.51-6.31"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "rocket-body rocket-upper",
+				d: "m14.268,23.69c7.986-2.194,14.642-9.015,15.732-21.69-12.675,1.09-19.496,7.746-21.69,15.732l5.958,5.958Z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "rocket-trajectory rocket-upper",
+				d: "m19,5c4.111,1.389,6.778,4.056,8,8",
+				strokeLinecap: "round"
+			}),
+			/* @__PURE__ */ a(r.circle, {
+				className: "rocket-window rocket-upper",
+				cx: "19",
+				cy: "13",
+				r: "2",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "rocket-flame",
+				d: "m2,30s.707-4.95,2.121-6.364c1.172-1.172,3.071-1.172,4.243,0s1.172,3.071,0,4.243c-1.414,1.414-6.364,2.121-6.364,2.121Z"
+			})
+		]
+	});
+});
+s.displayName = "RocketIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=rocket-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rocket-icon.js","names":[],"sources":["../../src/animations/rocket-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { scaledStrokeWidth } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst RocketIcon = 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 Promise.all([\n        animate(\n          \".rocket-upper\",\n          {\n            x: [0, 40],\n            y: [0, -40],\n            opacity: [1, 0],\n          },\n          { duration: 0.35, ease: \"easeIn\" },\n        ),\n        animate(\n          \".rocket-flame\",\n          {\n            x: [0, -20],\n            y: [0, 20],\n            scale: [0.8, 1.2],\n            opacity: [0.6, 0],\n          },\n          { duration: 0.25, ease: \"easeOut\", delay: 0.05 },\n        ),\n      ]);\n\n      // reset position instantly\n      await animate(\n        \".rocket-upper\",\n        { x: -40, y: 40, opacity: 0 },\n        { duration: 0 },\n      );\n\n      // come back\n      animate(\n        \".rocket-upper\",\n        { x: 0, y: 0, opacity: 1 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n\n      animate(\n        \".rocket-flame\",\n        { x: 0, y: 0, opacity: 1, scale: 1 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\n        \".rocket-upper, .rocket-flame\",\n        { x: 0, y: 0, opacity: 1, scale: 1 },\n        { duration: 0.2 },\n      );\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 32 32\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n        strokeMiterlimit=\"10\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        <motion.path\n          className=\"rocket-fin-left rocket-upper\"\n          d=\"m13.299,9h-3.891c-.892,0-1.738.397-2.308,1.083l-5.1,6.139,6.31,1.51\"\n        />\n\n        <motion.path\n          className=\"rocket-fin-bottom rocket-upper\"\n          d=\"m23,18.701v3.891c0,.892-.397,1.738-1.083,2.308l-6.139,5.1-1.51-6.31\"\n        />\n\n        <motion.path\n          className=\"rocket-body rocket-upper\"\n          d=\"m14.268,23.69c7.986-2.194,14.642-9.015,15.732-21.69-12.675,1.09-19.496,7.746-21.69,15.732l5.958,5.958Z\"\n        />\n\n        <motion.path\n          className=\"rocket-trajectory rocket-upper\"\n          d=\"m19,5c4.111,1.389,6.778,4.056,8,8\"\n          strokeLinecap=\"round\"\n        />\n\n        <motion.circle\n          className=\"rocket-window rocket-upper\"\n          cx=\"19\"\n          cy=\"13\"\n          r=\"2\"\n          fill=\"currentColor\"\n        />\n\n        <motion.path\n          className=\"rocket-flame\"\n          d=\"m2,30s.707-4.95,2.121-6.364c1.172-1.172,3.071-1.172,4.243,0s1.172,3.071,0,4.243c-1.414,1.414-6.364,2.121-6.364,2.121Z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nRocketIcon.displayName = \"RocketIcon\";\n\nexport default RocketIcon;\n"],"mappings":";;;;;AAKA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAqCxB,AApCA,MAAM,QAAQ,IAAI,CAChB,EACE,iBACA;GACE,GAAG,CAAC,GAAG,EAAE;GACT,GAAG,CAAC,GAAG,GAAG;GACV,SAAS,CAAC,GAAG,CAAC;EAChB,GACA;GAAE,UAAU;GAAM,MAAM;EAAS,CACnC,GACA,EACE,iBACA;GACE,GAAG,CAAC,GAAG,GAAG;GACV,GAAG,CAAC,GAAG,EAAE;GACT,OAAO,CAAC,IAAK,GAAG;GAChB,SAAS,CAAC,IAAK,CAAC;EAClB,GACA;GAAE,UAAU;GAAM,MAAM;GAAW,OAAO;EAAK,CACjD,CACF,CAAC,GAGD,MAAM,EACJ,iBACA;GAAE,GAAG;GAAK,GAAG;GAAI,SAAS;EAAE,GAC5B,EAAE,UAAU,EAAE,CAChB,GAGA,EACE,iBACA;GAAE,GAAG;GAAG,GAAG;GAAG,SAAS;EAAE,GACzB;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GAEA,EACE,iBACA;GAAE,GAAG;GAAG,GAAG;GAAG,SAAS;GAAG,OAAO;EAAE,GACnC;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC;CACF,GAEM,UAAa;EACjB,EACE,gCACA;GAAE,GAAG;GAAG,GAAG;GAAG,SAAS;GAAG,OAAO;EAAE,GACnC,EAAE,UAAU,GAAI,CAClB;CACF;CAeA,OAbA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAWA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACR,aAAa,EAAkB,GAAa,EAAE;EAC9C,kBAAiB;EACjB,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAb/B,UAAA;GAeE,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,eAAc;GACf,CAAA;GAED,kBAAC,EAAO,QAAR;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,GAAE;IACF,MAAK;GACN,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAW,cAAc"}

package/dist/animations/rosette-discount-check-icon.d.ts

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

package/dist/animations/rosette-discount-check-icon.d.ts.map

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

package/dist/animations/rosette-discount-check-icon.js

@@ -0,0 +1,88 @@
+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/rosette-discount-check-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(".rosette-badge", {
+			rotate: [
+				0,
+				-5,
+				5,
+				0
+			],
+			scale: [
+				1,
+				1.05,
+				1
+			]
+		}, {
+			duration: .5,
+			ease: "easeInOut"
+		}), await f(".discount-check", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .4,
+			ease: "easeOut"
+		}), f(".rosette-badge", { scale: [
+			1.05,
+			.98,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".rosette-badge", {
+			rotate: 0,
+			scale: 1
+		}, { duration: .2 }), f(".discount-check", {
+			pathLength: 1,
+			opacity: 1
+		}, { duration: .2 });
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a(r.div, {
+		ref: d,
+		className: `inline-flex cursor-pointer items-center justify-center ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: /* @__PURE__ */ o("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: e,
+			height: e,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: s,
+			strokeWidth: c,
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			style: { overflow: "visible" },
+			children: [
+				/* @__PURE__ */ a("path", {
+					stroke: "none",
+					d: "M0 0h24v24H0z",
+					fill: "none"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "rosette-badge",
+					style: { transformOrigin: "center" },
+					d: "M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7c.412 .41 .97 .64 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58 .23 1.138 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1z"
+				}),
+				/* @__PURE__ */ a(r.path, {
+					className: "discount-check",
+					d: "M9 12l2 2l4 -4",
+					pathLength: 1
+				})
+			]
+		})
+	});
+});
+s.displayName = "RosetteDiscountCheckIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=rosette-discount-check-icon.js.map

package/dist/animations/rosette-discount-check-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rosette-discount-check-icon.js","names":[],"sources":["../../src/animations/rosette-discount-check-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst RosetteDiscountCheckIcon = forwardRef<\n  AnimatedIconHandle,\n  AnimatedIconProps\n>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      // 1. Rotate and scale the rosette badge\n      animate(\n        \".rosette-badge\",\n        {\n          rotate: [0, -5, 5, 0],\n          scale: [1, 1.05, 1],\n        },\n        {\n          duration: 0.5,\n          ease: \"easeInOut\",\n        },\n      );\n\n      // 2. Animate checkmark with path drawing\n      await animate(\n        \".discount-check\",\n        {\n          pathLength: [0, 1],\n          opacity: [0, 1],\n        },\n        {\n          duration: 0.4,\n          ease: \"easeOut\",\n        },\n      );\n\n      // 3. Bounce back effect\n      animate(\n        \".rosette-badge\",\n        {\n          scale: [1.05, 0.98, 1],\n        },\n        {\n          duration: 0.3,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      // Reset properties.\n      // REMOVED pathLength reset for badge to ensure solid stroke\n      animate(\".rosette-badge\", { rotate: 0, scale: 1 }, { duration: 0.2 });\n      animate(\n        \".discount-check\",\n        { pathLength: 1, opacity: 1 },\n        { duration: 0.2 },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.div\n        ref={scope}\n        className={`inline-flex cursor-pointer items-center justify-center ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width={size}\n          height={size}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke={color}\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          style={{ overflow: \"visible\" }}\n        >\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <motion.path\n            className=\"rosette-badge\"\n            style={{ transformOrigin: \"center\" }}\n            d=\"M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7c.412 .41 .97 .64 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58 .23 1.138 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1z\"\n          />\n          <motion.path\n            className=\"discount-check\"\n            d=\"M9 12l2 2l4 -4\"\n            pathLength={1}\n          />\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nRosetteDiscountCheckIcon.displayName = \"RosetteDiscountCheckIcon\";\nexport default RosetteDiscountCheckIcon;\n"],"mappings":";;;;AAIA,IAAM,IAA2B,GAK7B,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EA4BpC,AA1BA,EACE,kBACA;GACE,QAAQ;IAAC;IAAG;IAAI;IAAG;GAAC;GACpB,OAAO;IAAC;IAAG;IAAM;GAAC;EACpB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAGA,MAAM,EACJ,mBACA;GACE,YAAY,CAAC,GAAG,CAAC;GACjB,SAAS,CAAC,GAAG,CAAC;EAChB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAGA,EACE,kBACA,EACE,OAAO;GAAC;GAAM;GAAM;EAAC,EACvB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAI7B,AADA,EAAQ,kBAAkB;GAAE,QAAQ;GAAG,OAAO;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACpE,EACE,mBACA;GAAE,YAAY;GAAG,SAAS;EAAE,GAC5B,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,WAAW,0DAA0D;EACrE,cAAc;EACd,YAAY;EAEZ,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACK;GACb,eAAc;GACd,gBAAe;GACf,OAAO,EAAE,UAAU,UAAU;GAV/B,UAAA;IAYE,kBAAC,QAAD;KAAM,QAAO;KAAO,GAAE;KAAgB,MAAK;IAAQ,CAAA;IACnD,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,OAAO,EAAE,iBAAiB,SAAS;KACnC,GAAE;IACH,CAAA;IACD,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;KACF,YAAY;IACb,CAAA;GACE;;CACK,CAAA;AAEhB,CACF;AAEA,EAAyB,cAAc"}

package/dist/animations/rosette-discount-icon.d.ts

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

package/dist/animations/rosette-discount-icon.d.ts.map

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