nfx-ui 0.20.0 → 0.22.0

package/dist/animations/arrow-big-down-dash-icon.js

@@ -0,0 +1,46 @@
+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-big-down-dash-icon.tsx
+var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeWidth: c = 2 }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".arrow", { y: 4 }, { duration: .5 }), d(".dash", { opacity: .5 }, { duration: .5 });
+	}, p = async () => {
+		d(".arrow", { y: 0 }, { duration: .3 }), d(".dash", { opacity: 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(n.path, {
+			className: "arrow",
+			d: "M15 11a1 1 0 0 0 1 1h2.939a1 1 0 0 1 .75 1.811l-6.835 6.836a1.207 1.207 0 0 1-1.707 0L4.31 13.81a1 1 0 0 1 .75-1.811H8a1 1 0 0 0 1-1V9a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z"
+		}), /* @__PURE__ */ i(n.path, {
+			className: "dash",
+			d: "M9 4h6"
+		})]
+	});
+});
+o.displayName = "ArrowBigDownDashIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=arrow-big-down-dash-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-big-down-dash-icon.js","names":[],"sources":["../../src/animations/arrow-big-down-dash-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowBigDownDashIcon = 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(\".arrow\", { y: 4 }, { duration: 0.5 });\n      animate(\".dash\", { opacity: 0.5 }, { duration: 0.5 });\n    };\n\n    const stop = async () => {\n      animate(\".arrow\", { y: 0 }, { duration: 0.3 });\n      animate(\".dash\", { opacity: 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        <motion.path\n          className=\"arrow\"\n          d=\"M15 11a1 1 0 0 0 1 1h2.939a1 1 0 0 1 .75 1.811l-6.835 6.836a1.207 1.207 0 0 1-1.707 0L4.31 13.81a1 1 0 0 1 .75-1.811H8a1 1 0 0 0 1-1V9a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z\"\n        />\n        <motion.path className=\"dash\" d=\"M9 4h6\" />\n      </motion.svg>\n    );\n  },\n);\n\nArrowBigDownDashIcon.displayName = \"ArrowBigDownDashIcon\";\n\nexport default ArrowBigDownDashIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAuB,GAEzB,EAAE,UAAO,IAAI,eAAY,IAAI,WAAQ,gBAAgB,iBAAc,KACnE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAExB,AADA,EAAQ,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAC7C,EAAQ,SAAS,EAAE,SAAS,GAAI,GAAG,EAAE,UAAU,GAAI,CAAC;CACtD,GAEM,IAAO,YAAY;EAEvB,AADA,EAAQ,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAC7C,EAAQ,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACpD;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,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA,GACD,kBAAC,EAAO,MAAR;GAAa,WAAU;GAAO,GAAE;EAAU,CAAA,CAChC;;AAEhB,CACF;AAEA,EAAqB,cAAc"}

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

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

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

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

package/dist/animations/arrow-big-down-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 } from "react/jsx-runtime";
+//#region src/animations/arrow-big-down-icon.tsx
+var a = e(({ size: e = 40, className: a = "", color: o = "currentColor", strokeWidth: s = 2 }, c) => {
+	let [l, u] = r(), d = async () => {
+		u(l.current, { y: [0, 4] }, { duration: .5 });
+	}, f = async () => {
+		u(l.current, { y: 0 }, { duration: .3 });
+	};
+	return t(c, () => ({
+		startAnimation: d,
+		stopAnimation: f
+	})), /* @__PURE__ */ i(n.svg, {
+		ref: l,
+		onHoverStart: () => {
+			d();
+		},
+		onHoverEnd: () => {
+			f();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		color: o,
+		className: `cursor-pointer ${a}`,
+		children: /* @__PURE__ */ i("path", { d: "M15 11a1 1 0 0 0 1 1h2.939a1 1 0 0 1 .75 1.811l-6.835 6.836a1.207 1.207 0 0 1-1.707 0L4.31 13.81a1 1 0 0 1 .75-1.811H8a1 1 0 0 0 1-1V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z" })
+	});
+});
+a.displayName = "ArrowBigDownIcon";
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=arrow-big-down-icon.js.map

package/dist/animations/arrow-big-down-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-big-down-icon.js","names":[],"sources":["../../src/animations/arrow-big-down-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowBigDownIcon = 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(scope.current, { y: [0, 4] }, { duration: 0.5 });\n    };\n\n    const stop = async () => {\n      animate(scope.current, { y: 0 }, { 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=\"M15 11a1 1 0 0 0 1 1h2.939a1 1 0 0 1 .75 1.811l-6.835 6.836a1.207 1.207 0 0 1-1.707 0L4.31 13.81a1 1 0 0 1 .75-1.811H8a1 1 0 0 0 1-1V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z\" />\n      </motion.svg>\n    );\n  },\n);\n\nArrowBigDownIcon.displayName = \"ArrowBigDownIcon\";\n\nexport default ArrowBigDownIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAmB,GAErB,EAAE,UAAO,IAAI,eAAY,IAAI,WAAQ,gBAAgB,iBAAc,KACnE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,EAAQ,EAAM,SAAS,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACzD,GAEM,IAAO,YAAY;EACvB,EAAQ,EAAM,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACpD;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;EAE7B,UAAA,kBAAC,QAAD,EAAM,GAAE,wKAAyK,CAAA;CACvK,CAAA;AAEhB,CACF;AAEA,EAAiB,cAAc"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-big-left-dash-icon.d.ts","sourceRoot":"","sources":["../../src/animations/arrow-big-left-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"}

package/dist/animations/arrow-big-left-dash-icon.js

@@ -0,0 +1,46 @@
+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-big-left-dash-icon.tsx
+var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeWidth: c = 2 }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".arrow", { x: [0, -4] }, { duration: .5 }), d(".dash", { opacity: [1, .5] }, { duration: .5 });
+	}, p = async () => {
+		d(".arrow", { x: 0 }, { duration: .3 }), d(".dash", { opacity: 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(n.path, {
+			className: "arrow",
+			d: "M13 9a1 1 0 0 1-1-1V5.061a1 1 0 0 0-1.811-.75l-6.835 6.836a1.207 1.207 0 0 0 0 1.707l6.835 6.835a1 1 0 0 0 1.811-.75V16a1 1 0 0 1 1-1h2a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
+		}), /* @__PURE__ */ i(n.path, {
+			className: "dash",
+			d: "M20 9v6"
+		})]
+	});
+});
+o.displayName = "ArrowBigLeftDashIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=arrow-big-left-dash-icon.js.map

package/dist/animations/arrow-big-left-dash-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-big-left-dash-icon.js","names":[],"sources":["../../src/animations/arrow-big-left-dash-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowBigLeftDashIcon = 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(\".arrow\", { x: [0, -4] }, { duration: 0.5 });\n      animate(\".dash\", { opacity: [1, 0.5] }, { duration: 0.5 });\n    };\n\n    const stop = async () => {\n      animate(\".arrow\", { x: 0 }, { duration: 0.3 });\n      animate(\".dash\", { opacity: 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        <motion.path\n          className=\"arrow\"\n          d=\"M13 9a1 1 0 0 1-1-1V5.061a1 1 0 0 0-1.811-.75l-6.835 6.836a1.207 1.207 0 0 0 0 1.707l6.835 6.835a1 1 0 0 0 1.811-.75V16a1 1 0 0 1 1-1h2a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z\"\n        />\n        <motion.path className=\"dash\" d=\"M20 9v6\" />\n      </motion.svg>\n    );\n  },\n);\n\nArrowBigLeftDashIcon.displayName = \"ArrowBigLeftDashIcon\";\n\nexport default ArrowBigLeftDashIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAuB,GAEzB,EAAE,UAAO,IAAI,eAAY,IAAI,WAAQ,gBAAgB,iBAAc,KACnE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAExB,AADA,EAAQ,UAAU,EAAE,GAAG,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACnD,EAAQ,SAAS,EAAE,SAAS,CAAC,GAAG,EAAG,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAC3D,GAEM,IAAO,YAAY;EAEvB,AADA,EAAQ,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAC7C,EAAQ,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACpD;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,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA,GACD,kBAAC,EAAO,MAAR;GAAa,WAAU;GAAO,GAAE;EAAW,CAAA,CACjC;;AAEhB,CACF;AAEA,EAAqB,cAAc"}

package/dist/animations/arrow-big-left-icon.d.ts

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

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

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

package/dist/animations/arrow-big-left-icon.js

@@ -0,0 +1,48 @@
+import { forwardRef as e, useImperativeHandle as t } from "react";
+import { motion as n, useAnimate as r } from "motion/react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/animations/arrow-big-left-icon.tsx
+var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
+	let [l, u] = r(), d = async () => {
+		u(".arrow", { x: -4 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, f = () => {
+		u(".arrow", { x: 0 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	};
+	return t(c, () => ({
+		startAnimation: d,
+		stopAnimation: f
+	})), /* @__PURE__ */ i(n.svg, {
+		ref: l,
+		onHoverStart: () => {
+			d();
+		},
+		onHoverEnd: () => {
+			f();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: a,
+		strokeWidth: o,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${s}`,
+		children: /* @__PURE__ */ i(n.path, {
+			className: "arrow",
+			d: "M13 9a1 1 0 0 1-1-1V5.061a1 1 0 0 0-1.811-.75l-6.835 6.836a1.207 1.207 0 0 0 0 1.707l6.835 6.835a1 1 0 0 0 1.811-.75V16a1 1 0 0 1 1-1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
+		})
+	});
+});
+a.displayName = "ArrowBigLeftIcon";
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=arrow-big-left-icon.js.map

package/dist/animations/arrow-big-left-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-big-left-icon.js","names":[],"sources":["../../src/animations/arrow-big-left-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowBigLeftIcon = 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(\".arrow\", { x: -4 }, { duration: 0.3, ease: \"easeOut\" });\n    };\n\n    const stop = () => {\n      animate(\".arrow\", { x: 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        <motion.path\n          className=\"arrow\"\n          d=\"M13 9a1 1 0 0 1-1-1V5.061a1 1 0 0 0-1.811-.75l-6.835 6.836a1.207 1.207 0 0 0 0 1.707l6.835 6.835a1 1 0 0 0 1.811-.75V16a1 1 0 0 1 1-1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nArrowBigLeftIcon.displayName = \"ArrowBigLeftIcon\";\n\nexport default ArrowBigLeftIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAmB,GAErB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,EAAQ,UAAU,EAAE,GAAG,GAAG,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACjE,GAEM,UAAa;EACjB,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;EAE7B,UAAA,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA;CACS,CAAA;AAEhB,CACF;AAEA,EAAiB,cAAc"}

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

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

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

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

package/dist/animations/arrow-big-right-dash-icon.js

@@ -0,0 +1,64 @@
+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-big-right-dash-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".arrow", { x: 4 }, {
+			duration: .3,
+			ease: "easeOut"
+		}), d(".dash", {
+			scale: 1.2,
+			opacity: .7
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".arrow", { x: 0 }, {
+			duration: .2,
+			ease: "easeInOut"
+		}), d(".dash", {
+			scale: 1,
+			opacity: 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(n.path, {
+			className: "arrow",
+			d: "M11 9a1 1 0 0 0 1-1V5.061a1 1 0 0 1 1.811-.75l6.836 6.836a1.207 1.207 0 0 1 0 1.707l-6.836 6.835a1 1 0 0 1-1.811-.75V16a1 1 0 0 0-1-1H9a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z"
+		}), /* @__PURE__ */ i(n.path, {
+			className: "dash",
+			style: { transformOrigin: "4px 12px" },
+			d: "M4 9v6"
+		})]
+	});
+});
+o.displayName = "ArrowBigRightDashIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=arrow-big-right-dash-icon.js.map

package/dist/animations/arrow-big-right-dash-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-big-right-dash-icon.js","names":[],"sources":["../../src/animations/arrow-big-right-dash-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowBigRightDashIcon = 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(\".arrow\", { x: 4 }, { duration: 0.3, ease: \"easeOut\" });\n      animate(\n        \".dash\",\n        { scale: 1.2, opacity: 0.7 },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".arrow\", { x: 0 }, { duration: 0.2, ease: \"easeInOut\" });\n      animate(\n        \".dash\",\n        { scale: 1, opacity: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\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        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.path\n          className=\"arrow\"\n          d=\"M11 9a1 1 0 0 0 1-1V5.061a1 1 0 0 1 1.811-.75l6.836 6.836a1.207 1.207 0 0 1 0 1.707l-6.836 6.835a1 1 0 0 1-1.811-.75V16a1 1 0 0 0-1-1H9a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z\"\n        />\n        <motion.path\n          className=\"dash\"\n          style={{ transformOrigin: \"4px 12px\" }}\n          d=\"M4 9v6\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nArrowBigRightDashIcon.displayName = \"ArrowBigRightDashIcon\";\n\nexport default ArrowBigRightDashIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAwB,GAE1B,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAExB,AADA,EAAQ,UAAU,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GAC9D,EACE,SACA;GAAE,OAAO;GAAK,SAAS;EAAI,GAC3B;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EAEjB,AADA,EAAQ,UAAU,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC,GAChE,EACE,SACA;GAAE,OAAO;GAAG,SAAS;EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF;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,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA,GACD,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,WAAW;GACrC,GAAE;EACH,CAAA,CACS;;AAEhB,CACF;AAEA,EAAsB,cAAc"}

package/dist/animations/arrow-big-right-icon.d.ts

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

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

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

package/dist/animations/arrow-big-right-icon.js

@@ -0,0 +1,48 @@
+import { forwardRef as e, useImperativeHandle as t } from "react";
+import { motion as n, useAnimate as r } from "motion/react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/animations/arrow-big-right-icon.tsx
+var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
+	let [l, u] = r(), d = async () => {
+		u(".arrow", { x: 4 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, f = () => {
+		u(".arrow", { x: 0 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	};
+	return t(c, () => ({
+		startAnimation: d,
+		stopAnimation: f
+	})), /* @__PURE__ */ i(n.svg, {
+		ref: l,
+		onHoverStart: () => {
+			d();
+		},
+		onHoverEnd: () => {
+			f();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: a,
+		strokeWidth: o,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${s}`,
+		children: /* @__PURE__ */ i(n.path, {
+			className: "arrow",
+			d: "M11 9a1 1 0 0 0 1-1V5.061a1 1 0 0 1 1.811-.75l6.836 6.836a1.207 1.207 0 0 1 0 1.707l-6.836 6.835a1 1 0 0 1-1.811-.75V16a1 1 0 0 0-1-1H5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z"
+		})
+	});
+});
+a.displayName = "ArrowBigRightIcon";
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=arrow-big-right-icon.js.map

package/dist/animations/arrow-big-right-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-big-right-icon.js","names":[],"sources":["../../src/animations/arrow-big-right-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowBigRightIcon = 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(\".arrow\", { x: 4 }, { duration: 0.3, ease: \"easeOut\" });\n    };\n\n    const stop = () => {\n      animate(\".arrow\", { x: 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        <motion.path\n          className=\"arrow\"\n          d=\"M11 9a1 1 0 0 0 1-1V5.061a1 1 0 0 1 1.811-.75l6.836 6.836a1.207 1.207 0 0 1 0 1.707l-6.836 6.835a1 1 0 0 1-1.811-.75V16a1 1 0 0 0-1-1H5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nArrowBigRightIcon.displayName = \"ArrowBigRightIcon\";\n\nexport default ArrowBigRightIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAoB,GAEtB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,EAAQ,UAAU,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CAChE,GAEM,UAAa;EACjB,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;EAE7B,UAAA,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA;CACS,CAAA;AAEhB,CACF;AAEA,EAAkB,cAAc"}

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

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

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

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

package/dist/animations/arrow-big-up-dash-icon.js

@@ -0,0 +1,64 @@
+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-big-up-dash-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".arrow", { y: -4 }, {
+			duration: .3,
+			ease: "easeOut"
+		}), d(".dash", {
+			scale: 1.2,
+			opacity: .7
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".arrow", { y: 0 }, {
+			duration: .2,
+			ease: "easeInOut"
+		}), d(".dash", {
+			scale: 1,
+			opacity: 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(n.path, {
+			className: "arrow",
+			d: "M9 13a1 1 0 0 0-1-1H5.061a1 1 0 0 1-.75-1.811l6.836-6.835a1.207 1.207 0 0 1 1.707 0l6.835 6.835a1 1 0 0 1-.75 1.811H16a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z"
+		}), /* @__PURE__ */ i(n.path, {
+			className: "dash",
+			style: { transformOrigin: "12px 20px" },
+			d: "M9 20h6"
+		})]
+	});
+});
+o.displayName = "ArrowBigUpDashIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=arrow-big-up-dash-icon.js.map

package/dist/animations/arrow-big-up-dash-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-big-up-dash-icon.js","names":[],"sources":["../../src/animations/arrow-big-up-dash-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowBigUpDashIcon = 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(\".arrow\", { y: -4 }, { duration: 0.3, ease: \"easeOut\" });\n      animate(\n        \".dash\",\n        { scale: 1.2, opacity: 0.7 },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".arrow\", { y: 0 }, { duration: 0.2, ease: \"easeInOut\" });\n      animate(\n        \".dash\",\n        { scale: 1, opacity: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\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        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.path\n          className=\"arrow\"\n          d=\"M9 13a1 1 0 0 0-1-1H5.061a1 1 0 0 1-.75-1.811l6.836-6.835a1.207 1.207 0 0 1 1.707 0l6.835 6.835a1 1 0 0 1-.75 1.811H16a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z\"\n        />\n        <motion.path\n          className=\"dash\"\n          style={{ transformOrigin: \"12px 20px\" }}\n          d=\"M9 20h6\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nArrowBigUpDashIcon.displayName = \"ArrowBigUpDashIcon\";\n\nexport default ArrowBigUpDashIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAqB,GAEvB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAExB,AADA,EAAQ,UAAU,EAAE,GAAG,GAAG,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GAC/D,EACE,SACA;GAAE,OAAO;GAAK,SAAS;EAAI,GAC3B;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EAEjB,AADA,EAAQ,UAAU,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC,GAChE,EACE,SACA;GAAE,OAAO;GAAG,SAAS;EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF;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,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA,GACD,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,YAAY;GACtC,GAAE;EACH,CAAA,CACS;;AAEhB,CACF;AAEA,EAAmB,cAAc"}

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { forwardRef as e, useImperativeHandle as t } from "react";
+import { motion as n, useAnimate as r } from "motion/react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/animations/arrow-big-up-icon.tsx
+var a = e(({ size: e = 24, color: a = "currentColor", strokeWidth: o = 2, className: s = "" }, c) => {
+	let [l, u] = r(), d = async () => {
+		u(".arrow", { y: -4 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, f = () => {
+		u(".arrow", { y: 0 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	};
+	return t(c, () => ({
+		startAnimation: d,
+		stopAnimation: f
+	})), /* @__PURE__ */ i(n.svg, {
+		ref: l,
+		onHoverStart: () => {
+			d();
+		},
+		onHoverEnd: () => {
+			f();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: a,
+		strokeWidth: o,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${s}`,
+		children: /* @__PURE__ */ i(n.path, {
+			className: "arrow",
+			d: "M9 13a1 1 0 0 0-1-1H5.061a1 1 0 0 1-.75-1.811l6.836-6.835a1.207 1.207 0 0 1 1.707 0l6.835 6.835a1 1 0 0 1-.75 1.811H16a1 1 0 0 0-1 1v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z"
+		})
+	});
+});
+a.displayName = "ArrowBigUpIcon";
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=arrow-big-up-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-big-up-icon.js","names":[],"sources":["../../src/animations/arrow-big-up-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowBigUpIcon = 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(\".arrow\", { y: -4 }, { duration: 0.3, ease: \"easeOut\" });\n    };\n\n    const stop = () => {\n      animate(\".arrow\", { 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        <motion.path\n          className=\"arrow\"\n          d=\"M9 13a1 1 0 0 0-1-1H5.061a1 1 0 0 1-.75-1.811l6.836-6.835a1.207 1.207 0 0 1 1.707 0l6.835 6.835a1 1 0 0 1-.75 1.811H16a1 1 0 0 0-1 1v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nArrowBigUpIcon.displayName = \"ArrowBigUpIcon\";\n\nexport default ArrowBigUpIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAiB,GAEnB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,EAAQ,UAAU,EAAE,GAAG,GAAG,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACjE,GAEM,UAAa;EACjB,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;EAE7B,UAAA,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,GAAE;EACH,CAAA;CACS,CAAA;AAEhB,CACF;AAEA,EAAe,cAAc"}

package/dist/animations/arrow-down-0-1-icon.d.ts

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

package/dist/animations/arrow-down-0-1-icon.d.ts.map

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

package/dist/animations/arrow-down-0-1-icon.js

@@ -0,0 +1,64 @@
+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-down-0-1-icon.tsx
+var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeWidth: c = 2 }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".zero", { y: 10 }, {
+			duration: .3,
+			ease: "easeInOut"
+		}), d(".one", { y: -10 }, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, p = async () => {
+		d(".zero, .one", { y: 0 }, {
+			duration: .3,
+			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: "currentColor",
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		color: s,
+		className: `cursor-pointer ${o}`,
+		children: [
+			/* @__PURE__ */ i("path", { d: "m3 16 4 4 4-4" }),
+			/* @__PURE__ */ i("path", { d: "M7 20V4" }),
+			/* @__PURE__ */ i(n.rect, {
+				className: "zero",
+				x: "15",
+				y: "4",
+				width: "4",
+				height: "6",
+				ry: "2"
+			}),
+			/* @__PURE__ */ a(n.g, {
+				className: "one",
+				children: [/* @__PURE__ */ i("path", { d: "M17 20v-6h-2" }), /* @__PURE__ */ i("path", { d: "M15 20h4" })]
+			})
+		]
+	});
+});
+o.displayName = "ArrowDown01Icon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=arrow-down-0-1-icon.js.map

package/dist/animations/arrow-down-0-1-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-down-0-1-icon.js","names":[],"sources":["../../src/animations/arrow-down-0-1-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowDown01Icon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 40, className = \"\", color = \"currentColor\", strokeWidth = 2 },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const swapDistance = 10;\n\n    const start = async () => {\n      animate(\n        \".zero\",\n        { y: swapDistance },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n      animate(\n        \".one\",\n        { y: -swapDistance },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = async () => {\n      animate(\".zero, .one\", { y: 0 }, { duration: 0.3, 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=\"currentColor\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        color={color}\n        className={`cursor-pointer ${className}`}\n      >\n        <path d=\"m3 16 4 4 4-4\" />\n        <path d=\"M7 20V4\" />\n        <motion.rect\n          className=\"zero\"\n          x=\"15\"\n          y=\"4\"\n          width=\"4\"\n          height=\"6\"\n          ry=\"2\"\n        />\n        <motion.g className=\"one\">\n          <path d=\"M17 20v-6h-2\" />\n          <path d=\"M15 20h4\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nArrowDown01Icon.displayName = \"ArrowDown01Icon\";\n\nexport default ArrowDown01Icon;\n"],"mappings":";;;;AAIA,IAAM,IAAkB,GAEpB,EAAE,UAAO,IAAI,eAAY,IAAI,WAAQ,gBAAgB,iBAAc,KACnE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAI9B,IAAQ,YAAY;EAMxB,AALA,EACE,SACA,EAAE,GAAG,GAAa,GAClB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,QACA,EAAE,GAAG,IAAc,GACnB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,IAAO,YAAY;EACvB,EAAQ,eAAe,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACvE;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;GAgBE,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;GACzB,kBAAC,QAAD,EAAM,GAAE,UAAW,CAAA;GACnB,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,GAAE;IACF,OAAM;IACN,QAAO;IACP,IAAG;GACJ,CAAA;GACD,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA,GACxB,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA,CACZ;;EACA;;AAEhB,CACF;AAEA,EAAgB,cAAc"}

package/dist/animations/arrow-down-1-0-icon.d.ts

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