nfx-ui 0.17.0 → 0.22.0

package/dist/animations/external-link-icon.js

@@ -0,0 +1,69 @@
+"use client";
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/external-link-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".external-arrow", {
+			x: 2,
+			y: -2,
+			scale: 1.1
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		}), f(".external-box", { scale: .95 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(async () => {
+		f(".external-arrow, .external-box", {
+			x: 0,
+			y: 0,
+			scale: 1
+		}, {
+			duration: .25,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6",
+				className: "external-box",
+				style: { transformOrigin: "50% 50%" }
+			}),
+			/* @__PURE__ */ o(r.g, {
+				className: "external-arrow",
+				style: { transformOrigin: "50% 50%" },
+				children: [/* @__PURE__ */ a("path", { d: "M11 13l9 -9" }), /* @__PURE__ */ a("path", { d: "M15 4h5v5" })]
+			})
+		]
+	});
+});
+s.displayName = "ExternalLinkIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=external-link-icon.js.map

package/dist/animations/external-link-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-link-icon.js","names":[],"sources":["../../src/animations/external-link-icon.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst ExternalLinkIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      // Arrow moves up and right (going external)\n      animate(\n        \".external-arrow\",\n        {\n          x: 2,\n          y: -2,\n          scale: 1.1,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeOut\",\n        },\n      );\n\n      // Box slightly shrinks\n      animate(\n        \".external-box\",\n        {\n          scale: 0.95,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(async () => {\n      animate(\n        \".external-arrow, .external-box\",\n        {\n          x: 0,\n          y: 0,\n          scale: 1,\n        },\n        {\n          duration: 0.25,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        {/* Box/window */}\n        <motion.path\n          d=\"M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6\"\n          className=\"external-box\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        />\n\n        {/* Arrow pointing out */}\n        <motion.g\n          className=\"external-arrow\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        >\n          <path d=\"M11 13l9 -9\" />\n          <path d=\"M15 4h5v5\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nExternalLinkIcon.displayName = \"ExternalLinkIcon\";\nexport default ExternalLinkIcon;\n"],"mappings":";;;;;AAKA,IAAM,IAAmB,GAErB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAgBpC,AAdA,EACE,mBACA;GACE,GAAG;GACH,GAAG;GACH,OAAO;EACT,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAGA,EACE,iBACA,EACE,OAAO,IACT,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,EAAY,YAAY;EACnC,EACE,kCACA;GACE,GAAG;GACH,GAAG;GACH,OAAO;EACT,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAGnD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;GACrC,CAAA;GAGD,kBAAC,EAAO,GAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;IAFtC,UAAA,CAIE,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA,GACvB,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,CACb;;EACA;;AAEhB,CACF;AAEA,EAAiB,cAAc"}

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

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

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

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

package/dist/animations/eye-icon.js

@@ -0,0 +1,63 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/eye-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".eye-pupil", { scale: .7 }, {
+			duration: .15,
+			ease: "easeOut"
+		}), f(".eye-shape", { scaleY: .9 }, {
+			duration: .15,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(async () => {
+		f(".eye-pupil, .eye-shape", {
+			scale: 1,
+			scaleY: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0",
+				className: "eye-pupil",
+				style: { transformOrigin: "50% 50%" }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6",
+				className: "eye-shape",
+				style: { transformOrigin: "50% 50%" }
+			})
+		]
+	});
+});
+s.displayName = "EyeIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=eye-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eye-icon.js","names":[],"sources":["../../src/animations/eye-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst EyeIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      // Pupil contracts (blink effect)\n      animate(\n        \".eye-pupil\",\n        {\n          scale: 0.7,\n        },\n        {\n          duration: 0.15,\n          ease: \"easeOut\",\n        },\n      );\n\n      // Eye shape slightly narrows\n      animate(\n        \".eye-shape\",\n        {\n          scaleY: 0.9,\n        },\n        {\n          duration: 0.15,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(async () => {\n      animate(\n        \".eye-pupil, .eye-shape\",\n        {\n          scale: 1,\n          scaleY: 1,\n        },\n        {\n          duration: 0.2,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        {/* Pupil */}\n        <motion.path\n          d=\"M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0\"\n          className=\"eye-pupil\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        />\n\n        {/* Eye shape */}\n        <motion.path\n          d=\"M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6\"\n          className=\"eye-shape\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nEyeIcon.displayName = \"EyeIcon\";\nexport default EyeIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAU,GAEZ,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAcpC,AAZA,EACE,cACA,EACE,OAAO,GACT,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAGA,EACE,cACA,EACE,QAAQ,GACV,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,EAAY,YAAY;EACnC,EACE,0BACA;GACE,OAAO;GACP,QAAQ;EACV,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAGnD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;GACrC,CAAA;GAGD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;GACrC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAQ,cAAc"}

package/dist/animations/eye-off-icon.d.ts

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

package/dist/animations/eye-off-icon.d.ts.map

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

package/dist/animations/eye-off-icon.js

@@ -0,0 +1,70 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/eye-off-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".eye-strike", {
+			pathLength: [0, 1],
+			opacity: [.5, 1]
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		}), f(".eye-parts", {
+			opacity: .6,
+			scale: .98
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(async () => {
+		f(".eye-strike, .eye-parts", {
+			pathLength: 1,
+			opacity: 1,
+			scale: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ o(r.g, {
+				className: "eye-parts",
+				style: { transformOrigin: "50% 50%" },
+				children: [/* @__PURE__ */ a("path", { d: "M10.585 10.587a2 2 0 0 0 2.829 2.828" }), /* @__PURE__ */ a("path", { d: "M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87" })]
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M3 3l18 18",
+				className: "eye-strike",
+				initial: { pathLength: 1 }
+			})
+		]
+	});
+});
+s.displayName = "EyeOffIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=eye-off-icon.js.map

package/dist/animations/eye-off-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eye-off-icon.js","names":[],"sources":["../../src/animations/eye-off-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst EyeOffIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      // Strike-through line extends\n      animate(\n        \".eye-strike\",\n        {\n          pathLength: [0, 1],\n          opacity: [0.5, 1],\n        },\n        {\n          duration: 0.3,\n          ease: \"easeOut\",\n        },\n      );\n\n      // Eye parts fade slightly\n      animate(\n        \".eye-parts\",\n        {\n          opacity: 0.6,\n          scale: 0.98,\n        },\n        {\n          duration: 0.3,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(async () => {\n      animate(\n        \".eye-strike, .eye-parts\",\n        {\n          pathLength: 1,\n          opacity: 1,\n          scale: 1,\n        },\n        {\n          duration: 0.2,\n          ease: \"easeInOut\",\n        },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        {/* Eye parts */}\n        <motion.g className=\"eye-parts\" style={{ transformOrigin: \"50% 50%\" }}>\n          <path d=\"M10.585 10.587a2 2 0 0 0 2.829 2.828\" />\n          <path d=\"M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87\" />\n        </motion.g>\n\n        {/* Strike-through line */}\n        <motion.path\n          d=\"M3 3l18 18\"\n          className=\"eye-strike\"\n          initial={{ pathLength: 1 }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nEyeOffIcon.displayName = \"EyeOffIcon\";\nexport default EyeOffIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAepC,AAbA,EACE,eACA;GACE,YAAY,CAAC,GAAG,CAAC;GACjB,SAAS,CAAC,IAAK,CAAC;EAClB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAGA,EACE,cACA;GACE,SAAS;GACT,OAAO;EACT,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,EAAY,YAAY;EACnC,EACE,2BACA;GACE,YAAY;GACZ,SAAS;GACT,OAAO;EACT,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAGnD,kBAAC,EAAO,GAAR;IAAU,WAAU;IAAY,OAAO,EAAE,iBAAiB,UAAU;IAApE,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,uCAAwC,CAAA,GAChD,kBAAC,QAAD,EAAM,GAAE,sMAAuM,CAAA,CACvM;;GAGV,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,SAAS,EAAE,YAAY,EAAE;GAC1B,CAAA;EACS;;AAEhB,CACF;AAEA,EAAW,cAAc"}

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

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

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

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

package/dist/animations/facebook-icon.js

@@ -0,0 +1,88 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/facebook-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		await f(".fb-path", { scale: [
+			1,
+			.9,
+			1.05,
+			1
+		] }, {
+			duration: .5,
+			ease: "easeInOut"
+		}), f(".fb-like", {
+			y: [-10, 0],
+			opacity: [
+				0,
+				1,
+				0
+			]
+		}, {
+			duration: .6,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".fb-path", {
+			scale: 1,
+			opacity: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		}), f(".fb-like", {
+			scale: 1,
+			y: 0,
+			opacity: 0
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		style: { overflow: "visible" },
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "fb-path",
+				d: "M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3",
+				style: { transformOrigin: "center" }
+			}),
+			/* @__PURE__ */ a(r.text, {
+				className: "fb-like",
+				x: "12",
+				y: "2",
+				textAnchor: "middle",
+				fontSize: "10",
+				fill: s,
+				opacity: 0,
+				children: "👍"
+			})
+		]
+	});
+});
+s.displayName = "FacebookIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=facebook-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"facebook-icon.js","names":[],"sources":["../../src/animations/facebook-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst FacebookIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      await animate(\n        \".fb-path\",\n        { scale: [1, 0.9, 1.05, 1] },\n        { duration: 0.5, ease: \"easeInOut\" },\n      );\n      animate(\n        \".fb-like\",\n        { y: [-10, 0], opacity: [0, 1, 0] },\n        { duration: 0.6, ease: \"easeOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".fb-path\",\n        { scale: 1, opacity: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n      animate(\n        \".fb-like\",\n        { scale: 1, y: 0, opacity: 0 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"fb-path\"\n          d=\"M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3\"\n          style={{ transformOrigin: \"center\" }}\n        />\n        <motion.text\n          className=\"fb-like\"\n          x=\"12\"\n          y=\"2\"\n          textAnchor=\"middle\"\n          fontSize=\"10\"\n          fill={color}\n          opacity={0}\n        >\n          👍\n        </motion.text>\n      </motion.svg>\n    );\n  },\n);\n\nFacebookIcon.displayName = \"FacebookIcon\";\nexport default FacebookIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAe,GAEjB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAMpC,AALA,MAAM,EACJ,YACA,EAAE,OAAO;GAAC;GAAG;GAAK;GAAM;EAAC,EAAE,GAC3B;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,YACA;GAAE,GAAG,CAAC,KAAK,CAAC;GAAG,SAAS;IAAC;IAAG;IAAG;GAAC;EAAE,GAClC;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAM7B,AALA,EACE,YACA;GAAE,OAAO;GAAG,SAAS;EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,YACA;GAAE,OAAO;GAAG,GAAG;GAAG,SAAS;EAAE,GAC7B;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAC7B,cAAc;EACd,YAAY;EAdd,UAAA;GAgBE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,SAAS;GACpC,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,GAAE;IACF,YAAW;IACX,UAAS;IACT,MAAM;IACN,SAAS;IACV,UAAA;GAEY,CAAA;EACH;;AAEhB,CACF;AAEA,EAAa,cAAc"}

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

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

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

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

package/dist/animations/figma-icon.js

@@ -0,0 +1,83 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/figma-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		f(".circle", { rotate: [
+			0,
+			360,
+			0
+		] }, {
+			duration: .8,
+			ease: "easeInOut"
+		}), f(".layer1", { x: [
+			-1,
+			1,
+			-1,
+			0
+		] }, {
+			duration: .6,
+			ease: "easeInOut"
+		}), f(".layer2", { x: [
+			1,
+			-1,
+			1,
+			0
+		] }, {
+			duration: .6,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".circle, .layer1, .layer2", {
+			rotate: 0,
+			x: 0
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "circle",
+				style: { transformOrigin: "center" },
+				d: "M15 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "layer1",
+				d: "M6 3m0 3a3 3 0 0 1 3 -3h6a3 3 0 0 1 3 3v0a3 3 0 0 1 -3 3h-6a3 3 0 0 1 -3 -3z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "layer2",
+				d: "M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3v-15"
+			})
+		]
+	});
+});
+s.displayName = "FigmaIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=figma-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"figma-icon.js","names":[],"sources":["../../src/animations/figma-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst FigmaIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      animate(\n        \".circle\",\n        { rotate: [0, 360, 0] },\n        { duration: 0.8, ease: \"easeInOut\" },\n      );\n      animate(\n        \".layer1\",\n        { x: [-1, 1, -1, 0] },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n      animate(\n        \".layer2\",\n        { x: [1, -1, 1, 0] },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".circle, .layer1, .layer2\",\n        { rotate: 0, x: 0 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path\n          className=\"circle\"\n          style={{ transformOrigin: \"center\" }}\n          d=\"M15 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0\"\n        />\n        <motion.path\n          className=\"layer1\"\n          d=\"M6 3m0 3a3 3 0 0 1 3 -3h6a3 3 0 0 1 3 3v0a3 3 0 0 1 -3 3h-6a3 3 0 0 1 -3 -3z\"\n        />\n        <motion.path\n          className=\"layer2\"\n          d=\"M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3v-15\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nFigmaIcon.displayName = \"FigmaIcon\";\nexport default FigmaIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAY,GAEd,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAWpC,AAVA,EACE,WACA,EAAE,QAAQ;GAAC;GAAG;GAAK;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,WACA,EAAE,GAAG;GAAC;GAAI;GAAG;GAAI;EAAC,EAAE,GACpB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,WACA,EAAE,GAAG;GAAC;GAAG;GAAI;GAAG;EAAC,EAAE,GACnB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,6BACA;GAAE,QAAQ;GAAG,GAAG;EAAE,GAClB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GACnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,SAAS;IACnC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAU,cAAc"}

package/dist/animations/file-description-icon.d.ts

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

package/dist/animations/file-description-icon.d.ts.map

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

package/dist/animations/file-description-icon.js

@@ -0,0 +1,60 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/file-description-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(async () => {
+		await f(".file-fold", { pathLength: [0, 1] }, {
+			duration: .3,
+			ease: "easeOut"
+		}), f(".file-lines", { pathLength: [0, 1] }, {
+			duration: .4,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(async () => {
+		f(".file-fold, .file-lines", { pathLength: 1 }, { duration: .2 });
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M14 3v4a1 1 0 0 0 1 1h4",
+				className: "file-fold"
+			}),
+			/* @__PURE__ */ a("path", { d: "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" }),
+			/* @__PURE__ */ a(r.path, {
+				d: "M9 17h6",
+				className: "file-lines"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M9 13h6",
+				className: "file-lines"
+			})
+		]
+	});
+});
+s.displayName = "FileDescriptionIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=file-description-icon.js.map

package/dist/animations/file-description-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-description-icon.js","names":[],"sources":["../../src/animations/file-description-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst FileDescriptionIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      await animate(\n        \".file-fold\",\n        {\n          pathLength: [0, 1],\n        },\n        {\n          duration: 0.3,\n          ease: \"easeOut\",\n        },\n      );\n\n      animate(\n        \".file-lines\",\n        {\n          pathLength: [0, 1],\n        },\n        {\n          duration: 0.4,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(async () => {\n      animate(\n        \".file-fold, .file-lines\",\n        {\n          pathLength: 1,\n        },\n        {\n          duration: 0.2,\n        },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        <motion.path d=\"M14 3v4a1 1 0 0 0 1 1h4\" className=\"file-fold\" />\n\n        <path d=\"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z\" />\n\n        <motion.path d=\"M9 17h6\" className=\"file-lines\" />\n        <motion.path d=\"M9 13h6\" className=\"file-lines\" />\n      </motion.svg>\n    );\n  },\n);\n\nFileDescriptionIcon.displayName = \"FileDescriptionIcon\";\nexport default FileDescriptionIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAsB,GAExB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAYpC,AAXA,MAAM,EACJ,cACA,EACE,YAAY,CAAC,GAAG,CAAC,EACnB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,eACA,EACE,YAAY,CAAC,GAAG,CAAC,EACnB,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,EAAY,YAAY;EACnC,EACE,2BACA,EACE,YAAY,EACd,GACA,EACE,UAAU,GACZ,CACF;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAEnD,kBAAC,EAAO,MAAR;IAAa,GAAE;IAA0B,WAAU;GAAa,CAAA;GAEhE,kBAAC,QAAD,EAAM,GAAE,yEAA0E,CAAA;GAElF,kBAAC,EAAO,MAAR;IAAa,GAAE;IAAU,WAAU;GAAc,CAAA;GACjD,kBAAC,EAAO,MAAR;IAAa,GAAE;IAAU,WAAU;GAAc,CAAA;EACvC;;AAEhB,CACF;AAEA,EAAoB,cAAc"}

package/dist/animations/filled-bell-icon.d.ts

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

package/dist/animations/filled-bell-icon.d.ts.map

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

package/dist/animations/filled-bell-icon.js

@@ -0,0 +1,71 @@
+import { forwardRef as e, useCallback as t, useImperativeHandle as n } from "react";
+import { motion as r, useAnimate as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/animations/filled-bell-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", className: c = "" }, l) => {
+	let [u, d] = i(), f = t(async () => {
+		d(".bell", { rotate: [
+			0,
+			-8,
+			6,
+			-4,
+			2,
+			0
+		] }, {
+			duration: .6,
+			ease: "easeInOut"
+		}), d(".below-circle", { rotate: [
+			0,
+			20,
+			-18,
+			12,
+			-6,
+			0
+		] }, {
+			duration: .6,
+			ease: "easeInOut",
+			delay: .05
+		});
+	}, [d]), p = t(() => {
+		d(".bell, .below-circle", { rotate: 0 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [d]);
+	return n(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: u,
+		className: `cursor-pointer ${c}`,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: s,
+		onHoverStart: f,
+		onHoverEnd: p,
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "below-circle",
+				style: { transformOrigin: "50% 0%" },
+				d: "M14.235 19c.865 0 1.322 1.024 .745 1.668a3.992 3.992 0 0 1 -2.98 1.332a3.992 3.992 0 0 1 -2.98 -1.332c-.552 -.616 -.158 -1.579 .634 -1.661l.11 -.006h4.471z"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "bell",
+				style: { transformOrigin: "50% 10%" },
+				d: "M12 2c1.358 0 2.506 .903 2.875 2.141l.046 .171l.008 .043a8.013 8.013 0 0 1 4.024 6.069l.028 .287l.019 .289v2.931l.021 .136a3 3 0 0 0 1.143 1.847l.167 .117l.162 .099c.86 .487 .56 1.766 -.377 1.864l-.116 .006h-16c-1.028 0 -1.387 -1.364 -.493 -1.87a3 3 0 0 0 1.472 -2.063l.021 -.143l.001 -2.97a8 8 0 0 1 3.821 -6.454l.248 -.146l.01 -.043a3.003 3.003 0 0 1 2.562 -2.29l.182 -.017l.176 -.004z"
+			})
+		]
+	});
+});
+s.displayName = "FilledBellIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=filled-bell-icon.js.map

package/dist/animations/filled-bell-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled-bell-icon.js","names":[],"sources":["../../src/animations/filled-bell-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst FilledBellIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  ({ size = 24, color = \"currentColor\", className = \"\" }, ref) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      animate(\n        \".bell\",\n        {\n          rotate: [0, -8, 6, -4, 2, 0],\n        },\n        {\n          duration: 0.6,\n          ease: \"easeInOut\",\n        },\n      );\n      animate(\n        \".below-circle\",\n        {\n          rotate: [0, 20, -18, 12, -6, 0],\n        },\n        {\n          duration: 0.6,\n          ease: \"easeInOut\",\n          delay: 0.05,\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".bell, .below-circle\",\n        { rotate: 0 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        className={`cursor-pointer ${className}`}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill={color}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        <motion.path\n          className=\"below-circle\"\n          style={{ transformOrigin: \"50% 0%\" }}\n          d=\"M14.235 19c.865 0 1.322 1.024 .745 1.668a3.992 3.992 0 0 1 -2.98 1.332a3.992 3.992 0 0 1 -2.98 -1.332c-.552 -.616 -.158 -1.579 .634 -1.661l.11 -.006h4.471z\"\n        />\n\n        <motion.path\n          className=\"bell\"\n          style={{ transformOrigin: \"50% 10%\" }}\n          d=\"M12 2c1.358 0 2.506 .903 2.875 2.141l.046 .171l.008 .043a8.013 8.013 0 0 1 4.024 6.069l.028 .287l.019 .289v2.931l.021 .136a3 3 0 0 0 1.143 1.847l.167 .117l.162 .099c.86 .487 .56 1.766 -.377 1.864l-.116 .006h-16c-1.028 0 -1.387 -1.364 -.493 -1.87a3 3 0 0 0 1.472 -2.063l.021 -.143l.001 -2.97a8 8 0 0 1 3.821 -6.454l.248 -.146l.01 -.043a3.003 3.003 0 0 1 2.562 -2.29l.182 -.017l.176 -.004z\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nFilledBellIcon.displayName = \"FilledBellIcon\";\nexport default FilledBellIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAiB,GACpB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,eAAY,MAAM,MAAQ;CAC9D,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAWpC,AAVA,EACE,SACA,EACE,QAAQ;GAAC;GAAG;GAAI;GAAG;GAAI;GAAG;EAAC,EAC7B,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GACA,EACE,iBACA,EACE,QAAQ;GAAC;GAAG;GAAI;GAAK;GAAI;GAAI;EAAC,EAChC,GACA;GACE,UAAU;GACV,MAAM;GACN,OAAO;EACT,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,wBACA,EAAE,QAAQ,EAAE,GACZ;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,WAAW,kBAAkB;EAC7B,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAM;EACN,cAAc;EACd,YAAY;EATd,UAAA;GAWE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAEnD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,SAAS;IACnC,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;IACpC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAe,cAAc"}

package/dist/animations/filled-checked-icon.d.ts

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

package/dist/animations/filled-checked-icon.d.ts.map

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