nfx-ui 0.20.0 → 0.22.0

package/dist/animations/satellite-dish-icon.js

@@ -0,0 +1,96 @@
+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/satellite-dish-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(".signal-inner", {
+			scale: [
+				1,
+				1.15,
+				1
+			],
+			opacity: [
+				1,
+				.6,
+				1
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut"
+		}), await f(".signal-outer", {
+			scale: [
+				1,
+				1.25,
+				1
+			],
+			opacity: [
+				1,
+				.4,
+				1
+			]
+		}, {
+			duration: .7,
+			ease: "easeInOut",
+			delay: .1
+		}), f(".dish", { rotate: [
+			0,
+			-2,
+			2,
+			0
+		] }, {
+			duration: .5,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".signal-inner, .signal-outer, .dish", {
+			scale: 1,
+			opacity: 1,
+			rotate: 0
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a(r.path, {
+				className: "dish",
+				d: "M4 10a7.31 7.31 0 0 0 10 10Z",
+				style: { transformOrigin: "9px 15px" }
+			}),
+			/* @__PURE__ */ a("path", { d: "m9 15 3-3" }),
+			/* @__PURE__ */ a(r.path, {
+				className: "signal-inner",
+				d: "M17 13a6 6 0 0 0-6-6",
+				style: { transformOrigin: "14px 10px" }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "signal-outer",
+				d: "M21 13A10 10 0 0 0 11 3",
+				style: { transformOrigin: "16px 8px" }
+			})
+		]
+	});
+});
+s.displayName = "SatelliteDishIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=satellite-dish-icon.js.map

package/dist/animations/satellite-dish-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"satellite-dish-icon.js","names":[],"sources":["../../src/animations/satellite-dish-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst SatelliteDishIcon = 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        \".signal-inner\",\n        {\n          scale: [1, 1.15, 1],\n          opacity: [1, 0.6, 1],\n        },\n        {\n          duration: 0.6,\n          ease: \"easeInOut\",\n        },\n      );\n\n      await animate(\n        \".signal-outer\",\n        {\n          scale: [1, 1.25, 1],\n          opacity: [1, 0.4, 1],\n        },\n        {\n          duration: 0.7,\n          ease: \"easeInOut\",\n          delay: 0.1,\n        },\n      );\n\n      animate(\n        \".dish\",\n        {\n          rotate: [0, -2, 2, 0],\n        },\n        {\n          duration: 0.5,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".signal-inner, .signal-outer, .dish\",\n        { scale: 1, opacity: 1, rotate: 0 },\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.path\n          className=\"dish\"\n          d=\"M4 10a7.31 7.31 0 0 0 10 10Z\"\n          style={{ transformOrigin: \"9px 15px\" }}\n        />\n\n        <path d=\"m9 15 3-3\" />\n\n        <motion.path\n          className=\"signal-inner\"\n          d=\"M17 13a6 6 0 0 0-6-6\"\n          style={{ transformOrigin: \"14px 10px\" }}\n        />\n\n        <motion.path\n          className=\"signal-outer\"\n          d=\"M21 13A10 10 0 0 0 11 3\"\n          style={{ transformOrigin: \"16px 8px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nSatelliteDishIcon.displayName = \"SatelliteDishIcon\";\nexport default SatelliteDishIcon;\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;EA0BpC,AAzBA,EACE,iBACA;GACE,OAAO;IAAC;IAAG;IAAM;GAAC;GAClB,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,MAAM,EACJ,iBACA;GACE,OAAO;IAAC;IAAG;IAAM;GAAC;GAClB,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,MAAM;GACN,OAAO;EACT,CACF,GAEA,EACE,SACA,EACE,QAAQ;GAAC;GAAG;GAAI;GAAG;EAAC,EACtB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,uCACA;GAAE,OAAO;GAAG,SAAS;GAAG,QAAQ;EAAE,GAClC;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,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,WAAW;GACtC,CAAA;GAED,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GAErB,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,YAAY;GACvC,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,WAAW;GACtC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAkB,cAAc"}

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

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

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

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

package/dist/animations/save-icon.js

@@ -0,0 +1,61 @@
+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/save-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(() => {
+		f(d.current, { y: [
+			0,
+			-1,
+			0
+		] }, {
+			duration: .4,
+			ease: "easeInOut"
+		}), f(".save-label", { opacity: [
+			1,
+			.4,
+			1
+		] }, {
+			duration: .4,
+			ease: "easeInOut"
+		});
+	}, [f, d]), m = t(() => {
+		f(d.current, { y: 0 }, { duration: .3 }), f(".save-label", { opacity: 1 }, { duration: .3 });
+	}, [f, d]);
+	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}`,
+		style: { overflow: "visible" },
+		children: [
+			/* @__PURE__ */ a("path", { d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" }),
+			/* @__PURE__ */ a("path", {
+				className: "save-shutter",
+				d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "save-label",
+				d: "M7 3v4a1 1 0 0 0 1 1h7",
+				style: { transformOrigin: "center" }
+			})
+		]
+	});
+});
+s.displayName = "SaveIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=save-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"save-icon.js","names":[],"sources":["../../src/animations/save-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst SaveIcon = 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(() => {\n      // 1. Single Clean Vertical Pulse (The \"Store\" action)\n      animate(\n        scope.current,\n        { y: [0, -1, 0] },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n\n      // 2. Coordinated Label Pulse (The \"Write success\" flash)\n      animate(\n        \".save-label\",\n        { opacity: [1, 0.4, 1] },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n    }, [animate, scope]);\n\n    const stop = useCallback(() => {\n      animate(scope.current, { y: 0 }, { duration: 0.3 });\n      animate(\".save-label\", { opacity: 1 }, { duration: 0.3 });\n    }, [animate, scope]);\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        <path d=\"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\" />\n        <path\n          className=\"save-shutter\"\n          d=\"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7\"\n        />\n        <motion.path\n          className=\"save-label\"\n          d=\"M7 3v4a1 1 0 0 0 1 1h7\"\n          style={{ transformOrigin: \"center\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nSaveIcon.displayName = \"SaveIcon\";\nexport default SaveIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAW,GAEb,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAS9B,AAPA,EACE,EAAM,SACN,EAAE,GAAG;GAAC;GAAG;GAAI;EAAC,EAAE,GAChB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GAGA,EACE,eACA,EAAE,SAAS;GAAC;GAAG;GAAK;EAAC,EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,GAAS,CAAK,CAAC,GAEb,IAAO,QAAkB;EAE7B,AADA,EAAQ,EAAM,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAClD,EAAQ,eAAe,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAC1D,GAAG,CAAC,GAAS,CAAK,CAAC;CAOnB,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;EAd/B,UAAA;GAgBE,kBAAC,QAAD,EAAM,GAAE,qGAAsG,CAAA;GAC9G,kBAAC,QAAD;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,SAAS;GACpC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAS,cAAc"}

package/dist/animations/scan-barcode-icon.d.ts

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

package/dist/animations/scan-barcode-icon.d.ts.map

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

package/dist/animations/scan-barcode-icon.js

@@ -0,0 +1,92 @@
+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/scan-barcode-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(".scan-line", {
+			y: [
+				0,
+				10,
+				-10,
+				0
+			],
+			opacity: [
+				.3,
+				1,
+				.3,
+				1
+			]
+		}, {
+			duration: 1.2,
+			ease: "easeInOut"
+		}), f(".corners", { scale: [
+			1,
+			1.05,
+			1
+		] }, {
+			duration: .4,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".scan-line, .corners", {
+			y: 0,
+			opacity: 1,
+			scale: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ o(r.g, {
+				className: "corners",
+				children: [
+					/* @__PURE__ */ a("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+					/* @__PURE__ */ a("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+					/* @__PURE__ */ a("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+					/* @__PURE__ */ a("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
+				]
+			}),
+			/* @__PURE__ */ o(r.g, {
+				className: "barcode",
+				children: [
+					/* @__PURE__ */ a("path", { d: "M8 7v10" }),
+					/* @__PURE__ */ a("path", { d: "M12 7v10" }),
+					/* @__PURE__ */ a("path", { d: "M17 7v10" })
+				]
+			}),
+			/* @__PURE__ */ a(r.line, {
+				className: "scan-line",
+				x1: "8",
+				x2: "17",
+				y1: "12",
+				y2: "12",
+				strokeWidth: c,
+				initial: { opacity: .3 }
+			})
+		]
+	});
+});
+s.displayName = "ScanBarcodeIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=scan-barcode-icon.js.map

package/dist/animations/scan-barcode-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan-barcode-icon.js","names":[],"sources":["../../src/animations/scan-barcode-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ScanBarcodeIcon = 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        \".scan-line\",\n        {\n          y: [0, 10, -10, 0],\n          opacity: [0.3, 1, 0.3, 1],\n        },\n        {\n          duration: 1.2,\n          ease: \"easeInOut\",\n        },\n      );\n\n      animate(\n        \".corners\",\n        {\n          scale: [1, 1.05, 1],\n        },\n        {\n          duration: 0.4,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".scan-line, .corners\",\n        { y: 0, opacity: 1, scale: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <motion.g className=\"corners\">\n          <path d=\"M3 7V5a2 2 0 0 1 2-2h2\" />\n          <path d=\"M17 3h2a2 2 0 0 1 2 2v2\" />\n          <path d=\"M21 17v2a2 2 0 0 1-2 2h-2\" />\n          <path d=\"M7 21H5a2 2 0 0 1-2-2v-2\" />\n        </motion.g>\n\n        <motion.g className=\"barcode\">\n          <path d=\"M8 7v10\" />\n          <path d=\"M12 7v10\" />\n          <path d=\"M17 7v10\" />\n        </motion.g>\n\n        <motion.line\n          className=\"scan-line\"\n          x1=\"8\"\n          x2=\"17\"\n          y1=\"12\"\n          y2=\"12\"\n          strokeWidth={strokeWidth}\n          initial={{ opacity: 0.3 }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nScanBarcodeIcon.displayName = \"ScanBarcodeIcon\";\nexport default ScanBarcodeIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAkB,GAEpB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAapC,AAZA,MAAM,EACJ,cACA;GACE,GAAG;IAAC;IAAG;IAAI;IAAK;GAAC;GACjB,SAAS;IAAC;IAAK;IAAG;IAAK;GAAC;EAC1B,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,YACA,EACE,OAAO;GAAC;GAAG;GAAM;EAAC,EACpB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,wBACA;GAAE,GAAG;GAAG,SAAS;GAAG,OAAO;EAAE,GAC7B;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;KACE,kBAAC,QAAD,EAAM,GAAE,yBAA0B,CAAA;KAClC,kBAAC,QAAD,EAAM,GAAE,0BAA2B,CAAA;KACnC,kBAAC,QAAD,EAAM,GAAE,4BAA6B,CAAA;KACrC,kBAAC,QAAD,EAAM,GAAE,2BAA4B,CAAA;IAC5B;;GAEV,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA;KACE,kBAAC,QAAD,EAAM,GAAE,UAAW,CAAA;KACnB,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;KACpB,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IACZ;;GAEV,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;IACU;IACb,SAAS,EAAE,SAAS,GAAI;GACzB,CAAA;EACS;;AAEhB,CACF;AAEA,EAAgB,cAAc"}

package/dist/animations/scan-heart-icon.d.ts

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

package/dist/animations/scan-heart-icon.d.ts.map

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

package/dist/animations/scan-heart-icon.js

@@ -0,0 +1,66 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/scan-heart-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(".heart", { scale: 1.3 }, {
+			duration: .25,
+			ease: "easeOut"
+		}), f(".corners", { scale: .85 }, {
+			duration: .25,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".heart, .corners", { scale: 1 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a(r.path, {
+				className: "corners",
+				d: "M17 3h2a2 2 0 0 1 2 2v2"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "corners",
+				d: "M21 17v2a2 2 0 0 1-2 2h-2"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "corners",
+				d: "M3 7V5a2 2 0 0 1 2-2h2"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "corners",
+				d: "M7 21H5a2 2 0 0 1-2-2v-2"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "heart",
+				style: { transformOrigin: "12px 13px" },
+				d: "M7.828 13.07A3 3 0 0 1 12 8.764a3 3 0 0 1 4.172 4.306l-3.447 3.62a1 1 0 0 1-1.449 0z"
+			})
+		]
+	});
+});
+s.displayName = "ScanHeartIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=scan-heart-icon.js.map

package/dist/animations/scan-heart-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan-heart-icon.js","names":[],"sources":["../../src/animations/scan-heart-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ScanHeartIcon = 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(\".heart\", { scale: 1.3 }, { duration: 0.25, ease: \"easeOut\" });\n      animate(\".corners\", { scale: 0.85 }, { duration: 0.25, ease: \"easeOut\" });\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".heart, .corners\",\n        { scale: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <motion.path className=\"corners\" d=\"M17 3h2a2 2 0 0 1 2 2v2\" />\n        <motion.path className=\"corners\" d=\"M21 17v2a2 2 0 0 1-2 2h-2\" />\n        <motion.path className=\"corners\" d=\"M3 7V5a2 2 0 0 1 2-2h2\" />\n        <motion.path className=\"corners\" d=\"M7 21H5a2 2 0 0 1-2-2v-2\" />\n        <motion.path\n          className=\"heart\"\n          style={{ transformOrigin: \"12px 13px\" }}\n          d=\"M7.828 13.07A3 3 0 0 1 12 8.764a3 3 0 0 1 4.172 4.306l-3.447 3.62a1 1 0 0 1-1.449 0z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nScanHeartIcon.displayName = \"ScanHeartIcon\";\nexport default ScanHeartIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAgB,GAElB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAEpC,AADA,EAAQ,UAAU,EAAE,OAAO,IAAI,GAAG;GAAE,UAAU;GAAM,MAAM;EAAU,CAAC,GACrE,EAAQ,YAAY,EAAE,OAAO,IAAK,GAAG;GAAE,UAAU;GAAM,MAAM;EAAU,CAAC;CAC1E,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,oBACA,EAAE,OAAO,EAAE,GACX;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,MAAR;IAAa,WAAU;IAAU,GAAE;GAA2B,CAAA;GAC9D,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAU,GAAE;GAA6B,CAAA;GAChE,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAU,GAAE;GAA0B,CAAA;GAC7D,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAU,GAAE;GAA4B,CAAA;GAC/D,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY;IACtC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAc,cAAc"}

package/dist/animations/send-horizontal-icon.d.ts

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

package/dist/animations/send-horizontal-icon.d.ts.map

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

package/dist/animations/send-horizontal-icon.js

@@ -0,0 +1,56 @@
+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/send-horizontal-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(".paper-plane", {
+			x: [0, 2],
+			opacity: [1, .7]
+		}, {
+			duration: .4,
+			ease: "easeOut"
+		}), f(".paper-plane", {
+			x: 0,
+			opacity: 1
+		}, {
+			duration: .3,
+			ease: "easeIn"
+		});
+	}, [f]), m = t(() => {
+		f(".paper-plane", {
+			x: 0,
+			opacity: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a(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: "paper-plane",
+			children: [/* @__PURE__ */ a("path", { d: "M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z" }), /* @__PURE__ */ a("path", { d: "M6 12h16" })]
+		})
+	});
+});
+s.displayName = "SendHorizontalIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=send-horizontal-icon.js.map

package/dist/animations/send-horizontal-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-horizontal-icon.js","names":[],"sources":["../../src/animations/send-horizontal-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst SendHorizontalIcon = 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        \".paper-plane\",\n        {\n          x: [0, 2],\n          opacity: [1, 0.7],\n        },\n        {\n          duration: 0.4,\n          ease: \"easeOut\",\n        },\n      );\n\n      animate(\n        \".paper-plane\",\n        {\n          x: 0,\n          opacity: 1,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeIn\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".paper-plane\",\n        { x: 0, 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=\"paper-plane\">\n          <path d=\"M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z\" />\n          <path d=\"M6 12h16\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nSendHorizontalIcon.displayName = \"SendHorizontalIcon\";\nexport default SendHorizontalIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAqB,GAEvB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAapC,AAZA,MAAM,EACJ,gBACA;GACE,GAAG,CAAC,GAAG,CAAC;GACR,SAAS,CAAC,GAAG,EAAG;EAClB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,gBACA;GACE,GAAG;GACH,SAAS;EACX,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,gBACA;GAAE,GAAG;GAAG,SAAS;EAAE,GACnB;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;EAEZ,UAAA,kBAAC,EAAO,GAAR;GAAU,WAAU;GAApB,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,oIAAqI,CAAA,GAC7I,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA,CACZ;;CACA,CAAA;AAEhB,CACF;AAEA,EAAmB,cAAc"}

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

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

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

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

package/dist/animations/send-icon.js

@@ -0,0 +1,69 @@
+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/send-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(".send-icon", {
+			x: [0, 24],
+			y: [0, -24],
+			opacity: [1, 0]
+		}, {
+			duration: .25,
+			ease: "easeIn"
+		}), await f(".send-icon", {
+			x: -24,
+			y: 24
+		}, { duration: 0 }), await f(".send-icon", {
+			x: [-24, 0],
+			y: [24, 0],
+			opacity: [0, 1]
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".send-icon", {
+			x: 0,
+			y: 0,
+			opacity: 1
+		}, { 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: "send-icon",
+			style: { transformOrigin: "center" },
+			children: [
+				/* @__PURE__ */ a("path", {
+					stroke: "none",
+					d: "M0 0h24v24H0z",
+					fill: "none"
+				}),
+				/* @__PURE__ */ a("path", { d: "M10 14l11 -11" }),
+				/* @__PURE__ */ a("path", { d: "M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5" })
+			]
+		})
+	});
+});
+s.displayName = "SendIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=send-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"send-icon.js","names":[],"sources":["../../src/animations/send-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst SendIcon = 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        \".send-icon\",\n        {\n          x: [0, 24],\n          y: [0, -24],\n          opacity: [1, 0],\n        },\n        { duration: 0.25, ease: \"easeIn\" },\n      );\n\n      // instant reset\n      await animate(\".send-icon\", { x: -24, y: 24 }, { duration: 0 });\n\n      // come back\n      await animate(\n        \".send-icon\",\n        {\n          x: [-24, 0],\n          y: [24, 0],\n          opacity: [0, 1],\n        },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".send-icon\", { x: 0, y: 0, opacity: 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        style={{ overflow: \"visible\" }}\n      >\n        <motion.g className=\"send-icon\" style={{ transformOrigin: \"center\" }}>\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path d=\"M10 14l11 -11\" />\n          <path d=\"M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nSendIcon.displayName = \"SendIcon\";\nexport default SendIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAW,GAEb,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAepC,AAdA,MAAM,EACJ,cACA;GACE,GAAG,CAAC,GAAG,EAAE;GACT,GAAG,CAAC,GAAG,GAAG;GACV,SAAS,CAAC,GAAG,CAAC;EAChB,GACA;GAAE,UAAU;GAAM,MAAM;EAAS,CACnC,GAGA,MAAM,EAAQ,cAAc;GAAE,GAAG;GAAK,GAAG;EAAG,GAAG,EAAE,UAAU,EAAE,CAAC,GAG9D,MAAM,EACJ,cACA;GACE,GAAG,CAAC,KAAK,CAAC;GACV,GAAG,CAAC,IAAI,CAAC;GACT,SAAS,CAAC,GAAG,CAAC;EAChB,GACA;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EAAQ,cAAc;GAAE,GAAG;GAAG,GAAG;GAAG,SAAS;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,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;GAAY,OAAO,EAAE,iBAAiB,SAAS;GAAnE,UAAA;IACE,kBAAC,QAAD;KAAM,QAAO;KAAO,GAAE;KAAgB,MAAK;IAAQ,CAAA;IACnD,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;IACzB,kBAAC,QAAD,EAAM,GAAE,8EAA+E,CAAA;GAC/E;;CACA,CAAA;AAEhB,CACF;AAEA,EAAS,cAAc"}

package/dist/animations/shield-check.d.ts

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

package/dist/animations/shield-check.d.ts.map

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

package/dist/animations/shield-check.js

@@ -0,0 +1,63 @@
+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/shield-check.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".shield-body", { scale: [
+			1,
+			1.05,
+			1
+		] }, {
+			duration: .35,
+			ease: "easeOut"
+		}), await f(".shield-check", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".shield-body", { scale: 1 }, { duration: .2 }), f(".shield-check", {
+			pathLength: 1,
+			opacity: 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}`,
+		style: { overflow: "visible" },
+		children: [/* @__PURE__ */ a(r.path, {
+			className: "shield-body",
+			style: { transformOrigin: "50% 50%" },
+			d: "M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06"
+		}), /* @__PURE__ */ a(r.path, {
+			className: "shield-check",
+			d: "M15 19l2 2l4 -4",
+			initial: {
+				pathLength: 1,
+				opacity: 1
+			}
+		})]
+	});
+});
+s.displayName = "ShieldCheck";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=shield-check.js.map

package/dist/animations/shield-check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shield-check.js","names":[],"sources":["../../src/animations/shield-check.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ShieldCheck = 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        \".shield-body\",\n        { scale: [1, 1.05, 1] },\n        { duration: 0.35, ease: \"easeOut\" },\n      );\n\n      await animate(\n        \".shield-check\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".shield-body\", { scale: 1 }, { duration: 0.2 });\n      animate(\n        \".shield-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.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.path\n          className=\"shield-body\"\n          style={{ transformOrigin: \"50% 50%\" }}\n          d=\"M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06\"\n        />\n\n        <motion.path\n          className=\"shield-check\"\n          d=\"M15 19l2 2l4 -4\"\n          initial={{ pathLength: 1, opacity: 1 }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nShieldCheck.displayName = \"ShieldCheck\";\nexport default ShieldCheck;\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;EAOpC,AANA,EACE,gBACA,EAAE,OAAO;GAAC;GAAG;GAAM;EAAC,EAAE,GACtB;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GAEA,MAAM,EACJ,iBACA;GAAE,YAAY,CAAC,GAAG,CAAC;GAAG,SAAS,CAAC,GAAG,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAE7B,AADA,EAAQ,gBAAgB,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACvD,EACE,iBACA;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,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;EAd/B,UAAA,CAgBE,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,UAAU;GACpC,GAAE;EACH,CAAA,GAED,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,SAAS;IAAE,YAAY;IAAG,SAAS;GAAE;EACtC,CAAA,CACS;;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/shopping-cart-icon.d.ts

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

package/dist/animations/shopping-cart-icon.d.ts.map

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