nfx-ui 0.17.0 → 0.22.0

package/dist/animations/plug-connected-x-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/plug-connected-x-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(".plug-upper-part", { x: 2 }, {
+			duration: .35,
+			ease: "easeOut"
+		}), f(".plug-lower-part", {
+			y: -2,
+			x: 2
+		}, {
+			duration: .35,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(async () => {
+		f(".plug-upper-part, .plug-lower-leg, .plug-lower-part", {
+			x: 0,
+			y: 0,
+			opacity: 1
+		}, {
+			duration: .3,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ o(r.svg, {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		ref: d,
+		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(r.path, {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a(r.path, { d: "M20 16l-4 4" }),
+			/* @__PURE__ */ a(r.path, {
+				d: "M7 12l5 5l-1.5 1.5a3.536 3.536 0 1 1 -5 -5l1.5 -1.5z",
+				className: "plug-lower-part"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M17 12l-5 -5l1.5 -1.5a3.536 3.536 0 1 1 5 5l-1.5 1.5z",
+				className: "plug-upper-part"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M3 21l2.5 -2.5",
+				className: "plug-lower-part"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M18.5 5.5l2.5 -2.5",
+				className: "plug-upper-part"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M10 11l-2 2",
+				className: "plug-lower-part plug-lower-leg"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				d: "M13 14l-2 2",
+				className: "plug-lower-part plug-lower-leg"
+			}),
+			/* @__PURE__ */ a(r.path, { d: "M16 16l4 4" })
+		]
+	});
+});
+s.displayName = "PlugConnectedXIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=plug-connected-x-icon.js.map

package/dist/animations/plug-connected-x-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plug-connected-x-icon.js","names":[],"sources":["../../src/animations/plug-connected-x-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst PlugConnectedXIcon = 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        \".plug-upper-part\",\n        {\n          x: 2,\n        },\n        {\n          duration: 0.35,\n          ease: \"easeOut\",\n        },\n      );\n\n      animate(\n        \".plug-lower-part\",\n        {\n          y: -2,\n          x: 2,\n        },\n        {\n          duration: 0.35,\n          ease: \"easeOut\",\n        },\n      );\n    }, [animate]);\n\n    const stop = useCallback(async () => {\n      animate(\n        \".plug-upper-part, .plug-lower-leg, .plug-lower-part\",\n        {\n          x: 0,\n          y: 0,\n          opacity: 1,\n        },\n        {\n          duration: 0.3,\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        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        ref={scope}\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        <motion.path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <motion.path d=\"M20 16l-4 4\" />\n        <motion.path\n          d=\"M7 12l5 5l-1.5 1.5a3.536 3.536 0 1 1 -5 -5l1.5 -1.5z\"\n          className=\"plug-lower-part\"\n        />\n        <motion.path\n          d=\"M17 12l-5 -5l1.5 -1.5a3.536 3.536 0 1 1 5 5l-1.5 1.5z\"\n          className=\"plug-upper-part\"\n        />\n        <motion.path d=\"M3 21l2.5 -2.5\" className=\"plug-lower-part\" />\n        <motion.path d=\"M18.5 5.5l2.5 -2.5\" className=\"plug-upper-part\" />\n        <motion.path\n          d=\"M10 11l-2 2\"\n          className=\"plug-lower-part plug-lower-leg\"\n        />\n        <motion.path\n          d=\"M13 14l-2 2\"\n          className=\"plug-lower-part plug-lower-leg\"\n        />\n        <motion.path d=\"M16 16l4 4\" />\n      </motion.svg>\n    );\n  },\n);\n\nPlugConnectedXIcon.displayName = \"PlugConnectedXIcon\";\nexport default PlugConnectedXIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAqB,GAEvB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAYpC,AAXA,EACE,oBACA,EACE,GAAG,EACL,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF,GAEA,EACE,oBACA;GACE,GAAG;GACH,GAAG;EACL,GACA;GACE,UAAU;GACV,MAAM;EACR,CACF;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,EAAY,YAAY;EACnC,EACE,uDACA;GACE,GAAG;GACH,GAAG;GACH,SAAS;EACX,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,OAAM;EACN,OAAO;EACP,QAAQ;EACR,KAAK;EACL,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,cAAc;EACd,YAAY;EAbd,UAAA;GAeE,kBAAC,EAAO,MAAR;IAAa,QAAO;IAAO,GAAE;IAAgB,MAAK;GAAQ,CAAA;GAC1D,kBAAC,EAAO,MAAR,EAAa,GAAE,cAAe,CAAA;GAC9B,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;GACX,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;GACX,CAAA;GACD,kBAAC,EAAO,MAAR;IAAa,GAAE;IAAiB,WAAU;GAAmB,CAAA;GAC7D,kBAAC,EAAO,MAAR;IAAa,GAAE;IAAqB,WAAU;GAAmB,CAAA;GACjE,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;GACX,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,GAAE;IACF,WAAU;GACX,CAAA;GACD,kBAAC,EAAO,MAAR,EAAa,GAAE,aAAc,CAAA;EACnB;;AAEhB,CACF;AAEA,EAAmB,cAAc"}

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

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

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

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

package/dist/animations/python-icon.js

@@ -0,0 +1,109 @@
+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/python-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(".snake-top", {
+			x: [
+				0,
+				-1,
+				1,
+				0
+			],
+			y: [
+				0,
+				-1,
+				1,
+				0
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut"
+		}), f(".snake-bottom", {
+			x: [
+				0,
+				1,
+				-1,
+				0
+			],
+			y: [
+				0,
+				1,
+				-1,
+				0
+			]
+		}, {
+			duration: .6,
+			ease: "easeInOut"
+		}), await f(".eyes", { scale: [
+			1,
+			1.5,
+			1
+		] }, {
+			duration: .4,
+			ease: "easeInOut"
+		});
+	}, [f]), m = t(() => {
+		f(".snake-top, .snake-bottom, .eyes", {
+			x: 0,
+			y: 0,
+			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, {
+				className: "snake-top",
+				d: "M12 9h-7a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h3"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "snake-top",
+				d: "M12 15h7a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-3"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "snake-top",
+				d: "M8 9v-4a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v5a2 2 0 0 1 -2 2h-4a2 2 0 0 0 -2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2 -2v-4"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "eyes",
+				style: { transformOrigin: "11 6" },
+				d: "M11 6l0 .01"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "eyes",
+				style: { transformOrigin: "13 18" },
+				d: "M13 18l0 .01"
+			})
+		]
+	});
+});
+s.displayName = "PythonIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=python-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"python-icon.js","names":[],"sources":["../../src/animations/python-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst PythonIcon = 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        \".snake-top\",\n        { x: [0, -1, 1, 0], y: [0, -1, 1, 0] },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n      animate(\n        \".snake-bottom\",\n        { x: [0, 1, -1, 0], y: [0, 1, -1, 0] },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n      await animate(\n        \".eyes\",\n        { scale: [1, 1.5, 1] },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".snake-top, .snake-bottom, .eyes\",\n        { x: 0, y: 0, 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        <motion.path\n          className=\"snake-top\"\n          d=\"M12 9h-7a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h3\"\n        />\n        <motion.path\n          className=\"snake-top\"\n          d=\"M12 15h7a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-3\"\n        />\n        <motion.path\n          className=\"snake-top\"\n          d=\"M8 9v-4a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v5a2 2 0 0 1 -2 2h-4a2 2 0 0 0 -2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2 -2v-4\"\n        />\n        <motion.path\n          className=\"eyes\"\n          style={{ transformOrigin: \"11 6\" }}\n          d=\"M11 6l0 .01\"\n        />\n        <motion.path\n          className=\"eyes\"\n          style={{ transformOrigin: \"13 18\" }}\n          d=\"M13 18l0 .01\"\n        />\n      </motion.svg>\n    );\n  },\n);\n\nPythonIcon.displayName = \"PythonIcon\";\nexport default PythonIcon;\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;EAWpC,AAVA,EACE,cACA;GAAE,GAAG;IAAC;IAAG;IAAI;IAAG;GAAC;GAAG,GAAG;IAAC;IAAG;IAAI;IAAG;GAAC;EAAE,GACrC;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EACE,iBACA;GAAE,GAAG;IAAC;IAAG;IAAG;IAAI;GAAC;GAAG,GAAG;IAAC;IAAG;IAAG;IAAI;GAAC;EAAE,GACrC;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,MAAM,EACJ,SACA,EAAE,OAAO;GAAC;GAAG;GAAK;EAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,oCACA;GAAE,GAAG;GAAG,GAAG;GAAG,OAAO;EAAE,GACvB;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,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,OAAO;IACjC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,QAAQ;IAClC,GAAE;GACH,CAAA;EACS;;AAEhB,CACF;AAEA,EAAW,cAAc"}

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

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

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

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

package/dist/animations/qrcode-icon.js

@@ -0,0 +1,238 @@
+import { scaledStrokeWidth as e } from "./types.js";
+import { forwardRef as t, useImperativeHandle as n, useRef as r } from "react";
+import { motion as i, useAnimate as a } from "motion/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/animations/qrcode-icon.tsx
+var c = t(({ size: t = 24, color: c = "currentColor", strokeWidth: l = 2, className: u = "" }, d) => {
+	let [f, p] = a(), m = r([]), h = async () => {
+		m.current.forEach((e) => e.stop()), m.current = [], p(".qr-scan", {
+			opacity: 0,
+			y: 0
+		}, { duration: 0 }), p(".corner-rect", {
+			pathLength: 0,
+			opacity: 0
+		}, { duration: 0 }), p(".inner-element", {
+			opacity: 0,
+			scale: .8
+		}, { duration: 0 }), p(".center-dot", {
+			scale: 0,
+			opacity: 0
+		}, { duration: 0 }), await p(".corner-rect", {
+			pathLength: [0, 1],
+			opacity: [0, 1]
+		}, {
+			duration: .4,
+			ease: "easeOut",
+			delay: (e) => e * .1
+		}), m.current.push(p(".qr-scan", {
+			opacity: [
+				0,
+				1,
+				1,
+				0
+			],
+			y: [
+				0,
+				30,
+				0,
+				0
+			]
+		}, {
+			duration: 1.5,
+			ease: "easeInOut",
+			repeat: Infinity,
+			repeatDelay: .3
+		})), await p(".inner-element", {
+			opacity: [0, 1],
+			scale: [.8, 1]
+		}, {
+			duration: .3,
+			ease: "easeOut",
+			delay: (e) => e * .05
+		}), p(".center-dot", {
+			scale: [
+				0,
+				1.2,
+				1
+			],
+			opacity: [0, 1]
+		}, {
+			duration: .3,
+			ease: "easeOut",
+			delay: (e) => e * .08
+		});
+	}, g = () => {
+		m.current.forEach((e) => e.stop()), m.current = [], p(".qr-scan, .corner-rect, .inner-element, .center-dot", {
+			opacity: 1,
+			pathLength: 1,
+			scale: 1,
+			y: 0
+		}, { duration: .2 });
+	};
+	return n(d, () => ({
+		startAnimation: h,
+		stopAnimation: g
+	})), /* @__PURE__ */ s(i.svg, {
+		ref: f,
+		xmlns: "http://www.w3.org/2000/svg",
+		x: "0px",
+		y: "0px",
+		width: t,
+		height: t,
+		viewBox: "0 0 32 32",
+		className: `qr-code ${u} cursor-pointer`,
+		style: { overflow: "visible" },
+		onHoverStart: h,
+		onHoverEnd: g,
+		children: [
+			/* @__PURE__ */ o(i.rect, {
+				className: "qr-scan",
+				x: "2",
+				y: "0",
+				width: "28",
+				height: "2",
+				fill: "currentColor",
+				opacity: "0",
+				style: { filter: "drop-shadow(0 0 4px currentColor)" }
+			}),
+			/* @__PURE__ */ o(i.rect, {
+				className: "corner-rect",
+				x: "3",
+				y: "3",
+				width: "9",
+				height: "9",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				fill: "none",
+				initial: { pathLength: 1 }
+			}),
+			/* @__PURE__ */ o(i.rect, {
+				className: "corner-rect",
+				x: "3",
+				y: "20",
+				width: "9",
+				height: "9",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				fill: "none",
+				initial: { pathLength: 1 }
+			}),
+			/* @__PURE__ */ o(i.rect, {
+				className: "corner-rect",
+				x: "20",
+				y: "3",
+				width: "9",
+				height: "9",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				fill: "none",
+				initial: { pathLength: 1 }
+			}),
+			/* @__PURE__ */ o(i.rect, {
+				className: "inner-element",
+				x: "27",
+				y: "20",
+				width: "2",
+				height: "2",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				fill: "none",
+				style: { transformOrigin: "center" }
+			}),
+			/* @__PURE__ */ o(i.rect, {
+				className: "inner-element",
+				x: "16",
+				y: "27",
+				width: "2",
+				height: "2",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				fill: "none",
+				style: { transformOrigin: "center" }
+			}),
+			/* @__PURE__ */ o(i.path, {
+				className: "inner-element",
+				d: "M3 16H7",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				strokeLinecap: "square",
+				fill: "none",
+				style: { transformOrigin: "center" }
+			}),
+			/* @__PURE__ */ o(i.path, {
+				className: "inner-element",
+				d: "M13 16H18M22 16V23H29M22 16H26M22 16H18M18 16V20H16",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				strokeLinecap: "square",
+				fill: "none",
+				style: { transformOrigin: "center" }
+			}),
+			/* @__PURE__ */ o(i.path, {
+				className: "inner-element",
+				d: "M16 7V10",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				strokeLinecap: "square",
+				fill: "none",
+				style: { transformOrigin: "center" }
+			}),
+			/* @__PURE__ */ o(i.path, {
+				className: "inner-element",
+				d: "M16 25V29H23V27",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				strokeLinecap: "square",
+				fill: "none",
+				style: { transformOrigin: "center" }
+			}),
+			/* @__PURE__ */ o(i.path, {
+				className: "inner-element",
+				d: "M29.01 29H29",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				strokeLinecap: "square",
+				fill: "none",
+				style: { transformOrigin: "center" }
+			}),
+			/* @__PURE__ */ o(i.rect, {
+				className: "center-dot",
+				x: "24",
+				y: "7",
+				width: "1",
+				height: "1",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				fill: "none",
+				style: { transformOrigin: "24.5px 7.5px" }
+			}),
+			/* @__PURE__ */ o(i.rect, {
+				className: "center-dot",
+				x: "7",
+				y: "7",
+				width: "1",
+				height: "1",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				fill: "none",
+				style: { transformOrigin: "7.5px 7.5px" }
+			}),
+			/* @__PURE__ */ o(i.rect, {
+				className: "center-dot",
+				x: "7",
+				y: "24",
+				width: "1",
+				height: "1",
+				stroke: c,
+				strokeWidth: e(l, 32),
+				fill: "none",
+				style: { transformOrigin: "7.5px 24.5px" }
+			})
+		]
+	});
+});
+c.displayName = "QrcodeIcon";
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=qrcode-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qrcode-icon.js","names":[],"sources":["../../src/animations/qrcode-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useRef } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { scaledStrokeWidth } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst QrcodeIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n    const animationControls = useRef<Array<ReturnType<typeof animate>>>([]);\n\n    const start = async () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animate(\".qr-scan\", { opacity: 0, y: 0 }, { duration: 0 });\n      animate(\".corner-rect\", { pathLength: 0, opacity: 0 }, { duration: 0 });\n      animate(\".inner-element\", { opacity: 0, scale: 0.8 }, { duration: 0 });\n      animate(\".center-dot\", { scale: 0, opacity: 0 }, { duration: 0 });\n\n      await animate(\n        \".corner-rect\",\n        { pathLength: [0, 1], opacity: [0, 1] },\n        { duration: 0.4, ease: \"easeOut\", delay: (i) => i * 0.1 },\n      );\n\n      animationControls.current.push(\n        animate(\n          \".qr-scan\",\n          { opacity: [0, 1, 1, 0], y: [0, 30, 0, 0] },\n          {\n            duration: 1.5,\n            ease: \"easeInOut\",\n            repeat: Infinity,\n            repeatDelay: 0.3,\n          },\n        ),\n      );\n\n      await animate(\n        \".inner-element\",\n        { opacity: [0, 1], scale: [0.8, 1] },\n        { duration: 0.3, ease: \"easeOut\", delay: (i) => i * 0.05 },\n      );\n\n      animate(\n        \".center-dot\",\n        { scale: [0, 1.2, 1], opacity: [0, 1] },\n        { duration: 0.3, ease: \"easeOut\", delay: (i) => i * 0.08 },\n      );\n    };\n\n    const stop = () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animate(\n        \".qr-scan, .corner-rect, .inner-element, .center-dot\",\n        { opacity: 1, pathLength: 1, scale: 1, y: 0 },\n        { duration: 0.2 },\n      );\n    };\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        x=\"0px\"\n        y=\"0px\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 32 32\"\n        className={`qr-code ${className} cursor-pointer`}\n        style={{ overflow: \"visible\" }}\n        onHoverStart={start}\n        onHoverEnd={stop}\n      >\n        <motion.rect\n          className=\"qr-scan\"\n          x=\"2\"\n          y=\"0\"\n          width=\"28\"\n          height=\"2\"\n          fill=\"currentColor\"\n          opacity=\"0\"\n          style={{ filter: \"drop-shadow(0 0 4px currentColor)\" }}\n        />\n\n        <motion.rect\n          className=\"corner-rect\"\n          x=\"3\"\n          y=\"3\"\n          width=\"9\"\n          height=\"9\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          fill=\"none\"\n          initial={{ pathLength: 1 }}\n        />\n\n        <motion.rect\n          className=\"corner-rect\"\n          x=\"3\"\n          y=\"20\"\n          width=\"9\"\n          height=\"9\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          fill=\"none\"\n          initial={{ pathLength: 1 }}\n        />\n\n        <motion.rect\n          className=\"corner-rect\"\n          x=\"20\"\n          y=\"3\"\n          width=\"9\"\n          height=\"9\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          fill=\"none\"\n          initial={{ pathLength: 1 }}\n        />\n\n        <motion.rect\n          className=\"inner-element\"\n          x=\"27\"\n          y=\"20\"\n          width=\"2\"\n          height=\"2\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          fill=\"none\"\n          style={{ transformOrigin: \"center\" }}\n        />\n\n        <motion.rect\n          className=\"inner-element\"\n          x=\"16\"\n          y=\"27\"\n          width=\"2\"\n          height=\"2\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          fill=\"none\"\n          style={{ transformOrigin: \"center\" }}\n        />\n\n        <motion.path\n          className=\"inner-element\"\n          d=\"M3 16H7\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          strokeLinecap=\"square\"\n          fill=\"none\"\n          style={{ transformOrigin: \"center\" }}\n        />\n\n        <motion.path\n          className=\"inner-element\"\n          d=\"M13 16H18M22 16V23H29M22 16H26M22 16H18M18 16V20H16\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          strokeLinecap=\"square\"\n          fill=\"none\"\n          style={{ transformOrigin: \"center\" }}\n        />\n\n        <motion.path\n          className=\"inner-element\"\n          d=\"M16 7V10\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          strokeLinecap=\"square\"\n          fill=\"none\"\n          style={{ transformOrigin: \"center\" }}\n        />\n\n        <motion.path\n          className=\"inner-element\"\n          d=\"M16 25V29H23V27\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          strokeLinecap=\"square\"\n          fill=\"none\"\n          style={{ transformOrigin: \"center\" }}\n        />\n\n        <motion.path\n          className=\"inner-element\"\n          d=\"M29.01 29H29\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          strokeLinecap=\"square\"\n          fill=\"none\"\n          style={{ transformOrigin: \"center\" }}\n        />\n\n        <motion.rect\n          className=\"center-dot\"\n          x=\"24\"\n          y=\"7\"\n          width=\"1\"\n          height=\"1\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          fill=\"none\"\n          style={{ transformOrigin: \"24.5px 7.5px\" }}\n        />\n\n        <motion.rect\n          className=\"center-dot\"\n          x=\"7\"\n          y=\"7\"\n          width=\"1\"\n          height=\"1\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          fill=\"none\"\n          style={{ transformOrigin: \"7.5px 7.5px\" }}\n        />\n\n        <motion.rect\n          className=\"center-dot\"\n          x=\"7\"\n          y=\"24\"\n          width=\"1\"\n          height=\"1\"\n          stroke={color}\n          strokeWidth={scaledStrokeWidth(strokeWidth, 32)}\n          fill=\"none\"\n          style={{ transformOrigin: \"7.5px 24.5px\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nQrcodeIcon.displayName = \"QrcodeIcon\";\nexport default QrcodeIcon;\n"],"mappings":"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"}

package/dist/animations/question-mark.d.ts

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

package/dist/animations/question-mark.d.ts.map

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

package/dist/animations/question-mark.js

@@ -0,0 +1,78 @@
+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/question-mark.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(".question-mark", { pathLength: [0, 1] }, {
+			duration: .4,
+			ease: "easeInOut"
+		}), await f(".question-mark-dot", {
+			pathLength: [0, 1],
+			y: [
+				0,
+				-3,
+				0
+			]
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		}), f(".question-group", { scale: [
+			1,
+			1.05,
+			1
+		] }, {
+			duration: .2,
+			ease: "easeOut"
+		});
+	}, [f]), m = t(() => {
+		f(".question-mark, .question-mark-dot, .question-group", {
+			pathLength: 1,
+			y: 0,
+			scale: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	}, [f]);
+	return n(u, () => ({
+		startAnimation: p,
+		stopAnimation: m
+	})), /* @__PURE__ */ a(r.div, {
+		ref: d,
+		onHoverStart: p,
+		onHoverEnd: m,
+		children: /* @__PURE__ */ o(r.svg, {
+			className: `question-group cursor-pointer ${l}`,
+			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",
+			children: [
+				/* @__PURE__ */ a("path", {
+					stroke: "none",
+					d: "M0 0h24v24H0z",
+					fill: "none"
+				}),
+				/* @__PURE__ */ a("path", {
+					className: "question-mark",
+					d: "M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4"
+				}),
+				/* @__PURE__ */ a("path", {
+					className: "question-mark-dot",
+					d: "M12 19l0 .01"
+				})
+			]
+		})
+	});
+});
+s.displayName = "QuestionMark";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=question-mark.js.map

package/dist/animations/question-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"question-mark.js","names":[],"sources":["../../src/animations/question-mark.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst QuestionMark = 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        \".question-mark\",\n        { pathLength: [0, 1] },\n        { duration: 0.4, ease: \"easeInOut\" },\n      );\n\n      await animate(\n        \".question-mark-dot\",\n        {\n          pathLength: [0, 1],\n          y: [0, -3, 0],\n        },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n\n      animate(\n        \".question-group\",\n        { scale: [1, 1.05, 1] },\n        { duration: 0.2, ease: \"easeOut\" },\n      );\n    }, [animate]);\n\n    const stop = useCallback(() => {\n      animate(\n        \".question-mark, .question-mark-dot, .question-group\",\n        { pathLength: 1, y: 0, 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.div ref={scope} onHoverStart={start} onHoverEnd={stop}>\n        <motion.svg\n          className={`question-group 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=\"none\"\n          stroke={color}\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path\n            className=\"question-mark\"\n            d=\"M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4\"\n          />\n          <path className=\"question-mark-dot\" d=\"M12 19l0 .01\" />\n        </motion.svg>\n      </motion.div>\n    );\n  },\n);\n\nQuestionMark.displayName = \"QuestionMark\";\nexport default QuestionMark;\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;EAgBpC,AAfA,MAAM,EACJ,kBACA,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GAEA,MAAM,EACJ,sBACA;GACE,YAAY,CAAC,GAAG,CAAC;GACjB,GAAG;IAAC;IAAG;IAAI;GAAC;EACd,GACA;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GAEA,EACE,mBACA,EAAE,OAAO;GAAC;GAAG;GAAM;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAAG,CAAC,CAAO,CAAC,GAEN,IAAO,QAAkB;EAC7B,EACE,uDACA;GAAE,YAAY;GAAG,GAAG;GAAG,OAAO;EAAE,GAChC;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;EAAY,KAAK;EAAO,cAAc;EAAO,YAAY;EACvD,UAAA,kBAAC,EAAO,KAAR;GACE,WAAW,iCAAiC;GAC5C,OAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,QAAQ;GACK;GACb,eAAc;GACd,gBAAe;GAVjB,UAAA;IAYE,kBAAC,QAAD;KAAM,QAAO;KAAO,GAAE;KAAgB,MAAK;IAAQ,CAAA;IACnD,kBAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,kBAAC,QAAD;KAAM,WAAU;KAAoB,GAAE;IAAgB,CAAA;GAC5C;;CACF,CAAA;AAEhB,CACF;AAEA,EAAa,cAAc"}

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

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

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

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