nfx-ui 0.17.0 → 0.22.0

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

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

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

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

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

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

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

package/dist/animations/arrow-down-a-z-icon.d.ts

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

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

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

package/dist/animations/arrow-down-a-z-icon.js

@@ -0,0 +1,77 @@
+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-a-z-icon.tsx
+var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeWidth: c = "1" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".text-z", { y: -24 }, {
+			duration: .3,
+			ease: "easeInOut"
+		}), d(".text-a", {
+			y: 24,
+			scale: 1.05
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, p = async () => {
+		await d(".text-z, .text-a", {
+			y: 0,
+			scale: 1
+		}, {
+			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 48 48",
+		fill: "currentColor",
+		stroke: "currentColor",
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		color: s,
+		className: `cursor-pointer ${o}`,
+		children: [
+			/* @__PURE__ */ i(n.path, {
+				className: "text-line",
+				d: "M35.5 3.5V43H32.5V3.5H35.5Z"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "text-z",
+				d: "M6.5 26H21.5V29.1627L10.4518 41H21.5V44H6.5V40.8373L17.5482 29H6.5V26Z"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "text-a",
+				d: "M11.7802 4H16.0532L22.5532 22H18.7V20.1625L13.9469 7H13.8865L9.13335 20.1625V22H5.28021L11.7802 4Z"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "text-a",
+				d: "M19.5 18H8.5V15H19.5V18Z"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "text-arrow",
+				style: { transformOrigin: "34px 38px" },
+				d: "M25 31.8787L34 40.8787L43 31.8787L45.1213 34L34 45.1213L22.8787 34L25 31.8787Z"
+			})
+		]
+	});
+});
+o.displayName = "ArrowDownAZIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=arrow-down-a-z-icon.js.map

package/dist/animations/arrow-down-a-z-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-down-a-z-icon.js","names":[],"sources":["../../src/animations/arrow-down-a-z-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowDownAZIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 40, className = \"\", color = \"currentColor\", strokeWidth = \"1\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const swapDistance = 24;\n\n    const start = async () => {\n      animate(\n        \".text-z\",\n        {\n          y: -swapDistance,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeInOut\",\n        },\n      );\n      animate(\n        \".text-a\",\n        {\n          y: swapDistance,\n          scale: 1.05,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeInOut\",\n        },\n      );\n    };\n\n    const stop = async () => {\n      await animate(\n        \".text-z, .text-a\",\n        {\n          y: 0,\n          scale: 1,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeInOut\",\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        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 48 48\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        color={color}\n        className={`cursor-pointer ${className}`}\n      >\n        <motion.path className=\"text-line\" d=\"M35.5 3.5V43H32.5V3.5H35.5Z\" />\n\n        <motion.path\n          className=\"text-z\"\n          d=\"M6.5 26H21.5V29.1627L10.4518 41H21.5V44H6.5V40.8373L17.5482 29H6.5V26Z\"\n        />\n\n        <motion.path\n          className=\"text-a\"\n          d=\"M11.7802 4H16.0532L22.5532 22H18.7V20.1625L13.9469 7H13.8865L9.13335 20.1625V22H5.28021L11.7802 4Z\"\n        />\n\n        <motion.path className=\"text-a\" d=\"M19.5 18H8.5V15H19.5V18Z\" />\n\n        <motion.path\n          className=\"text-arrow\"\n          style={{ transformOrigin: \"34px 38px\" }}\n          d=\"M25 31.8787L34 40.8787L43 31.8787L45.1213 34L34 45.1213L22.8787 34L25 31.8787Z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nArrowDownAZIcon.displayName = \"ArrowDownAZIcon\";\n\nexport default ArrowDownAZIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAkB,GAEpB,EAAE,UAAO,IAAI,eAAY,IAAI,WAAQ,gBAAgB,iBAAc,OACnE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAI9B,IAAQ,YAAY;EAWxB,AAVA,EACE,WACA,EACE,GAAG,IACL,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GACA,EACE,WACA;GACE,GAAG;GACH,OAAO;EACT,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAEM,IAAO,YAAY;EACvB,MAAM,EACJ,oBACA;GACE,GAAG;GACH,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,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,EAAO,MAAR;IAAa,WAAU;IAAY,GAAE;GAA+B,CAAA;GAEpE,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAS,GAAE;GAA4B,CAAA;GAE9D,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY;IACtC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAgB,cAAc"}

package/dist/animations/arrow-narrow-down-dashed-icon.d.ts

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

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

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

package/dist/animations/arrow-narrow-down-dashed-icon.js

@@ -0,0 +1,60 @@
+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-narrow-down-dashed-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", { y: [
+			0,
+			4,
+			0
+		] }, {
+			duration: .5,
+			ease: "easeInOut"
+		});
+	}, p = () => {
+		d(".arrow-group", { y: 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", { d: "M12 5v.5" }),
+					/* @__PURE__ */ i("path", { d: "M12 8.5v1.5" }),
+					/* @__PURE__ */ i("path", { d: "M12 13v6" }),
+					/* @__PURE__ */ i("path", { d: "M16 15l-4 4" }),
+					/* @__PURE__ */ i("path", { d: "M8 15l4 4" })
+				]
+			})
+		})
+	});
+});
+o.displayName = "ArrowNarrowDownDashedIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=arrow-narrow-down-dashed-icon.js.map

package/dist/animations/arrow-narrow-down-dashed-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-narrow-down-dashed-icon.js","names":[],"sources":["../../src/animations/arrow-narrow-down-dashed-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ArrowNarrowDownDashedIcon = forwardRef<\n  AnimatedIconHandle,\n  AnimatedIconProps\n>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      await animate(\n        \".arrow-group\",\n        {\n          y: [0, 4, 0],\n        },\n        {\n          duration: 0.5,\n          ease: \"easeInOut\",\n        },\n      );\n    };\n\n    const stop = () => {\n      animate(\".arrow-group\", { y: 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 d=\"M12 5v.5\" />\n            <path d=\"M12 8.5v1.5\" />\n            <path d=\"M12 13v6\" />\n\n            <path d=\"M16 15l-4 4\" />\n            <path d=\"M8 15l4 4\" />\n          </motion.g>\n        </svg>\n      </motion.div>\n    );\n  },\n);\n\nArrowNarrowDownDashedIcon.displayName = \"ArrowNarrowDownDashedIcon\";\n\nexport default ArrowNarrowDownDashedIcon;\n"],"mappings":";;;;AAIA,IAAM,IAA4B,GAK9B,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,MAAM,EACJ,gBACA,EACE,GAAG;GAAC;GAAG;GAAG;EAAC,EACb,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;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,EAAM,GAAE,WAAY,CAAA;KACpB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;KACvB,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;KAEpB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;KACvB,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;IACb;;EACP,CAAA;CACK,CAAA;AAEhB,CACF;AAEA,EAA0B,cAAc"}

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

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