nfx-ui 0.20.0 → 0.23.0

package/dist/animations/trash-icon.js

@@ -0,0 +1,112 @@
+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/trash-icon.tsx
+var s = e(({ shakeOnClick: e = !1, dangerHover: s = !1, keepOpenOnDelete: c = !1, size: l = 24, color: u = "currentColor", strokeWidth: d = 2, className: f = "" }, p) => {
+	let [m, h] = i(), g = t(async () => {
+		await Promise.all([h(".trash-lid-lower", {
+			rotate: -25,
+			y: -4
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		}), h(".trash-lid-upper", {
+			rotate: -35,
+			y: -6,
+			x: -2
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		})]);
+	}, [h]), _ = t(async () => {
+		await Promise.all([h(".trash-lid-lower", {
+			rotate: 0,
+			y: 0
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		}), h(".trash-lid-upper", {
+			rotate: 0,
+			y: 0,
+			x: 0
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		})]);
+	}, [h]), v = t(async () => {
+		s && await h(".trash-icon", { stroke: "#ef4444" }, {
+			duration: .2,
+			delay: .1,
+			ease: "easeInOut"
+		});
+	}, [h, s]), y = t(async () => {
+		s && await h(".trash-icon", { stroke: "currentColor" }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [h, s]), b = t(async () => {
+		await g(), await v();
+	}, [g, v]), x = t(async () => {
+		y(), _();
+	}, [y, _]), S = t(async () => {
+		e && await h(".trash-icon", { x: [
+			0,
+			-2,
+			2,
+			-1,
+			0
+		] }, {
+			duration: .25,
+			ease: "easeInOut"
+		}), c && await g();
+	}, [
+		e,
+		c,
+		h,
+		g
+	]);
+	return n(p, () => ({
+		startAnimation: g,
+		stopAnimation: _
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: m,
+		className: `cursor-pointer ${f} trash-icon`,
+		onHoverStart: b,
+		onHoverEnd: x,
+		onTap: S,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: l,
+		height: l,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: u,
+		strokeWidth: d,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M4 7l16 0",
+				className: "trash-lid-lower",
+				style: { transformOrigin: "50% 100%" }
+			}),
+			/* @__PURE__ */ a("path", { d: "M10 11l0 6" }),
+			/* @__PURE__ */ a("path", { d: "M14 11l0 6" }),
+			/* @__PURE__ */ a("path", { d: "M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" }),
+			/* @__PURE__ */ a(r.path, {
+				d: "M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3",
+				className: "trash-lid-upper",
+				style: { transformOrigin: "50% 100%" }
+			})
+		]
+	});
+});
+s.displayName = "TrashIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=trash-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trash-icon.js","names":[],"sources":["../../src/animations/trash-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nexport interface TrashIconProps extends AnimatedIconProps {\n  shakeOnClick?: boolean;\n  dangerHover?: boolean;\n  keepOpenOnDelete?: boolean;\n}\n\nconst TrashIcon = forwardRef<AnimatedIconHandle, TrashIconProps>(\n  (\n    {\n      shakeOnClick = false,\n      dangerHover = false,\n      keepOpenOnDelete = false,\n      size = 24,\n      color = \"currentColor\",\n      strokeWidth = 2,\n      className = \"\",\n    },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const openLid = useCallback(async () => {\n      await Promise.all([\n        animate(\n          \".trash-lid-lower\",\n          { rotate: -25, y: -4 },\n          { duration: 0.25, ease: \"easeOut\" },\n        ),\n        animate(\n          \".trash-lid-upper\",\n          { rotate: -35, y: -6, x: -2 },\n          { duration: 0.25, ease: \"easeOut\" },\n        ),\n      ]);\n    }, [animate]);\n\n    const closeLid = useCallback(async () => {\n      await Promise.all([\n        animate(\n          \".trash-lid-lower\",\n          { rotate: 0, y: 0 },\n          { duration: 0.2, ease: \"easeInOut\" },\n        ),\n        animate(\n          \".trash-lid-upper\",\n          { rotate: 0, y: 0, x: 0 },\n          { duration: 0.2, ease: \"easeInOut\" },\n        ),\n      ]);\n    }, [animate]);\n\n    const dangerHoverAnimation = useCallback(async () => {\n      if (!dangerHover) return;\n\n      await animate(\n        \".trash-icon\",\n        { stroke: \"#ef4444\" },\n        { duration: 0.2, delay: 0.1, ease: \"easeInOut\" },\n      );\n    }, [animate, dangerHover]);\n\n    const resetColor = useCallback(async () => {\n      if (!dangerHover) return;\n\n      await animate(\n        \".trash-icon\",\n        { stroke: \"currentColor\" },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate, dangerHover]);\n\n    const hoverAnimation = useCallback(async () => {\n      await openLid();\n      await dangerHoverAnimation();\n    }, [openLid, dangerHoverAnimation]);\n\n    const hoverEndAnimation = useCallback(async () => {\n      resetColor();\n      closeLid();\n    }, [resetColor, closeLid]);\n\n    const clickAnimation = useCallback(async () => {\n      if (shakeOnClick) {\n        await animate(\n          \".trash-icon\",\n          { x: [0, -2, 2, -1, 0] },\n          { duration: 0.25, ease: \"easeInOut\" },\n        );\n      }\n\n      if (keepOpenOnDelete) {\n        await openLid();\n      }\n    }, [shakeOnClick, keepOpenOnDelete, animate, openLid]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: openLid,\n      stopAnimation: closeLid,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        className={`cursor-pointer ${className} trash-icon`}\n        onHoverStart={hoverAnimation}\n        onHoverEnd={hoverEndAnimation}\n        onTap={clickAnimation}\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      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        <motion.path\n          d=\"M4 7l16 0\"\n          className=\"trash-lid-lower\"\n          style={{ transformOrigin: \"50% 100%\" }}\n        />\n\n        <path d=\"M10 11l0 6\" />\n        <path d=\"M14 11l0 6\" />\n        <path d=\"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12\" />\n\n        <motion.path\n          d=\"M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3\"\n          className=\"trash-lid-upper\"\n          style={{ transformOrigin: \"50% 100%\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nTrashIcon.displayName = \"TrashIcon\";\nexport default TrashIcon;\n"],"mappings":";;;;AAUA,IAAM,IAAY,GAEd,EACE,kBAAe,IACf,iBAAc,IACd,sBAAmB,IACnB,UAAO,IACP,WAAQ,gBACR,iBAAc,GACd,eAAY,MAEd,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAU,EAAY,YAAY;EACtC,MAAM,QAAQ,IAAI,CAChB,EACE,oBACA;GAAE,QAAQ;GAAK,GAAG;EAAG,GACrB;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GACA,EACE,oBACA;GAAE,QAAQ;GAAK,GAAG;GAAI,GAAG;EAAG,GAC5B;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,CACF,CAAC;CACH,GAAG,CAAC,CAAO,CAAC,GAEN,IAAW,EAAY,YAAY;EACvC,MAAM,QAAQ,IAAI,CAChB,EACE,oBACA;GAAE,QAAQ;GAAG,GAAG;EAAE,GAClB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,oBACA;GAAE,QAAQ;GAAG,GAAG;GAAG,GAAG;EAAE,GACxB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,CACF,CAAC;CACH,GAAG,CAAC,CAAO,CAAC,GAEN,IAAuB,EAAY,YAAY;EAC9C,KAEL,MAAM,EACJ,eACA,EAAE,QAAQ,UAAU,GACpB;GAAE,UAAU;GAAK,OAAO;GAAK,MAAM;EAAY,CACjD;CACF,GAAG,CAAC,GAAS,CAAW,CAAC,GAEnB,IAAa,EAAY,YAAY;EACpC,KAEL,MAAM,EACJ,eACA,EAAE,QAAQ,eAAe,GACzB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,GAAS,CAAW,CAAC,GAEnB,IAAiB,EAAY,YAAY;EAE7C,AADA,MAAM,EAAQ,GACd,MAAM,EAAqB;CAC7B,GAAG,CAAC,GAAS,CAAoB,CAAC,GAE5B,IAAoB,EAAY,YAAY;EAEhD,AADA,EAAW,GACX,EAAS;CACX,GAAG,CAAC,GAAY,CAAQ,CAAC,GAEnB,IAAiB,EAAY,YAAY;EAS7C,AARI,KACF,MAAM,EACJ,eACA,EAAE,GAAG;GAAC;GAAG;GAAI;GAAG;GAAI;EAAC,EAAE,GACvB;GAAE,UAAU;GAAM,MAAM;EAAY,CACtC,GAGE,KACF,MAAM,EAAQ;CAElB,GAAG;EAAC;EAAc;EAAkB;EAAS;CAAO,CAAC;CAOrD,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,WAAW,kBAAkB,EAAU;EACvC,cAAc;EACd,YAAY;EACZ,OAAO;EACP,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EAdjB,UAAA;GAgBE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAEnD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,WAAW;GACtC,CAAA;GAED,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;GACtB,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;GACtB,kBAAC,QAAD,EAAM,GAAE,iDAAkD,CAAA;GAE1D,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,WAAW;GACtC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAU,cAAc"}

package/dist/animations/travel-bag.d.ts

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

package/dist/animations/travel-bag.d.ts.map

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

package/dist/animations/travel-bag.js

@@ -0,0 +1,95 @@
+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/travel-bag.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".front-flap", { skewX: 20 }, {
+			duration: .4,
+			ease: [
+				.4,
+				0,
+				.2,
+				1
+			]
+		}), f(".elements", {
+			x: -1,
+			scale: .9,
+			skewX: 20
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		}), f(".back-flap", { x: 4 }, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".front-flap", { skewX: 0 }, {
+			duration: .3,
+			ease: "easeIn"
+		}), f(".elements", {
+			x: 0,
+			scale: 1,
+			skewX: 0
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		}), f(".back-flap", { x: 0 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	}), [p, m]), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		onHoverStart: p,
+		onHoverEnd: m,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		children: [
+			/* @__PURE__ */ a(r.path, {
+				className: "front-flap",
+				d: "M12.75 4.25h-6m6 0c2.828 0 4.243 0 5.121.879.879.878.879 2.293.879 5.121v2.5c0 2.828 0 4.243-.879 5.121-.878.879-2.293.879-5.121.879h-6c-2.828 0-4.243 0-5.121-.879C.75 16.993.75 15.578.75 12.75v-2.5c0-2.828 0-4.243.879-5.121.878-.879 2.293-.879 5.121-.879"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "elements",
+				d: "M18.75 8.25a4 4 0 0 1-4-4"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "elements",
+				d: "m7 9.75-.75.75.75.75.75-.75z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "elements",
+				d: "M.75 14.75a4 4 0 0 1 4 4m-4-10.5a4 4 0 0 0 4-4m14 10.5a4 4 0 0 0-4 4"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "elements",
+				d: "m11.75 14.55-1.5-.3 1.2-1.2z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "elements",
+				d: "M12.25 8.75v.01"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "back-flap",
+				d: "M12.75 4.25h-6v-.5c0-1.414 0-2.121.44-2.56C7.628.75 8.335.75 9.75.75s2.121 0 2.56.44c.44.438.44 1.145.44 2.56zm0 0c2.828 0 4.243 0 5.121.879.879.878.879 2.293.879 5.121v2.5c0 2.828 0 4.243-.879 5.121-.878.879-2.293.879-5.121.879"
+			})
+		]
+	});
+});
+s.displayName = "TravelBag";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=travel-bag.js.map

package/dist/animations/travel-bag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"travel-bag.js","names":[],"sources":["../../src/animations/travel-bag.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst TravelBag = 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        \".front-flap\",\n        { skewX: 20 },\n        { duration: 0.4, ease: [0.4, 0, 0.2, 1] },\n      );\n      animate(\n        \".elements\",\n        { x: -1, scale: 0.9, skewX: 20 },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n      animate(\".back-flap\", { x: 4 }, { duration: 0.3, ease: \"easeInOut\" });\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".front-flap\", { skewX: 0 }, { duration: 0.3, ease: \"easeIn\" });\n      animate(\n        \".elements\",\n        { x: 0, scale: 1, skewX: 0 },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n      animate(\".back-flap\", { x: 0 }, { duration: 0.3, ease: \"easeOut\" });\n    }, [animate]);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        startAnimation: start,\n        stopAnimation: stop,\n      }),\n      [start, stop],\n    );\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={start}\n        onHoverEnd={stop}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n      >\n        <motion.path\n          className=\"front-flap\"\n          d=\"M12.75 4.25h-6m6 0c2.828 0 4.243 0 5.121.879.879.878.879 2.293.879 5.121v2.5c0 2.828 0 4.243-.879 5.121-.878.879-2.293.879-5.121.879h-6c-2.828 0-4.243 0-5.121-.879C.75 16.993.75 15.578.75 12.75v-2.5c0-2.828 0-4.243.879-5.121.878-.879 2.293-.879 5.121-.879\"\n        ></motion.path>\n        <motion.path\n          className=\"elements\"\n          d=\"M18.75 8.25a4 4 0 0 1-4-4\"\n        ></motion.path>\n        <motion.path\n          className=\"elements\"\n          d=\"m7 9.75-.75.75.75.75.75-.75z\"\n        ></motion.path>\n        <motion.path\n          className=\"elements\"\n          d=\"M.75 14.75a4 4 0 0 1 4 4m-4-10.5a4 4 0 0 0 4-4m14 10.5a4 4 0 0 0-4 4\"\n        ></motion.path>\n        <motion.path\n          className=\"elements\"\n          d=\"m11.75 14.55-1.5-.3 1.2-1.2z\"\n        ></motion.path>\n        <motion.path className=\"elements\" d=\"M12.25 8.75v.01\"></motion.path>\n        <motion.path\n          className=\"back-flap\"\n          d=\"M12.75 4.25h-6v-.5c0-1.414 0-2.121.44-2.56C7.628.75 8.335.75 9.75.75s2.121 0 2.56.44c.44.438.44 1.145.44 2.56zm0 0c2.828 0 4.243 0 5.121.879.879.878.879 2.293.879 5.121v2.5c0 2.828 0 4.243-.879 5.121-.878.879-2.293.879-5.121.879\"\n        ></motion.path>\n      </motion.svg>\n    );\n  },\n);\n\nTravelBag.displayName = \"TravelBag\";\nexport default TravelBag;\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;EAWpC,AAVA,EACE,eACA,EAAE,OAAO,GAAG,GACZ;GAAE,UAAU;GAAK,MAAM;IAAC;IAAK;IAAG;IAAK;GAAC;EAAE,CAC1C,GACA,EACE,aACA;GAAE,GAAG;GAAI,OAAO;GAAK,OAAO;EAAG,GAC/B;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EAAQ,cAAc,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACtE,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAO7B,AANA,EAAQ,eAAe,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAS,CAAC,GACtE,EACE,aACA;GAAE,GAAG;GAAG,OAAO;GAAG,OAAO;EAAE,GAC3B;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,EAAQ,cAAc,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACpE,GAAG,CAAC,CAAO,CAAC;CAWZ,OATA,EACE,UACO;EACL,gBAAgB;EAChB,eAAe;CACjB,IACA,CAAC,GAAO,CAAI,CACd,GAGE,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA;GAeE,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACU,CAAA;GACd,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACU,CAAA;GACd,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACU,CAAA;GACd,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACU,CAAA;GACd,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACU,CAAA;GACd,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAW,GAAE;GAA+B,CAAA;GACnE,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACU,CAAA;EACJ;;AAEhB,CACF;AAEA,EAAU,cAAc"}

package/dist/animations/triangle-alert-icon.d.ts

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

package/dist/animations/triangle-alert-icon.d.ts.map

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

package/dist/animations/triangle-alert-icon.js

@@ -0,0 +1,87 @@
+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/triangle-alert-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(".triangle", { y: [
+			0,
+			-1.5,
+			0
+		] }, {
+			duration: .25,
+			ease: "easeOut"
+		}), f(".exclamation-line", { scaleY: [
+			1,
+			1.35,
+			1
+		] }, {
+			duration: .3,
+			ease: "easeOut"
+		}), f(".exclamation-dot", {
+			scale: [
+				1,
+				1.4,
+				1
+			],
+			opacity: [
+				1,
+				.6,
+				1
+			]
+		}, {
+			duration: .25,
+			delay: .05,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".triangle", { y: 0 }, {
+			duration: .2,
+			ease: "easeOut"
+		}), f(".exclamation-line", { scaleY: 1 }, {
+			duration: .2,
+			ease: "easeOut"
+		}), f(".exclamation-dot", {
+			scale: 1,
+			opacity: 1
+		}, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		onHoverStart: p,
+		onHoverEnd: m,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		children: [/* @__PURE__ */ a(r.path, {
+			className: "triangle",
+			d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
+		}), /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a(r.path, {
+			className: "exclamation-line",
+			d: "M12 9v4",
+			style: { transformOrigin: "12px 11px" }
+		}), /* @__PURE__ */ a(r.path, {
+			className: "exclamation-dot",
+			d: "M12 17h.01",
+			style: { transformOrigin: "12px 17px" }
+		})] })]
+	});
+});
+s.displayName = "TriangleAlertIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=triangle-alert-icon.js.map

package/dist/animations/triangle-alert-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triangle-alert-icon.js","names":[],"sources":["../../src/animations/triangle-alert-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst TriangleAlertIcon = 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        \".triangle\",\n        {\n          y: [0, -1.5, 0],\n        },\n        {\n          duration: 0.25,\n          ease: \"easeOut\",\n        },\n      );\n\n      animate(\n        \".exclamation-line\",\n        {\n          scaleY: [1, 1.35, 1],\n        },\n        {\n          duration: 0.3,\n          ease: \"easeOut\",\n        },\n      );\n\n      animate(\n        \".exclamation-dot\",\n        {\n          scale: [1, 1.4, 1],\n          opacity: [1, 0.6, 1],\n        },\n        {\n          duration: 0.25,\n          delay: 0.05,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".triangle\", { y: 0 }, { duration: 0.2, ease: \"easeOut\" });\n      animate(\n        \".exclamation-line\",\n        { scaleY: 1 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n      animate(\n        \".exclamation-dot\",\n        { scale: 1, opacity: 1 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={start}\n        onHoverEnd={stop}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n      >\n        <motion.path\n          className=\"triangle\"\n          d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"\n        />\n\n        <g>\n          <motion.path\n            className=\"exclamation-line\"\n            d=\"M12 9v4\"\n            style={{ transformOrigin: \"12px 11px\" }}\n          />\n          <motion.path\n            className=\"exclamation-dot\"\n            d=\"M12 17h.01\"\n            style={{ transformOrigin: \"12px 17px\" }}\n          />\n        </g>\n      </motion.svg>\n    );\n  },\n);\n\nTriangleAlertIcon.displayName = \"TriangleAlertIcon\";\nexport default TriangleAlertIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAoB,GAEtB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAuBpC,AAtBA,MAAM,EACJ,aACA,EACE,GAAG;GAAC;GAAG;GAAM;EAAC,EAChB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,qBACA,EACE,QAAQ;GAAC;GAAG;GAAM;EAAC,EACrB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,oBACA;GACE,OAAO;IAAC;IAAG;IAAK;GAAC;GACjB,SAAS;IAAC;IAAG;IAAK;GAAC;EACrB,GACA;GACE,UAAU;GACV,OAAO;GACP,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAO7B,AANA,EAAQ,aAAa,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GACjE,EACE,qBACA,EAAE,QAAQ,EAAE,GACZ;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,EACE,oBACA;GAAE,OAAO;GAAG,SAAS;EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA,CAeE,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA,GAED,kBAAC,KAAD,EAAA,UAAA,CACE,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,OAAO,EAAE,iBAAiB,YAAY;EACvC,CAAA,GACD,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;GACF,OAAO,EAAE,iBAAiB,YAAY;EACvC,CAAA,CACA,EAAA,CAAA,CACO;;AAEhB,CACF;AAEA,EAAkB,cAAc"}

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

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

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

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

package/dist/animations/trophy-icon.js

@@ -0,0 +1,168 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/trophy-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".trophy-group", {
+			y: [
+				0,
+				-4,
+				-4,
+				0
+			],
+			rotate: [
+				0,
+				-10,
+				10,
+				0
+			]
+		}, {
+			duration: .8,
+			ease: "easeOut",
+			times: [
+				0,
+				.4,
+				.7,
+				1
+			]
+		}), [
+			{
+				selector: ".confetti-1",
+				x: [0, -12],
+				y: [0, -15],
+				rotate: [0, 140]
+			},
+			{
+				selector: ".confetti-2",
+				x: [0, -5],
+				y: [0, -18],
+				rotate: [0, -100]
+			},
+			{
+				selector: ".confetti-3",
+				x: [0, 5],
+				y: [0, -18],
+				rotate: [0, 120]
+			},
+			{
+				selector: ".confetti-4",
+				x: [0, 12],
+				y: [0, -15],
+				rotate: [0, -140]
+			}
+		].forEach((e) => {
+			f(e.selector, {
+				x: e.x,
+				y: e.y,
+				rotate: e.rotate,
+				opacity: [
+					0,
+					1,
+					0
+				],
+				scale: [
+					0,
+					1,
+					.5
+				]
+			}, {
+				duration: .8,
+				ease: "easeOut",
+				delay: .1
+			});
+		});
+	}, [f]), m = t(() => {
+		f(".trophy-group", {
+			y: 0,
+			rotate: 0
+		}, { duration: .3 }), f(".confetti-1, .confetti-2, .confetti-3, .confetti-4", {
+			opacity: 0,
+			scale: 0
+		}, { duration: .2 });
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a(r.svg, {
+		ref: d,
+		onHoverStart: p,
+		onHoverEnd: m,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		style: { overflow: "visible" },
+		children: /* @__PURE__ */ o(r.g, {
+			className: "trophy-group",
+			style: { transformOrigin: "center 20px" },
+			children: [
+				/* @__PURE__ */ a("path", { d: "M6 9H4.5a1 1 0 0 1 0-5H6" }),
+				/* @__PURE__ */ a("path", { d: "M18 9h1.5a1 1 0 0 0 0-5H18" }),
+				/* @__PURE__ */ a("path", { d: "M4 22h16" }),
+				/* @__PURE__ */ a("path", { d: "M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978" }),
+				/* @__PURE__ */ a("path", { d: "M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978" }),
+				/* @__PURE__ */ a("path", { d: "M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z" }),
+				/* @__PURE__ */ a(r.rect, {
+					className: "confetti-1",
+					x: "11",
+					y: "6",
+					width: "2",
+					height: "2",
+					rx: "0.5",
+					fill: "#FFD700",
+					stroke: "none",
+					opacity: 0,
+					style: { transformOrigin: "center" }
+				}),
+				/* @__PURE__ */ a(r.rect, {
+					className: "confetti-2",
+					x: "12",
+					y: "5",
+					width: "2",
+					height: "2",
+					rx: "0.5",
+					fill: "#FF4500",
+					stroke: "none",
+					opacity: 0,
+					style: { transformOrigin: "center" }
+				}),
+				/* @__PURE__ */ a(r.rect, {
+					className: "confetti-3",
+					x: "13",
+					y: "6",
+					width: "2",
+					height: "2",
+					rx: "0.5",
+					fill: "#00BFFF",
+					stroke: "none",
+					opacity: 0,
+					style: { transformOrigin: "center" }
+				}),
+				/* @__PURE__ */ a(r.rect, {
+					className: "confetti-4",
+					x: "12",
+					y: "7",
+					width: "2",
+					height: "2",
+					rx: "0.5",
+					fill: "#32CD32",
+					stroke: "none",
+					opacity: 0,
+					style: { transformOrigin: "center" }
+				})
+			]
+		})
+	});
+});
+s.displayName = "TrophyIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=trophy-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trophy-icon.js","names":[],"sources":["../../src/animations/trophy-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst TrophyIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      // Victory Lift and Tilt\n      animate(\n        \".trophy-group\",\n        {\n          y: [0, -4, -4, 0],\n          rotate: [0, -10, 10, 0],\n        },\n        {\n          duration: 0.8,\n          ease: \"easeOut\",\n          times: [0, 0.4, 0.7, 1],\n        },\n      );\n\n      // Confetti Burst\n      const confettiSequences = [\n        { selector: \".confetti-1\", x: [0, -12], y: [0, -15], rotate: [0, 140] },\n        { selector: \".confetti-2\", x: [0, -5], y: [0, -18], rotate: [0, -100] },\n        { selector: \".confetti-3\", x: [0, 5], y: [0, -18], rotate: [0, 120] },\n        { selector: \".confetti-4\", x: [0, 12], y: [0, -15], rotate: [0, -140] },\n      ];\n\n      confettiSequences.forEach((conf) => {\n        animate(\n          conf.selector,\n          {\n            x: conf.x,\n            y: conf.y,\n            rotate: conf.rotate,\n            opacity: [0, 1, 0],\n            scale: [0, 1, 0.5],\n          },\n          {\n            duration: 0.8,\n            ease: \"easeOut\",\n            delay: 0.1,\n          },\n        );\n      });\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\".trophy-group\", { y: 0, rotate: 0 }, { duration: 0.3 });\n      animate(\n        \".confetti-1, .confetti-2, .confetti-3, .confetti-4\",\n        { opacity: 0, scale: 0 },\n        { duration: 0.2 },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={start}\n        onHoverEnd={stop}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        <motion.g\n          className=\"trophy-group\"\n          style={{ transformOrigin: \"center 20px\" }}\n        >\n          {/* Handles */}\n          <path d=\"M6 9H4.5a1 1 0 0 1 0-5H6\" />\n          <path d=\"M18 9h1.5a1 1 0 0 0 0-5H18\" />\n\n          {/* Base */}\n          <path d=\"M4 22h16\" />\n          <path d=\"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978\" />\n          <path d=\"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978\" />\n\n          {/* Cup Body */}\n          <path d=\"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z\" />\n\n          {/* Confetti Pieces */}\n          <motion.rect\n            className=\"confetti-1\"\n            x=\"11\"\n            y=\"6\"\n            width=\"2\"\n            height=\"2\"\n            rx=\"0.5\"\n            fill=\"#FFD700\"\n            stroke=\"none\"\n            opacity={0}\n            style={{ transformOrigin: \"center\" }}\n          />\n          <motion.rect\n            className=\"confetti-2\"\n            x=\"12\"\n            y=\"5\"\n            width=\"2\"\n            height=\"2\"\n            rx=\"0.5\"\n            fill=\"#FF4500\"\n            stroke=\"none\"\n            opacity={0}\n            style={{ transformOrigin: \"center\" }}\n          />\n          <motion.rect\n            className=\"confetti-3\"\n            x=\"13\"\n            y=\"6\"\n            width=\"2\"\n            height=\"2\"\n            rx=\"0.5\"\n            fill=\"#00BFFF\"\n            stroke=\"none\"\n            opacity={0}\n            style={{ transformOrigin: \"center\" }}\n          />\n          <motion.rect\n            className=\"confetti-4\"\n            x=\"12\"\n            y=\"7\"\n            width=\"2\"\n            height=\"2\"\n            rx=\"0.5\"\n            fill=\"#32CD32\"\n            stroke=\"none\"\n            opacity={0}\n            style={{ transformOrigin: \"center\" }}\n          />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nTrophyIcon.displayName = \"TrophyIcon\";\nexport default TrophyIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAuBpC,AArBA,EACE,iBACA;GACE,GAAG;IAAC;IAAG;IAAI;IAAI;GAAC;GAChB,QAAQ;IAAC;IAAG;IAAK;IAAI;GAAC;EACxB,GACA;GACE,UAAU;GACV,MAAM;GACN,OAAO;IAAC;IAAG;IAAK;IAAK;GAAC;EACxB,CACF,GAUA;GANE;IAAE,UAAU;IAAe,GAAG,CAAC,GAAG,GAAG;IAAG,GAAG,CAAC,GAAG,GAAG;IAAG,QAAQ,CAAC,GAAG,GAAG;GAAE;GACtE;IAAE,UAAU;IAAe,GAAG,CAAC,GAAG,EAAE;IAAG,GAAG,CAAC,GAAG,GAAG;IAAG,QAAQ,CAAC,GAAG,IAAI;GAAE;GACtE;IAAE,UAAU;IAAe,GAAG,CAAC,GAAG,CAAC;IAAG,GAAG,CAAC,GAAG,GAAG;IAAG,QAAQ,CAAC,GAAG,GAAG;GAAE;GACpE;IAAE,UAAU;IAAe,GAAG,CAAC,GAAG,EAAE;IAAG,GAAG,CAAC,GAAG,GAAG;IAAG,QAAQ,CAAC,GAAG,IAAI;GAAE;EAGxE,CAAA,CAAkB,SAAS,MAAS;GAClC,EACE,EAAK,UACL;IACE,GAAG,EAAK;IACR,GAAG,EAAK;IACR,QAAQ,EAAK;IACb,SAAS;KAAC;KAAG;KAAG;IAAC;IACjB,OAAO;KAAC;KAAG;KAAG;IAAG;GACnB,GACA;IACE,UAAU;IACV,MAAM;IACN,OAAO;GACT,CACF;EACF,CAAC;CACH,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAE7B,AADA,EAAQ,iBAAiB;GAAE,GAAG;GAAG,QAAQ;EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAC/D,EACE,sDACA;GAAE,SAAS;GAAG,OAAO;EAAE,GACvB,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;EAE7B,UAAA,kBAAC,EAAO,GAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,cAAc;GAF1C,UAAA;IAKE,kBAAC,QAAD,EAAM,GAAE,2BAA4B,CAAA;IACpC,kBAAC,QAAD,EAAM,GAAE,6BAA8B,CAAA;IAGtC,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IACpB,kBAAC,QAAD,EAAM,GAAE,0DAA2D,CAAA;IACnE,kBAAC,QAAD,EAAM,GAAE,2DAA4D,CAAA;IAGpE,kBAAC,QAAD,EAAM,GAAE,uDAAwD,CAAA;IAGhE,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;KACF,GAAE;KACF,OAAM;KACN,QAAO;KACP,IAAG;KACH,MAAK;KACL,QAAO;KACP,SAAS;KACT,OAAO,EAAE,iBAAiB,SAAS;IACpC,CAAA;IACD,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;KACF,GAAE;KACF,OAAM;KACN,QAAO;KACP,IAAG;KACH,MAAK;KACL,QAAO;KACP,SAAS;KACT,OAAO,EAAE,iBAAiB,SAAS;IACpC,CAAA;IACD,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;KACF,GAAE;KACF,OAAM;KACN,QAAO;KACP,IAAG;KACH,MAAK;KACL,QAAO;KACP,SAAS;KACT,OAAO,EAAE,iBAAiB,SAAS;IACpC,CAAA;IACD,kBAAC,EAAO,MAAR;KACE,WAAU;KACV,GAAE;KACF,GAAE;KACF,OAAM;KACN,QAAO;KACP,IAAG;KACH,MAAK;KACL,QAAO;KACP,SAAS;KACT,OAAO,EAAE,iBAAiB,SAAS;IACpC,CAAA;GACO;;CACA,CAAA;AAEhB,CACF;AAEA,EAAW,cAAc"}

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

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

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

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

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

@@ -0,0 +1,74 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/truck-electric-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		await f(".truck", {
+			x: [0, 30],
+			opacity: [1, 0]
+		}, {
+			duration: .5,
+			ease: "easeIn"
+		}), f(".truck", { x: -30 }, { duration: 0 }), await f(".truck", {
+			x: [-30, 0],
+			opacity: [0, 1]
+		}, {
+			duration: .5,
+			ease: "easeOut",
+			delay: .1
+		});
+	}, [f]), m = t(() => {
+		f(".truck", {
+			x: 0,
+			opacity: 1
+		}, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a(r.svg, {
+		ref: d,
+		onHoverStart: p,
+		onHoverEnd: m,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		style: { overflow: "visible" },
+		children: /* @__PURE__ */ o(r.g, {
+			className: "truck",
+			children: [
+				/* @__PURE__ */ a("path", { d: "M14 19V7a2 2 0 0 0-2-2H9" }),
+				/* @__PURE__ */ a("path", { d: "M15 19H9" }),
+				/* @__PURE__ */ a("path", { d: "M19 19h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62L18.3 9.38a1 1 0 0 0-.78-.38H14" }),
+				/* @__PURE__ */ a("path", { d: "M2 13v5a1 1 0 0 0 1 1h2" }),
+				/* @__PURE__ */ a("path", { d: "M4 3 2.15 5.15a.495.495 0 0 0 .35.86h2.15a.47.47 0 0 1 .35.86L3 9.02" }),
+				/* @__PURE__ */ a("circle", {
+					cx: "17",
+					cy: "19",
+					r: "2"
+				}),
+				/* @__PURE__ */ a("circle", {
+					cx: "7",
+					cy: "19",
+					r: "2"
+				})
+			]
+		})
+	});
+});
+s.displayName = "TruckElectricIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=truck-electric-icon.js.map

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

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

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

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

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

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