nfx-ui 0.17.0 → 0.22.0

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

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

package/dist/animations/library-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/library-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(() => {
+		f(".book-2", {
+			y: -3,
+			rotate: -8
+		}, {
+			duration: .4,
+			ease: [
+				.175,
+				.885,
+				.32,
+				1.275
+			]
+		}), f(".book-3", { rotate: -12 }, {
+			duration: .4,
+			ease: "easeOut"
+		}), f(".book-4", { rotate: -5 }, {
+			duration: .4,
+			ease: "easeOut"
+		}), f(".book-1", { rotate: 12 }, {
+			duration: .4,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".book-1, .book-2, .book-3, .book-4", {
+			rotate: 0,
+			y: 0
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		onHoverStart: p,
+		onHoverEnd: m,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		style: { overflow: "visible" },
+		children: [
+			/* @__PURE__ */ a(r.path, {
+				className: "book-1",
+				d: "m16 6 4 14",
+				style: { transformOrigin: "18px 20px" }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "book-2",
+				d: "M12 6v14",
+				style: { transformOrigin: "12px 20px" }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "book-3",
+				d: "M8 8v12",
+				style: { transformOrigin: "8px 20px" }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "book-4",
+				d: "M4 4v16",
+				style: { transformOrigin: "4px 20px" }
+			})
+		]
+	});
+});
+s.displayName = "LibraryIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=library-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"library-icon.js","names":[],"sources":["../../src/animations/library-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LibraryIcon = 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(() => {\n      // The Book Pick Cycle\n      // Book 2 (Selected): Lifts and tilts\n      animate(\n        \".book-2\",\n        { y: -3, rotate: -8 },\n        { duration: 0.4, ease: [0.175, 0.885, 0.32, 1.275] }, // BackOut feel\n      );\n\n      // Book 3 (Neighbor): Leans Left\n      animate(\".book-3\", { rotate: -12 }, { duration: 0.4, ease: \"easeOut\" });\n\n      // Book 4 (Outer): Subtle Lean Left\n      animate(\".book-4\", { rotate: -5 }, { duration: 0.4, ease: \"easeOut\" });\n\n      // Book 1 (Tilted Book): Leans further Right\n      animate(\".book-1\", { rotate: 12 }, { duration: 0.4, ease: \"easeOut\" });\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".book-1, .book-2, .book-3, .book-4\",\n        { rotate: 0, y: 0 },\n        { duration: 0.3, 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        onHoverStart={start}\n        onHoverEnd={stop}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        {/* Book 1 (The tilted book) */}\n        <motion.path\n          className=\"book-1\"\n          d=\"m16 6 4 14\"\n          style={{ transformOrigin: \"18px 20px\" }}\n        />\n        {/* Book 2 (The picked book) */}\n        <motion.path\n          className=\"book-2\"\n          d=\"M12 6v14\"\n          style={{ transformOrigin: \"12px 20px\" }}\n        />\n        {/* Book 3 */}\n        <motion.path\n          className=\"book-3\"\n          d=\"M8 8v12\"\n          style={{ transformOrigin: \"8px 20px\" }}\n        />\n        {/* Book 4 */}\n        <motion.path\n          className=\"book-4\"\n          d=\"M4 4v16\"\n          style={{ transformOrigin: \"4px 20px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLibraryIcon.displayName = \"LibraryIcon\";\nexport default LibraryIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAc,GAEhB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAgB9B,AAbA,EACE,WACA;GAAE,GAAG;GAAI,QAAQ;EAAG,GACpB;GAAE,UAAU;GAAK,MAAM;IAAC;IAAO;IAAO;IAAM;GAAK;EAAE,CACrD,GAGA,EAAQ,WAAW,EAAE,QAAQ,IAAI,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GAGtE,EAAQ,WAAW,EAAE,QAAQ,GAAG,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GAGrE,EAAQ,WAAW,EAAE,QAAQ,GAAG,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACvE,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,sCACA;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,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAd/B,UAAA;GAiBE,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,YAAY;GACvC,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,YAAY;GACvC,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,WAAW;GACtC,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,WAAW;GACtC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAY,cAAc"}

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

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

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

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

package/dist/animations/like-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/like-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(".like-icon", {
+			scale: [
+				1,
+				.8,
+				1.2,
+				1
+			],
+			rotate: [
+				0,
+				8,
+				-5,
+				0
+			],
+			y: [
+				0,
+				2,
+				-2,
+				0
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut"
+		});
+	}, p = () => {
+		d(".like-icon", {
+			scale: 1,
+			rotate: 0,
+			y: 0
+		}, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ i(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}`,
+		style: { overflow: "visible" },
+		children: /* @__PURE__ */ a(n.g, {
+			className: "like-icon",
+			style: { transformOrigin: "center" },
+			children: [/* @__PURE__ */ i("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}), /* @__PURE__ */ i("path", { d: "M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" })]
+		})
+	});
+});
+o.displayName = "LikeIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=like-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"like-icon.js","names":[],"sources":["../../src/animations/like-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LikeIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      await animate(\n        \".like-icon\",\n        {\n          scale: [1, 0.8, 1.2, 1],\n          rotate: [0, 8, -5, 0],\n          y: [0, 2, -2, 0],\n        },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\n        \".like-icon\",\n        { scale: 1, rotate: 0, y: 0 },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\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        style={{ overflow: \"visible\" }}\n      >\n        <motion.g className=\"like-icon\" style={{ transformOrigin: \"center\" }}>\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path d=\"M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nLikeIcon.displayName = \"LikeIcon\";\n\nexport default LikeIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAW,GAEb,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,MAAM,EACJ,cACA;GACE,OAAO;IAAC;IAAG;IAAK;IAAK;GAAC;GACtB,QAAQ;IAAC;IAAG;IAAG;IAAI;GAAC;GACpB,GAAG;IAAC;IAAG;IAAG;IAAI;GAAC;EACjB,GACA;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EACjB,EACE,cACA;GAAE,OAAO;GAAG,QAAQ;GAAG,GAAG;EAAE,GAC5B;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF;CAeA,OAbA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAWA,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;EAC7B,OAAO,EAAE,UAAU,UAAU;EAE7B,UAAA,kBAAC,EAAO,GAAR;GAAU,WAAU;GAAY,OAAO,EAAE,iBAAiB,SAAS;GAAnE,UAAA,CACE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA,GACnD,kBAAC,QAAD,EAAM,GAAE,yJAA0J,CAAA,CAC1J;;CACA,CAAA;AAEhB,CACF;AAEA,EAAS,cAAc"}

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

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

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

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

package/dist/animations/link-icon.js

@@ -0,0 +1,82 @@
+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/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(".link-top", {
+			x: 1.5,
+			y: -1.5
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		}), f(".link-bottom", {
+			x: -1.5,
+			y: 1.5
+		}, {
+			duration: .25,
+			ease: "easeOut"
+		}), f(".link-middle", {
+			opacity: [.6, 1],
+			scale: [.95, 1]
+		}, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(async () => {
+		f(".link-top, .link-bottom, .link-middle", {
+			x: 0,
+			y: 0,
+			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__ */ a(r.path, {
+				d: "M9 15l6 -6",
+				className: "link-middle",
+				style: { transformOrigin: "50% 50%" }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464",
+				className: "link-top",
+				style: { transformOrigin: "50% 50%" }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463",
+				className: "link-bottom",
+				style: { transformOrigin: "50% 50%" }
+			})
+		]
+	});
+});
+s.displayName = "LinkIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=link-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-icon.js","names":[],"sources":["../../src/animations/link-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LinkIcon = 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        \".link-top\",\n        { x: 1.5, y: -1.5 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n\n      animate(\n        \".link-bottom\",\n        { x: -1.5, y: 1.5 },\n        { duration: 0.25, ease: \"easeOut\" },\n      );\n\n      animate(\n        \".link-middle\",\n        { opacity: [0.6, 1], scale: [0.95, 1] },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(async () => {\n      animate(\n        \".link-top, .link-bottom, .link-middle\",\n        { x: 0, y: 0, opacity: 1, scale: 1 },\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\n        <motion.path\n          d=\"M9 15l6 -6\"\n          className=\"link-middle\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        />\n\n        <motion.path\n          d=\"M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464\"\n          className=\"link-top\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        />\n\n        <motion.path\n          d=\"M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463\"\n          className=\"link-bottom\"\n          style={{ transformOrigin: \"50% 50%\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLinkIcon.displayName = \"LinkIcon\";\nexport default LinkIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAW,GAEb,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAapC,AAZA,EACE,aACA;GAAE,GAAG;GAAK,GAAG;EAAK,GAClB;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GAEA,EACE,gBACA;GAAE,GAAG;GAAM,GAAG;EAAI,GAClB;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC,GAEA,EACE,gBACA;GAAE,SAAS,CAAC,IAAK,CAAC;GAAG,OAAO,CAAC,KAAM,CAAC;EAAE,GACtC;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,EAAY,YAAY;EACnC,EACE,yCACA;GAAE,GAAG;GAAG,GAAG;GAAG,SAAS;GAAG,OAAO;EAAE,GACnC;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;GAEnD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;GACrC,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;GACrC,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;IACV,OAAO,EAAE,iBAAiB,UAAU;GACrC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAS,cAAc"}

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

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

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

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

package/dist/animations/linkedin-icon.js

@@ -0,0 +1,79 @@
+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/linkedin-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(".border", { scale: [
+			1,
+			1.05,
+			1
+		] }, {
+			duration: .4,
+			ease: "easeInOut"
+		}), await f(".lines", { pathLength: [0, 1] }, {
+			duration: .5,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".lines, .border", {
+			pathLength: 1,
+			scale: 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, {
+				className: "lines",
+				d: "M8 11v5",
+				initial: { pathLength: 1 }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "lines",
+				d: "M8 8v.01",
+				initial: { pathLength: 1 }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "lines",
+				d: "M12 16v-5",
+				initial: { pathLength: 1 }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "lines",
+				d: "M16 16v-3a2 2 0 1 0 -4 0",
+				initial: { pathLength: 1 }
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "border",
+				d: "M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z",
+				style: { transformOrigin: "center" }
+			})
+		]
+	});
+});
+s.displayName = "LinkedinIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=linkedin-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"linkedin-icon.js","names":[],"sources":["../../src/animations/linkedin-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LinkedinIcon = 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        \".border\",\n        { scale: [1, 1.05, 1] },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n      await animate(\n        \".lines\",\n        { pathLength: [0, 1] },\n        { duration: 0.5, ease: \"easeOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".lines, .border\",\n        { pathLength: 1, scale: 1 },\n        { duration: 0.2 },\n      );\n    }, [animate]);\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\n    }));\n\n    return (\n      <motion.svg\n        ref={scope}\n        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=\"lines\"\n          d=\"M8 11v5\"\n          initial={{ pathLength: 1 }}\n        />\n        <motion.path\n          className=\"lines\"\n          d=\"M8 8v.01\"\n          initial={{ pathLength: 1 }}\n        />\n        <motion.path\n          className=\"lines\"\n          d=\"M12 16v-5\"\n          initial={{ pathLength: 1 }}\n        />\n        <motion.path\n          className=\"lines\"\n          d=\"M16 16v-3a2 2 0 1 0 -4 0\"\n          initial={{ pathLength: 1 }}\n        />\n        <motion.path\n          className=\"border\"\n          d=\"M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z\"\n          style={{ transformOrigin: \"center\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLinkedinIcon.displayName = \"LinkedinIcon\";\nexport default LinkedinIcon;\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,EACE,WACA,EAAE,OAAO;GAAC;GAAG;GAAM;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,MAAM,EACJ,UACA,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,mBACA;GAAE,YAAY;GAAG,OAAO;EAAE,GAC1B,EAAE,UAAU,GAAI,CAClB;CACF,GAAG,CAAC,CAAO,CAAC;CAOZ,OALA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAGA,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,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,GAAE;IACF,SAAS,EAAE,YAAY,EAAE;GAC1B,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,SAAS,EAAE,YAAY,EAAE;GAC1B,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,SAAS,EAAE,YAAY,EAAE;GAC1B,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,SAAS,EAAE,YAAY,EAAE;GAC1B,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,SAAS;GACpC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAa,cAAc"}

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

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

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

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

package/dist/animations/locate-icon.js

@@ -0,0 +1,101 @@
+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/locate-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = t(() => {
+		f(".locate-target", {
+			opacity: 1,
+			scale: 1
+		}, {
+			duration: .3,
+			ease: "backOut"
+		}), f(".locate-crosshairs", { rotate: 90 }, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".locate-target", {
+			opacity: 0,
+			scale: 0
+		}, {
+			duration: .2,
+			ease: "easeIn"
+		}), f(".locate-crosshairs", { rotate: 0 }, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		onHoverStart: p,
+		onHoverEnd: m,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: s,
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${l}`,
+		style: { overflow: "visible" },
+		children: [
+			/* @__PURE__ */ o(r.g, {
+				className: "locate-crosshairs",
+				style: { transformOrigin: "center" },
+				children: [
+					/* @__PURE__ */ a("line", {
+						x1: "2",
+						x2: "5",
+						y1: "12",
+						y2: "12"
+					}),
+					/* @__PURE__ */ a("line", {
+						x1: "19",
+						x2: "22",
+						y1: "12",
+						y2: "12"
+					}),
+					/* @__PURE__ */ a("line", {
+						x1: "12",
+						x2: "12",
+						y1: "2",
+						y2: "5"
+					}),
+					/* @__PURE__ */ a("line", {
+						x1: "12",
+						x2: "12",
+						y1: "19",
+						y2: "22"
+					})
+				]
+			}),
+			/* @__PURE__ */ a("circle", {
+				cx: "12",
+				cy: "12",
+				r: "7"
+			}),
+			/* @__PURE__ */ a(r.circle, {
+				className: "locate-target",
+				cx: "12",
+				cy: "12",
+				r: "3",
+				initial: {
+					opacity: 0,
+					scale: 0
+				},
+				style: { transformOrigin: "center" }
+			})
+		]
+	});
+});
+s.displayName = "LocateIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=locate-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"locate-icon.js","names":[],"sources":["../../src/animations/locate-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LocateIcon = 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(() => {\n      // 1. Snappy Appearance of center target\n      animate(\n        \".locate-target\",\n        { opacity: 1, scale: 1 },\n        { duration: 0.3, ease: \"backOut\" },\n      );\n      // 2. Subtle rotation for mechanical feel\n      animate(\n        \".locate-crosshairs\",\n        { rotate: 90 },\n        { duration: 0.3, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".locate-target\",\n        { opacity: 0, scale: 0 },\n        { duration: 0.2, ease: \"easeIn\" },\n      );\n      animate(\n        \".locate-crosshairs\",\n        { rotate: 0 },\n        { duration: 0.3, 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        onHoverStart={start}\n        onHoverEnd={stop}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        <motion.g\n          className=\"locate-crosshairs\"\n          style={{ transformOrigin: \"center\" }}\n        >\n          <line x1=\"2\" x2=\"5\" y1=\"12\" y2=\"12\" />\n          <line x1=\"19\" x2=\"22\" y1=\"12\" y2=\"12\" />\n          <line x1=\"12\" x2=\"12\" y1=\"2\" y2=\"5\" />\n          <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n        </motion.g>\n\n        {/* Ring */}\n        <circle cx=\"12\" cy=\"12\" r=\"7\" />\n\n        {/* The \"Fix\" Target - Appears on Hover */}\n        <motion.circle\n          className=\"locate-target\"\n          cx=\"12\"\n          cy=\"12\"\n          r=\"3\"\n          initial={{ opacity: 0, scale: 0 }}\n          style={{ transformOrigin: \"center\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLocateIcon.displayName = \"LocateIcon\";\nexport default LocateIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAa,GAEf,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,QAAkB;EAQ9B,AANA,EACE,kBACA;GAAE,SAAS;GAAG,OAAO;EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GAEA,EACE,sBACA,EAAE,QAAQ,GAAG,GACb;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAM7B,AALA,EACE,kBACA;GAAE,SAAS;GAAG,OAAO;EAAE,GACvB;GAAE,UAAU;GAAK,MAAM;EAAS,CAClC,GACA,EACE,sBACA,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,cAAc;EACd,YAAY;EACZ,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAd/B,UAAA;GAgBE,kBAAC,EAAO,GAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,SAAS;IAFrC,UAAA;KAIE,kBAAC,QAAD;MAAM,IAAG;MAAI,IAAG;MAAI,IAAG;MAAK,IAAG;KAAM,CAAA;KACrC,kBAAC,QAAD;MAAM,IAAG;MAAK,IAAG;MAAK,IAAG;MAAK,IAAG;KAAM,CAAA;KACvC,kBAAC,QAAD;MAAM,IAAG;MAAK,IAAG;MAAK,IAAG;MAAI,IAAG;KAAK,CAAA;KACrC,kBAAC,QAAD;MAAM,IAAG;MAAK,IAAG;MAAK,IAAG;MAAK,IAAG;KAAM,CAAA;IAC/B;;GAGV,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAK,CAAA;GAG/B,kBAAC,EAAO,QAAR;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,GAAE;IACF,SAAS;KAAE,SAAS;KAAG,OAAO;IAAE;IAChC,OAAO,EAAE,iBAAiB,SAAS;GACpC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAW,cAAc"}

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

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

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

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

package/dist/animations/lock-icon.js

@@ -0,0 +1,67 @@
+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/lock-icon.tsx
+var o = e(({ size: e = 48, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		await d(".lock-upper-body", {
+			rotate: 40,
+			y: -1.7,
+			x: 3
+		}, {
+			duration: .28,
+			ease: "easeOut"
+		});
+	}, p = async () => {
+		await d(".lock-upper-body", {
+			rotate: 0,
+			x: 0,
+			y: 0
+		}, {
+			duration: .22,
+			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}`,
+		style: { overflow: "visible" },
+		children: [
+			/* @__PURE__ */ i("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ i("path", { d: "M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z" }),
+			/* @__PURE__ */ i("path", { d: "M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" }),
+			/* @__PURE__ */ i(n.path, {
+				className: "lock-upper-body",
+				d: "M8 11v-4a4 4 0 1 1 8 0v4",
+				style: { transformOrigin: "50% 100%" }
+			})
+		]
+	});
+});
+o.displayName = "LockIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=lock-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lock-icon.js","names":[],"sources":["../../src/animations/lock-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst LockIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 48, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      await animate(\n        \".lock-upper-body\",\n        { rotate: 40, y: -1.7, x: 3 },\n        { duration: 0.28, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = async () => {\n      await animate(\n        \".lock-upper-body\",\n        { rotate: 0, x: 0, y: 0 },\n        { duration: 0.22, ease: \"easeInOut\" },\n      );\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation: start,\n      stopAnimation: stop,\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        style={{ overflow: \"visible\" }}\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n\n        {/* Lock body */}\n        <path d=\"M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z\" />\n\n        {/* Keyhole */}\n        <path d=\"M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0\" />\n\n        {/* Lock shackle */}\n        <motion.path\n          className=\"lock-upper-body\"\n          d=\"M8 11v-4a4 4 0 1 1 8 0v4\"\n          style={{ transformOrigin: \"50% 100%\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nLockIcon.displayName = \"LockIcon\";\n\nexport default LockIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAW,GAEb,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,MAAM,EACJ,oBACA;GAAE,QAAQ;GAAI,GAAG;GAAM,GAAG;EAAE,GAC5B;GAAE,UAAU;GAAM,MAAM;EAAU,CACpC;CACF,GAEM,IAAO,YAAY;EACvB,MAAM,EACJ,oBACA;GAAE,QAAQ;GAAG,GAAG;GAAG,GAAG;EAAE,GACxB;GAAE,UAAU;GAAM,MAAM;EAAY,CACtC;CACF;CAeA,OAbA,EAAoB,UAAY;EAC9B,gBAAgB;EAChB,eAAe;CACjB,EAAE,GAWA,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;EAC7B,OAAO,EAAE,UAAU,UAAU;EAd/B,UAAA;GAgBE,kBAAC,QAAD;IAAM,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAGnD,kBAAC,QAAD,EAAM,GAAE,iFAAkF,CAAA;GAG1F,kBAAC,QAAD,EAAM,GAAE,sCAAuC,CAAA;GAG/C,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,WAAW;GACtC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAS,cAAc"}

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

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

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

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