nfx-ui 0.20.0 → 0.22.0

package/dist/animations/ambulance-icon.js

@@ -0,0 +1,82 @@
+import { forwardRef as e, useImperativeHandle as t, useRef as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/ambulance-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = n([]), m = async () => {
+		p.current.forEach((e) => e.stop()), p.current = [], p.current.push(f(".ambulance", { x: [
+			0,
+			1,
+			0,
+			-1
+		] }, {
+			duration: .6,
+			ease: "easeInOut",
+			repeat: Infinity
+		})), f(".plus", { scale: [
+			1,
+			1.3,
+			1
+		] }, {
+			duration: .6,
+			ease: "easeInOut"
+		});
+	}, h = () => {
+		p.current.forEach((e) => e.stop()), p.current = [], f(".ambulance", { x: 0 }, {
+			duration: .2,
+			ease: "easeInOut"
+		}), f(".plus", { scale: 1 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	};
+	return t(u, () => ({
+		startAnimation: m,
+		stopAnimation: h
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		onHoverStart: () => {
+			m();
+		},
+		onHoverEnd: () => {
+			h();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		children: [/* @__PURE__ */ o(r.g, {
+			className: "ambulance",
+			children: [
+				/* @__PURE__ */ a("path", { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2" }),
+				/* @__PURE__ */ a("path", { d: "M19 18h2a1 1 0 0 0 1-1v-3.28a1 1 0 0 0-.684-.948l-1.923-.641a1 1 0 0 1-.578-.502l-1.539-3.076A1 1 0 0 0 16.382 8H14" }),
+				/* @__PURE__ */ a("path", { d: "M9 18h6" }),
+				/* @__PURE__ */ a("circle", {
+					cx: "17",
+					cy: "18",
+					r: "2"
+				}),
+				/* @__PURE__ */ a("circle", {
+					cx: "7",
+					cy: "18",
+					r: "2"
+				})
+			]
+		}), /* @__PURE__ */ o(r.g, {
+			className: "plus",
+			style: { transformOrigin: "8px 8px" },
+			children: [/* @__PURE__ */ a("path", { d: "M10 10H6" }), /* @__PURE__ */ a("path", { d: "M8 8v4" })]
+		})]
+	});
+});
+s.displayName = "AmbulanceIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=ambulance-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ambulance-icon.js","names":[],"sources":["../../src/animations/ambulance-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useRef } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst AmbulanceIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n    const animationControls = useRef<Array<ReturnType<typeof animate>>>([]);\n\n    const start = async () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animationControls.current.push(\n        animate(\n          \".ambulance\",\n          { x: [0, 1, 0, -1] },\n          { duration: 0.6, ease: \"easeInOut\", repeat: Infinity },\n        ),\n      );\n      animate(\n        \".plus\",\n        { scale: [1, 1.3, 1] },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animate(\".ambulance\", { x: 0 }, { duration: 0.2, ease: \"easeInOut\" });\n      animate(\".plus\", { scale: 1 }, { duration: 0.2, ease: \"easeInOut\" });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n      >\n        <motion.g className=\"ambulance\">\n          <path d=\"M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2\" />\n          <path d=\"M19 18h2a1 1 0 0 0 1-1v-3.28a1 1 0 0 0-.684-.948l-1.923-.641a1 1 0 0 1-.578-.502l-1.539-3.076A1 1 0 0 0 16.382 8H14\" />\n          <path d=\"M9 18h6\" />\n          <circle cx=\"17\" cy=\"18\" r=\"2\" />\n          <circle cx=\"7\" cy=\"18\" r=\"2\" />\n        </motion.g>\n        <motion.g className=\"plus\" style={{ transformOrigin: \"8px 8px\" }}>\n          <path d=\"M10 10H6\" />\n          <path d=\"M8 8v4\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nAmbulanceIcon.displayName = \"AmbulanceIcon\";\n\nexport default AmbulanceIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAgB,GAElB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAC9B,IAAoB,EAA0C,CAAC,CAAC,GAEhE,IAAQ,YAAY;EAWxB,AAVA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAkB,QAAQ,KACxB,EACE,cACA,EAAE,GAAG;GAAC;GAAG;GAAG;GAAG;EAAE,EAAE,GACnB;GAAE,UAAU;GAAK,MAAM;GAAa,QAAQ;EAAS,CACvD,CACF,GACA,EACE,SACA,EAAE,OAAO;GAAC;GAAG;GAAK;EAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EAKjB,AAJA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAQ,cAAc,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC,GACpE,EAAQ,SAAS,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACrE;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA,CAeE,kBAAC,EAAO,GAAR;GAAU,WAAU;GAApB,UAAA;IACE,kBAAC,QAAD,EAAM,GAAE,4DAA6D,CAAA;IACrE,kBAAC,QAAD,EAAM,GAAE,sHAAuH,CAAA;IAC/H,kBAAC,QAAD,EAAM,GAAE,UAAW,CAAA;IACnB,kBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAK,GAAE;IAAK,CAAA;IAC/B,kBAAC,UAAD;KAAQ,IAAG;KAAI,IAAG;KAAK,GAAE;IAAK,CAAA;GACtB;EACV,CAAA,GAAA,kBAAC,EAAO,GAAR;GAAU,WAAU;GAAO,OAAO,EAAE,iBAAiB,UAAU;GAA/D,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA,GACpB,kBAAC,QAAD,EAAM,GAAE,SAAU,CAAA,CACV;EACA,CAAA,CAAA;;AAEhB,CACF;AAEA,EAAc,cAAc"}

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

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

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

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

package/dist/animations/ampersand-icon.js

@@ -0,0 +1,40 @@
+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/ampersand-icon.tsx
+var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeWidth: c = 2 }, l) => {
+	let [u, d] = r(), f = async () => {
+		d("path", { pathLength: [0, 1] }, { duration: .6 });
+	}, p = async () => {
+		d("path", { pathLength: 1 }, { duration: .3 });
+	};
+	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: "currentColor",
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		color: s,
+		className: `cursor-pointer ${o}`,
+		children: [/* @__PURE__ */ i("path", { d: "M16 12h3" }), /* @__PURE__ */ i("path", { d: "M17.5 12a8 8 0 0 1-8 8A4.5 4.5 0 0 1 5 15.5c0-6 8-4 8-8.5a3 3 0 1 0-6 0c0 3 2.5 8.5 12 13" })]
+	});
+});
+o.displayName = "AmpersandIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=ampersand-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ampersand-icon.js","names":[],"sources":["../../src/animations/ampersand-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst AmpersandIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 40, className = \"\", color = \"currentColor\", strokeWidth = 2 },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      animate(\"path\", { pathLength: [0, 1] }, { duration: 0.6 });\n    };\n\n    const stop = async () => {\n      animate(\"path\", { pathLength: 1 }, { duration: 0.3 });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        color={color}\n        className={`cursor-pointer ${className}`}\n      >\n        <path d=\"M16 12h3\" />\n        <path d=\"M17.5 12a8 8 0 0 1-8 8A4.5 4.5 0 0 1 5 15.5c0-6 8-4 8-8.5a3 3 0 1 0-6 0c0 3 2.5 8.5 12 13\" />\n      </motion.svg>\n    );\n  },\n);\n\nAmpersandIcon.displayName = \"AmpersandIcon\";\n\nexport default AmpersandIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAgB,GAElB,EAAE,UAAO,IAAI,eAAY,IAAI,WAAQ,gBAAgB,iBAAc,KACnE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,EAAQ,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAC3D,GAEM,IAAO,YAAY;EACvB,EAAQ,QAAQ,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACtD;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAO;EACM;EACb,eAAc;EACd,gBAAe;EACR;EACP,WAAW,kBAAkB;EAd/B,UAAA,CAgBE,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA,GACpB,kBAAC,QAAD,EAAM,GAAE,4FAA6F,CAAA,CAC3F;;AAEhB,CACF;AAEA,EAAc,cAAc"}

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

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

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

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

package/dist/animations/angry-icon.js

@@ -0,0 +1,82 @@
+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/angry-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".eyebrows", {
+			y: 1,
+			scaleY: 1.2
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		}), d(".mouth", { scaleY: 1.2 }, {
+			duration: .3,
+			ease: "easeOut"
+		}), d(".eyes", { scale: .8 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".eyebrows", {
+			y: 0,
+			scaleY: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		}), d(".mouth", { scaleY: 1 }, {
+			duration: .2,
+			ease: "easeInOut"
+		}), d(".eyes", { scale: 1 }, {
+			duration: .2,
+			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}`,
+		children: [
+			/* @__PURE__ */ i("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "mouth",
+				style: { transformOrigin: "12px 16px" },
+				d: "M16 16s-1.5-2-4-2-4 2-4 2"
+			}),
+			/* @__PURE__ */ a(n.g, {
+				className: "eyebrows",
+				children: [/* @__PURE__ */ i("path", { d: "M7.5 8 10 9" }), /* @__PURE__ */ i("path", { d: "m14 9 2.5-1" })]
+			}),
+			/* @__PURE__ */ a(n.g, {
+				className: "eyes",
+				children: [/* @__PURE__ */ i("path", { d: "M9 10h.01" }), /* @__PURE__ */ i("path", { d: "M15 10h.01" })]
+			})
+		]
+	});
+});
+o.displayName = "AngryIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=angry-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"angry-icon.js","names":[],"sources":["../../src/animations/angry-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst AngryIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      animate(\n        \".eyebrows\",\n        { y: 1, scaleY: 1.2 },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n      animate(\".mouth\", { scaleY: 1.2 }, { duration: 0.3, ease: \"easeOut\" });\n      animate(\".eyes\", { scale: 0.8 }, { duration: 0.3, ease: \"easeOut\" });\n    };\n\n    const stop = () => {\n      animate(\n        \".eyebrows\",\n        { y: 0, scaleY: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n      animate(\".mouth\", { scaleY: 1 }, { duration: 0.2, ease: \"easeInOut\" });\n      animate(\".eyes\", { scale: 1 }, { duration: 0.2, ease: \"easeInOut\" });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"10\" />\n        <motion.path\n          className=\"mouth\"\n          style={{ transformOrigin: \"12px 16px\" }}\n          d=\"M16 16s-1.5-2-4-2-4 2-4 2\"\n        />\n        <motion.g className=\"eyebrows\">\n          <path d=\"M7.5 8 10 9\" />\n          <path d=\"m14 9 2.5-1\" />\n        </motion.g>\n        <motion.g className=\"eyes\">\n          <path d=\"M9 10h.01\" />\n          <path d=\"M15 10h.01\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nAngryIcon.displayName = \"AngryIcon\";\n\nexport default AngryIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAY,GAEd,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAOxB,AANA,EACE,aACA;GAAE,GAAG;GAAG,QAAQ;EAAI,GACpB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,EAAQ,UAAU,EAAE,QAAQ,IAAI,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GACrE,EAAQ,SAAS,EAAE,OAAO,GAAI,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACrE,GAEM,UAAa;EAOjB,AANA,EACE,aACA;GAAE,GAAG;GAAG,QAAQ;EAAE,GAClB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EAAQ,UAAU,EAAE,QAAQ,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC,GACrE,EAAQ,SAAS,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACrE;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA;GAeE,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAM,CAAA;GAChC,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY;IACtC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA,GACvB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA,CACf;;GACV,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,GACrB,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA,CACd;;EACA;;AAEhB,CACF;AAEA,EAAU,cAAc"}

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

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

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

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

package/dist/animations/annoyed-icon.js

@@ -0,0 +1,65 @@
+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/annoyed-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".eyes", { scaleX: .7 }, {
+			duration: .2,
+			ease: "easeOut"
+		}), d(".mouth", { y: 1 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".eyes", { scaleX: 1 }, {
+			duration: .2,
+			ease: "easeInOut"
+		}), d(".mouth", { y: 0 }, {
+			duration: .2,
+			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}`,
+		children: [
+			/* @__PURE__ */ i("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "mouth",
+				d: "M8 15h8"
+			}),
+			/* @__PURE__ */ a(n.g, {
+				className: "eyes",
+				children: [/* @__PURE__ */ i("path", { d: "M8 9h2" }), /* @__PURE__ */ i("path", { d: "M14 9h2" })]
+			})
+		]
+	});
+});
+o.displayName = "AnnoyedIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=annoyed-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"annoyed-icon.js","names":[],"sources":["../../src/animations/annoyed-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst AnnoyedIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      animate(\".eyes\", { scaleX: 0.7 }, { duration: 0.2, ease: \"easeOut\" });\n      animate(\".mouth\", { y: 1 }, { duration: 0.3, ease: \"easeOut\" });\n    };\n\n    const stop = () => {\n      animate(\".eyes\", { scaleX: 1 }, { duration: 0.2, ease: \"easeInOut\" });\n      animate(\".mouth\", { y: 0 }, { duration: 0.2, ease: \"easeInOut\" });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"10\" />\n        <motion.path className=\"mouth\" d=\"M8 15h8\" />\n        <motion.g className=\"eyes\">\n          <path d=\"M8 9h2\" />\n          <path d=\"M14 9h2\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nAnnoyedIcon.displayName = \"AnnoyedIcon\";\n\nexport default AnnoyedIcon;\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;EAExB,AADA,EAAQ,SAAS,EAAE,QAAQ,GAAI,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GACpE,EAAQ,UAAU,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CAChE,GAEM,UAAa;EAEjB,AADA,EAAQ,SAAS,EAAE,QAAQ,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC,GACpE,EAAQ,UAAU,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CAClE;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA;GAeE,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAM,CAAA;GAChC,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAQ,GAAE;GAAW,CAAA;GAC5C,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,SAAU,CAAA,GAClB,kBAAC,QAAD,EAAM,GAAE,UAAW,CAAA,CACX;;EACA;;AAEhB,CACF;AAEA,EAAY,cAAc"}

package/dist/animations/apple-brand-logo.d.ts

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

package/dist/animations/apple-brand-logo.d.ts.map

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

package/dist/animations/apple-brand-logo.js

@@ -0,0 +1,88 @@
+"use client";
+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/apple-brand-logo.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".apple-leaf", {
+			rotate: [
+				0,
+				-15,
+				10,
+				-5,
+				0
+			],
+			scale: [
+				1,
+				1.1,
+				1
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut"
+		}), await d(".apple-body", { scale: [
+			1,
+			1.05,
+			1
+		] }, {
+			duration: .4,
+			ease: "easeOut"
+		});
+	}, p = async () => {
+		d(".apple-leaf", {
+			rotate: 0,
+			scale: 1
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		}), d(".apple-body", { scale: 1 }, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(n.svg, {
+		ref: u,
+		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}`,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		children: [
+			/* @__PURE__ */ i("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				d: "M8.286 7.008c-3.216 0 -4.286 3.23 -4.286 5.92c0 3.229 2.143 8.072 4.286 8.072c1.165 -.05 1.799 -.538 3.214 -.538c1.406 0 1.607 .538 3.214 .538s4.286 -3.229 4.286 -5.381c-.03 -.011 -2.649 -.434 -2.679 -3.23c-.02 -2.335 2.589 -3.179 2.679 -3.228c-1.096 -1.606 -3.162 -2.113 -3.75 -2.153c-1.535 -.12 -3.032 1.077 -3.75 1.077c-.729 0 -2.036 -1.077 -3.214 -1.077z",
+				className: "apple-body",
+				style: { transformOrigin: "50% 50%" }
+			}),
+			/* @__PURE__ */ i(n.path, {
+				d: "M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2",
+				className: "apple-leaf",
+				style: { transformOrigin: "50% 100%" }
+			})
+		]
+	});
+});
+o.displayName = "AppleBrandLogo";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=apple-brand-logo.js.map

package/dist/animations/apple-brand-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apple-brand-logo.js","names":[],"sources":["../../src/animations/apple-brand-logo.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst AppleBrandLogo = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      animate(\n        \".apple-leaf\",\n        {\n          rotate: [0, -15, 10, -5, 0],\n          scale: [1, 1.1, 1],\n        },\n        {\n          duration: 0.6,\n          ease: \"easeInOut\",\n        },\n      );\n\n      await animate(\n        \".apple-body\",\n        {\n          scale: [1, 1.05, 1],\n        },\n        {\n          duration: 0.4,\n          ease: \"easeOut\",\n        },\n      );\n    };\n\n    const stop = async () => {\n      animate(\n        \".apple-leaf\",\n        {\n          rotate: 0,\n          scale: 1,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeInOut\",\n        },\n      );\n\n      animate(\n        \".apple-body\",\n        {\n          scale: 1,\n        },\n        {\n          duration: 0.2,\n          ease: \"easeOut\",\n        },\n      );\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        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={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        <motion.path\n          d=\"M8.286 7.008c-3.216 0 -4.286 3.23 -4.286 5.92c0 3.229 2.143 8.072 4.286 8.072c1.165 -.05 1.799 -.538 3.214 -.538c1.406 0 1.607 .538 3.214 .538s4.286 -3.229 4.286 -5.381c-.03 -.011 -2.649 -.434 -2.679 -3.23c-.02 -2.335 2.589 -3.179 2.679 -3.228c-1.096 -1.606 -3.162 -2.113 -3.75 -2.153c-1.535 -.12 -3.032 1.077 -3.75 1.077c-.729 0 -2.036 -1.077 -3.214 -1.077z\"\n          className=\"apple-body\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        />\n\n        <motion.path\n          d=\"M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2\"\n          className=\"apple-leaf\"\n          style={{ transformOrigin: \"50% 100%\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nAppleBrandLogo.displayName = \"AppleBrandLogo\";\n\nexport default AppleBrandLogo;\n"],"mappings":";;;;;AAMA,IAAM,IAAiB,GAEnB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAaxB,AAZA,EACE,eACA;GACE,QAAQ;IAAC;IAAG;IAAK;IAAI;IAAI;GAAC;GAC1B,OAAO;IAAC;IAAG;IAAK;GAAC;EACnB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,MAAM,EACJ,eACA,EACE,OAAO;GAAC;GAAG;GAAM;EAAC,EACpB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAEM,IAAO,YAAY;EAavB,AAZA,EACE,eACA;GACE,QAAQ;GACR,OAAO;EACT,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,eACA,EACE,OAAO,EACT,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,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,oBArB2B;GAC7B,EAAM;EACR;EAoBI,kBAlByB;GAC3B,EAAK;EACP;EAGE,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAEnD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;GACrC,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,WAAW;GACtC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAe,cAAc"}

package/dist/animations/arrow-back-icon.d.ts

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

package/dist/animations/arrow-back-icon.d.ts.map

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

package/dist/animations/arrow-back-icon.js

@@ -0,0 +1,58 @@
+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/arrow-back-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(".arrow-group", { x: [
+			0,
+			-3,
+			0
+		] }, {
+			duration: .4,
+			ease: "easeInOut"
+		});
+	}, p = () => {
+		d(".arrow-group", { x: 0 }, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ i(n.div, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
+		children: /* @__PURE__ */ i("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",
+			children: /* @__PURE__ */ a(n.g, {
+				className: "arrow-group",
+				children: [/* @__PURE__ */ i("path", {
+					stroke: "none",
+					d: "M0 0h24v24H0z",
+					fill: "none"
+				}), /* @__PURE__ */ i("path", { d: "M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1" })]
+			})
+		})
+	});
+});
+o.displayName = "ArrowBackIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=arrow-back-icon.js.map

package/dist/animations/arrow-back-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-back-icon.js","names":[],"sources":["../../src/animations/arrow-back-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowBackIcon = 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        \".arrow-group\",\n        { x: [0, -3, 0] },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".arrow-group\", { x: 0 }, { duration: 0.2, ease: \"easeOut\" });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.div\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        className={`inline-flex cursor-pointer items-center justify-center ${className}`}\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        >\n          <motion.g className=\"arrow-group\">\n            <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n            <path d=\"M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1\" />\n          </motion.g>\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nArrowBackIcon.displayName = \"ArrowBackIcon\";\n\nexport default ArrowBackIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAgB,GAElB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,MAAM,EACJ,gBACA,EAAE,GAAG;GAAC;GAAG;GAAI;EAAC,EAAE,GAChB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EACjB,EAAQ,gBAAgB,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACtE;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,WAAW,0DAA0D;EAErE,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACK;GACb,eAAc;GACd,gBAAe;GAEf,UAAA,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA,CACE,kBAAC,QAAD;KAAM,QAAO;KAAO,GAAE;KAAgB,MAAK;IAAQ,CAAA,GACnD,kBAAC,QAAD,EAAM,GAAE,4CAA6C,CAAA,CAC7C;;EACP,CAAA;CACK,CAAA;AAEhB,CACF;AAEA,EAAc,cAAc"}

package/dist/animations/arrow-back-up-icon.d.ts

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

package/dist/animations/arrow-back-up-icon.d.ts.map

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

package/dist/animations/arrow-back-up-icon.js

@@ -0,0 +1,62 @@
+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/arrow-back-up-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(".arrow-group", { x: [
+			0,
+			-3,
+			0
+		] }, {
+			duration: .4,
+			ease: "easeInOut"
+		});
+	}, p = () => {
+		d(".arrow-group", { x: 0 }, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ i(n.div, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		className: `inline-flex cursor-pointer items-center justify-center ${c}`,
+		children: /* @__PURE__ */ i("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",
+			children: /* @__PURE__ */ a(n.g, {
+				className: "arrow-group",
+				children: [
+					/* @__PURE__ */ i("path", {
+						stroke: "none",
+						d: "M0 0h24v24H0z",
+						fill: "none"
+					}),
+					/* @__PURE__ */ i("path", { d: "M9 14l-4 -4l4 -4" }),
+					/* @__PURE__ */ i("path", { d: "M5 10h11a4 4 0 1 1 0 8h-1" })
+				]
+			})
+		})
+	});
+});
+o.displayName = "ArrowBackUpIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=arrow-back-up-icon.js.map

package/dist/animations/arrow-back-up-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-back-up-icon.js","names":[],"sources":["../../src/animations/arrow-back-up-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowBackUpIcon = 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        \".arrow-group\",\n        { x: [0, -3, 0] },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".arrow-group\", { x: 0 }, { duration: 0.2, ease: \"easeOut\" });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.div\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        className={`inline-flex cursor-pointer items-center justify-center ${className}`}\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        >\n          <motion.g className=\"arrow-group\">\n            <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n            <path d=\"M9 14l-4 -4l4 -4\" />\n            <path d=\"M5 10h11a4 4 0 1 1 0 8h-1\" />\n          </motion.g>\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nArrowBackUpIcon.displayName = \"ArrowBackUpIcon\";\n\nexport default ArrowBackUpIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAkB,GAEpB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,MAAM,EACJ,gBACA,EAAE,GAAG;GAAC;GAAG;GAAI;EAAC,EAAE,GAChB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EACjB,EAAQ,gBAAgB,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACtE;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,WAAW,0DAA0D;EAErE,UAAA,kBAAC,OAAD;GACE,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACK;GACb,eAAc;GACd,gBAAe;GAEf,UAAA,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA;KACE,kBAAC,QAAD;MAAM,QAAO;MAAO,GAAE;MAAgB,MAAK;KAAQ,CAAA;KACnD,kBAAC,QAAD,EAAM,GAAE,mBAAoB,CAAA;KAC5B,kBAAC,QAAD,EAAM,GAAE,4BAA6B,CAAA;IAC7B;;EACP,CAAA;CACK,CAAA;AAEhB,CACF;AAEA,EAAgB,cAAc"}

package/dist/animations/arrow-big-down-dash-icon.d.ts

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

package/dist/animations/arrow-big-down-dash-icon.d.ts.map

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