nfx-ui 0.17.0 → 0.22.0

package/dist/animations/alarm-clock-plus-icon.js

@@ -0,0 +1,129 @@
+import { forwardRef as e, useImperativeHandle as t, useRef 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/alarm-clock-plus-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "", stiffness: u = 200, damping: d = 25, durationY: f = .2, durationX: p = .3, ease: m = "linear", ...h }, g) => {
+	let [_, v] = i(), y = n([]), b = async () => {
+		y.current.forEach((e) => e.stop()), y.current = [], y.current.push(v(".clock", {
+			y: -1.5,
+			x: [
+				-1,
+				1,
+				-1,
+				1,
+				-1,
+				0
+			]
+		}, {
+			y: {
+				duration: f,
+				type: "spring",
+				stiffness: u,
+				damping: d
+			},
+			x: {
+				duration: p,
+				repeat: Infinity,
+				ease: m
+			}
+		})), y.current.push(v(".bells", {
+			y: -2.5,
+			x: [
+				-2,
+				2,
+				-2,
+				2,
+				-2,
+				0
+			]
+		}, {
+			y: {
+				duration: f,
+				type: "spring",
+				stiffness: u,
+				damping: d
+			},
+			x: {
+				duration: p,
+				repeat: Infinity,
+				ease: m
+			}
+		})), await v(".plus", { scale: [
+			1,
+			1.2,
+			1
+		] }, {
+			duration: f,
+			ease: "easeOut"
+		});
+	}, x = () => {
+		y.current.forEach((e) => e.stop()), y.current = [], v(".clock", {
+			y: 0,
+			x: 0
+		}, { duration: f * 2 }), v(".bells", {
+			y: 0,
+			x: 0
+		}, { duration: f * 2 });
+	};
+	return t(g, () => ({
+		startAnimation: b,
+		stopAnimation: x
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: _,
+		onHoverStart: () => {
+			b();
+		},
+		onHoverEnd: () => {
+			x();
+		},
+		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" },
+		"aria-hidden": "true",
+		...h,
+		children: [
+			/* @__PURE__ */ a(r.circle, {
+				className: "clock",
+				cx: "12",
+				cy: "13",
+				r: "8"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "bells",
+				style: { transformOrigin: "3.5px 4.5px" },
+				d: "M5 3 2 6"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "bells",
+				style: { transformOrigin: "20.5px 4.5px" },
+				d: "m22 6-3-3"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "clock",
+				d: "M6.38 18.7 4 21"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "clock",
+				d: "M17.64 18.67 20 21"
+			}),
+			/* @__PURE__ */ o(r.g, {
+				className: "plus",
+				style: { transformOrigin: "12px 13px" },
+				children: [/* @__PURE__ */ a("path", { d: "M12 10v6" }), /* @__PURE__ */ a("path", { d: "M9 13h6" })]
+			})
+		]
+	});
+});
+s.displayName = "AlarmClockPlusIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=alarm-clock-plus-icon.js.map

package/dist/animations/alarm-clock-plus-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alarm-clock-plus-icon.js","names":[],"sources":["../../src/animations/alarm-clock-plus-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useRef } from \"react\";\nimport type {\n  AnimatedIconHandle,\n  AnimatedIconProps,\n  IconEasing,\n} from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\ntype CustomStyleProps = {\n  stiffness?: number;\n  damping?: number;\n  durationY?: number;\n  durationX?: number;\n  ease?: IconEasing;\n};\n\nconst AlarmClockPlusIcon = forwardRef<\n  AnimatedIconHandle,\n  AnimatedIconProps & CustomStyleProps\n>(\n  (\n    {\n      size = 24,\n      color = \"currentColor\",\n      strokeWidth = 2,\n      className = \"\",\n      stiffness = 200,\n      damping = 25,\n      durationY = 0.2,\n      durationX = 0.3,\n      ease = \"linear\",\n      ...props\n    },\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      animationControls.current.push(\n        animate(\n          \".clock\",\n          {\n            y: -1.5,\n            x: [-1, 1, -1, 1, -1, 0],\n          },\n          {\n            y: {\n              duration: durationY,\n              type: \"spring\",\n              stiffness: stiffness,\n              damping: damping,\n            },\n            x: { duration: durationX, repeat: Infinity, ease: ease },\n          },\n        ),\n      );\n\n      animationControls.current.push(\n        animate(\n          \".bells\",\n          {\n            y: -2.5,\n            x: [-2, 2, -2, 2, -2, 0],\n          },\n          {\n            y: {\n              duration: durationY,\n              type: \"spring\",\n              stiffness: stiffness,\n              damping: damping,\n            },\n            x: { duration: durationX, repeat: Infinity, ease: ease },\n          },\n        ),\n      );\n\n      await animate(\n        \".plus\",\n        { scale: [1, 1.2, 1] },\n        { duration: durationY, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animate(\".clock\", { y: 0, x: 0 }, { duration: durationY * 2 });\n      animate(\".bells\", { y: 0, x: 0 }, { duration: durationY * 2 });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    // 🖱 hover logic (only when NOT controlled)\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        aria-hidden=\"true\"\n        {...props}\n      >\n        <motion.circle className=\"clock\" cx=\"12\" cy=\"13\" r=\"8\" />\n        <motion.path\n          className=\"bells\"\n          style={{ transformOrigin: \"3.5px 4.5px\" }}\n          d=\"M5 3 2 6\"\n        />\n        <motion.path\n          className=\"bells\"\n          style={{ transformOrigin: \"20.5px 4.5px\" }}\n          d=\"m22 6-3-3\"\n        />\n        <motion.path className=\"clock\" d=\"M6.38 18.7 4 21\" />\n        <motion.path className=\"clock\" d=\"M17.64 18.67 20 21\" />\n        <motion.g className=\"plus\" style={{ transformOrigin: \"12px 13px\" }}>\n          <path d=\"M12 10v6\" />\n          <path d=\"M9 13h6\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nAlarmClockPlusIcon.displayName = \"AlarmClockPlusIcon\";\n\nexport default AlarmClockPlusIcon;\n"],"mappings":";;;;AAgBA,IAAM,IAAqB,GAKvB,EACE,UAAO,IACP,WAAQ,gBACR,iBAAc,GACd,eAAY,IACZ,eAAY,KACZ,aAAU,IACV,eAAY,IACZ,eAAY,IACZ,UAAO,UACP,GAAG,KAEL,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAC9B,IAAoB,EAA0C,CAAC,CAAC,GAEhE,IAAQ,YAAY;EA0CxB,AAzCA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAkB,QAAQ,KACxB,EACE,UACA;GACE,GAAG;GACH,GAAG;IAAC;IAAI;IAAG;IAAI;IAAG;IAAI;GAAC;EACzB,GACA;GACE,GAAG;IACD,UAAU;IACV,MAAM;IACK;IACF;GACX;GACA,GAAG;IAAE,UAAU;IAAW,QAAQ;IAAgB;GAAK;EACzD,CACF,CACF,GAEA,EAAkB,QAAQ,KACxB,EACE,UACA;GACE,GAAG;GACH,GAAG;IAAC;IAAI;IAAG;IAAI;IAAG;IAAI;GAAC;EACzB,GACA;GACE,GAAG;IACD,UAAU;IACV,MAAM;IACK;IACF;GACX;GACA,GAAG;IAAE,UAAU;IAAW,QAAQ;IAAgB;GAAK;EACzD,CACF,CACF,GAEA,MAAM,EACJ,SACA,EAAE,OAAO;GAAC;GAAG;GAAK;EAAC,EAAE,GACrB;GAAE,UAAU;GAAW,MAAM;EAAU,CACzC;CACF,GAEM,UAAa;EAKjB,AAJA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAQ,UAAU;GAAE,GAAG;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,IAAY,EAAE,CAAC,GAC7D,EAAQ,UAAU;GAAE,GAAG;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,IAAY,EAAE,CAAC;CAC/D;CAkBA,OAhBA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAYC,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;EAC7B,eAAY;EACZ,GAAI;EAhBN,UAAA;GAkBE,kBAAC,EAAO,QAAR;IAAe,WAAU;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAK,CAAA;GACxD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,cAAc;IACxC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,eAAe;IACzC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAQ,GAAE;GAAmB,CAAA;GACpD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAQ,GAAE;GAAsB,CAAA;GACvD,kBAAC,EAAO,GAAR;IAAU,WAAU;IAAO,OAAO,EAAE,iBAAiB,YAAY;IAAjE,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA,GACpB,kBAAC,QAAD,EAAM,GAAE,UAAW,CAAA,CACX;;EACA;;AAEhB,CACF;AAEA,EAAmB,cAAc"}

package/dist/animations/align-center-icon.d.ts

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

package/dist/animations/align-center-icon.d.ts.map

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

package/dist/animations/align-center-icon.js

@@ -0,0 +1,74 @@
+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/align-center-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".line-1", { scaleX: [
+			1,
+			.8,
+			1
+		] }, { duration: .3 }), d(".line-2", { scaleX: [
+			1,
+			1.2,
+			1
+		] }, {
+			duration: .3,
+			delay: .1
+		}), d(".line-3", { scaleX: [
+			1,
+			.9,
+			1
+		] }, {
+			duration: .3,
+			delay: .2
+		});
+	}, p = () => {
+		d(".line-1", { scaleX: 1 }, { duration: .2 }), d(".line-2", { scaleX: 1 }, { duration: .2 }), d(".line-3", { scaleX: 1 }, { duration: .2 });
+	};
+	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(n.path, {
+				className: "line-1",
+				d: "M4 6l16 0",
+				style: { transformOrigin: "center" }
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "line-2",
+				d: "M8 12l8 0",
+				style: { transformOrigin: "center" }
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "line-3",
+				d: "M6 18l12 0",
+				style: { transformOrigin: "center" }
+			})
+		]
+	});
+});
+o.displayName = "AlignCenterIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=align-center-icon.js.map

package/dist/animations/align-center-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-center-icon.js","names":[],"sources":["../../src/animations/align-center-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst AlignCenterIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      animate(\".line-1\", { scaleX: [1, 0.8, 1] }, { duration: 0.3 });\n      animate(\n        \".line-2\",\n        { scaleX: [1, 1.2, 1] },\n        { duration: 0.3, delay: 0.1 },\n      );\n      animate(\n        \".line-3\",\n        { scaleX: [1, 0.9, 1] },\n        { duration: 0.3, delay: 0.2 },\n      );\n    };\n\n    const stop = () => {\n      animate(\".line-1\", { scaleX: 1 }, { duration: 0.2 });\n      animate(\".line-2\", { scaleX: 1 }, { duration: 0.2 });\n      animate(\".line-3\", { scaleX: 1 }, { duration: 0.2 });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n        style={{ overflow: \"visible\" }}\n      >\n        <motion.path\n          className=\"line-1\"\n          d=\"M4 6l16 0\"\n          style={{ transformOrigin: \"center\" }}\n        />\n        <motion.path\n          className=\"line-2\"\n          d=\"M8 12l8 0\"\n          style={{ transformOrigin: \"center\" }}\n        />\n        <motion.path\n          className=\"line-3\"\n          d=\"M6 18l12 0\"\n          style={{ transformOrigin: \"center\" }}\n        />\n      </motion.svg>\n    );\n  },\n);\n\nAlignCenterIcon.displayName = \"AlignCenterIcon\";\n\nexport default AlignCenterIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAkB,GAEpB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAOxB,AANA,EAAQ,WAAW,EAAE,QAAQ;GAAC;GAAG;GAAK;EAAC,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GAC7D,EACE,WACA,EAAE,QAAQ;GAAC;GAAG;GAAK;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,OAAO;EAAI,CAC9B,GACA,EACE,WACA,EAAE,QAAQ;GAAC;GAAG;GAAK;EAAC,EAAE,GACtB;GAAE,UAAU;GAAK,OAAO;EAAI,CAC9B;CACF,GAEM,UAAa;EAGjB,AAFA,EAAQ,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACnD,EAAQ,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC,GACnD,EAAQ,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACrD;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAC7B,OAAO,EAAE,UAAU,UAAU;EAd/B,UAAA;GAgBE,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,SAAS;GACpC,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,SAAS;GACpC,CAAA;GACD,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,GAAE;IACF,OAAO,EAAE,iBAAiB,SAAS;GACpC,CAAA;EACS;;AAEhB,CACF;AAEA,EAAgB,cAAc"}

package/dist/animations/align-vertical-space-around-icon.d.ts

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

package/dist/animations/align-vertical-space-around-icon.d.ts.map

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

package/dist/animations/align-vertical-space-around-icon.js

@@ -0,0 +1,75 @@
+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/align-vertical-space-around-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".top-line", { y: 3 }, {
+			duration: .3,
+			ease: "easeOut"
+		}), d(".bottom-line", { y: -3 }, {
+			duration: .3,
+			ease: "easeOut"
+		}), d(".rectangle", { scale: .85 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".top-line", { y: 0 }, {
+			duration: .2,
+			ease: "easeInOut"
+		}), d(".bottom-line", { y: 0 }, {
+			duration: .2,
+			ease: "easeInOut"
+		}), d(".rectangle", { scale: 1 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(n.svg, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: o,
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${c}`,
+		children: [
+			/* @__PURE__ */ i(n.rect, {
+				className: "rectangle",
+				style: { transformOrigin: "12px 12px" },
+				width: "10",
+				height: "6",
+				x: "7",
+				y: "9",
+				rx: "2"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "bottom-line",
+				d: "M22 20H2"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "top-line",
+				d: "M22 4H2"
+			})
+		]
+	});
+});
+o.displayName = "AlignVerticalSpaceAroundIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=align-vertical-space-around-icon.js.map

package/dist/animations/align-vertical-space-around-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-vertical-space-around-icon.js","names":[],"sources":["../../src/animations/align-vertical-space-around-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst AlignVerticalSpaceAroundIcon = forwardRef<\n  AnimatedIconHandle,\n  AnimatedIconProps\n>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      animate(\".top-line\", { y: 3 }, { duration: 0.3, ease: \"easeOut\" });\n      animate(\".bottom-line\", { y: -3 }, { duration: 0.3, ease: \"easeOut\" });\n      animate(\n        \".rectangle\",\n        { scale: 0.85 },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n    };\n\n    const stop = () => {\n      animate(\".top-line\", { y: 0 }, { duration: 0.2, ease: \"easeInOut\" });\n      animate(\".bottom-line\", { y: 0 }, { duration: 0.2, ease: \"easeInOut\" });\n      animate(\".rectangle\", { scale: 1 }, { duration: 0.2, ease: \"easeInOut\" });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n      >\n        <motion.rect\n          className=\"rectangle\"\n          style={{ transformOrigin: \"12px 12px\" }}\n          width=\"10\"\n          height=\"6\"\n          x=\"7\"\n          y=\"9\"\n          rx=\"2\"\n        />\n        <motion.path className=\"bottom-line\" d=\"M22 20H2\" />\n        <motion.path className=\"top-line\" d=\"M22 4H2\" />\n      </motion.svg>\n    );\n  },\n);\n\nAlignVerticalSpaceAroundIcon.displayName = \"AlignVerticalSpaceAroundIcon\";\n\nexport default AlignVerticalSpaceAroundIcon;\n"],"mappings":";;;;AAIA,IAAM,IAA+B,GAKjC,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAGxB,AAFA,EAAQ,aAAa,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GACjE,EAAQ,gBAAgB,EAAE,GAAG,GAAG,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GACrE,EACE,cACA,EAAE,OAAO,IAAK,GACd;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC;CACF,GAEM,UAAa;EAGjB,AAFA,EAAQ,aAAa,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC,GACnE,EAAQ,gBAAgB,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC,GACtE,EAAQ,cAAc,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CAC1E;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA;GAeE,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY;IACtC,OAAM;IACN,QAAO;IACP,GAAE;IACF,GAAE;IACF,IAAG;GACJ,CAAA;GACD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAc,GAAE;GAAY,CAAA;GACnD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAW,GAAE;GAAW,CAAA;EACrC;;AAEhB,CACF;AAEA,EAA6B,cAAc"}

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

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

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

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

package/dist/animations/ambulance-icon.js

@@ -0,0 +1,82 @@
+import { forwardRef as e, useImperativeHandle as t, useRef 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/ambulance-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "" }, u) => {
+	let [d, f] = i(), p = n([]), m = async () => {
+		p.current.forEach((e) => e.stop()), p.current = [], p.current.push(f(".ambulance", { x: [
+			0,
+			1,
+			0,
+			-1
+		] }, {
+			duration: .6,
+			ease: "easeInOut",
+			repeat: Infinity
+		})), f(".plus", { scale: [
+			1,
+			1.3,
+			1
+		] }, {
+			duration: .6,
+			ease: "easeInOut"
+		});
+	}, h = () => {
+		p.current.forEach((e) => e.stop()), p.current = [], f(".ambulance", { x: 0 }, {
+			duration: .2,
+			ease: "easeInOut"
+		}), f(".plus", { scale: 1 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	};
+	return t(u, () => ({
+		startAnimation: m,
+		stopAnimation: h
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: d,
+		onHoverStart: () => {
+			m();
+		},
+		onHoverEnd: () => {
+			h();
+		},
+		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}`,
+		children: [/* @__PURE__ */ o(r.g, {
+			className: "ambulance",
+			children: [
+				/* @__PURE__ */ a("path", { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2" }),
+				/* @__PURE__ */ a("path", { d: "M19 18h2a1 1 0 0 0 1-1v-3.28a1 1 0 0 0-.684-.948l-1.923-.641a1 1 0 0 1-.578-.502l-1.539-3.076A1 1 0 0 0 16.382 8H14" }),
+				/* @__PURE__ */ a("path", { d: "M9 18h6" }),
+				/* @__PURE__ */ a("circle", {
+					cx: "17",
+					cy: "18",
+					r: "2"
+				}),
+				/* @__PURE__ */ a("circle", {
+					cx: "7",
+					cy: "18",
+					r: "2"
+				})
+			]
+		}), /* @__PURE__ */ o(r.g, {
+			className: "plus",
+			style: { transformOrigin: "8px 8px" },
+			children: [/* @__PURE__ */ a("path", { d: "M10 10H6" }), /* @__PURE__ */ a("path", { d: "M8 8v4" })]
+		})]
+	});
+});
+s.displayName = "AmbulanceIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=ambulance-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ambulance-icon.js","names":[],"sources":["../../src/animations/ambulance-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useRef } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst AmbulanceIcon = 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      animationControls.current.push(\n        animate(\n          \".ambulance\",\n          { x: [0, 1, 0, -1] },\n          { duration: 0.6, ease: \"easeInOut\", repeat: Infinity },\n        ),\n      );\n      animate(\n        \".plus\",\n        { scale: [1, 1.3, 1] },\n        { duration: 0.6, ease: \"easeInOut\" },\n      );\n    };\n\n    const stop = () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animate(\".ambulance\", { x: 0 }, { duration: 0.2, ease: \"easeInOut\" });\n      animate(\".plus\", { scale: 1 }, { duration: 0.2, ease: \"easeInOut\" });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n      >\n        <motion.g className=\"ambulance\">\n          <path d=\"M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2\" />\n          <path d=\"M19 18h2a1 1 0 0 0 1-1v-3.28a1 1 0 0 0-.684-.948l-1.923-.641a1 1 0 0 1-.578-.502l-1.539-3.076A1 1 0 0 0 16.382 8H14\" />\n          <path d=\"M9 18h6\" />\n          <circle cx=\"17\" cy=\"18\" r=\"2\" />\n          <circle cx=\"7\" cy=\"18\" r=\"2\" />\n        </motion.g>\n        <motion.g className=\"plus\" style={{ transformOrigin: \"8px 8px\" }}>\n          <path d=\"M10 10H6\" />\n          <path d=\"M8 8v4\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nAmbulanceIcon.displayName = \"AmbulanceIcon\";\n\nexport default AmbulanceIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAgB,GAElB,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAC9B,IAAoB,EAA0C,CAAC,CAAC,GAEhE,IAAQ,YAAY;EAWxB,AAVA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAkB,QAAQ,KACxB,EACE,cACA,EAAE,GAAG;GAAC;GAAG;GAAG;GAAG;EAAE,EAAE,GACnB;GAAE,UAAU;GAAK,MAAM;GAAa,QAAQ;EAAS,CACvD,CACF,GACA,EACE,SACA,EAAE,OAAO;GAAC;GAAG;GAAK;EAAC,EAAE,GACrB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC;CACF,GAEM,UAAa;EAKjB,AAJA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAQ,cAAc,EAAE,GAAG,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC,GACpE,EAAQ,SAAS,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACrE;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA,CAeE,kBAAC,EAAO,GAAR;GAAU,WAAU;GAApB,UAAA;IACE,kBAAC,QAAD,EAAM,GAAE,4DAA6D,CAAA;IACrE,kBAAC,QAAD,EAAM,GAAE,sHAAuH,CAAA;IAC/H,kBAAC,QAAD,EAAM,GAAE,UAAW,CAAA;IACnB,kBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAK,GAAE;IAAK,CAAA;IAC/B,kBAAC,UAAD;KAAQ,IAAG;KAAI,IAAG;KAAK,GAAE;IAAK,CAAA;GACtB;EACV,CAAA,GAAA,kBAAC,EAAO,GAAR;GAAU,WAAU;GAAO,OAAO,EAAE,iBAAiB,UAAU;GAA/D,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA,GACpB,kBAAC,QAAD,EAAM,GAAE,SAAU,CAAA,CACV;EACA,CAAA,CAAA;;AAEhB,CACF;AAEA,EAAc,cAAc"}

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

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

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

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

package/dist/animations/ampersand-icon.js

@@ -0,0 +1,40 @@
+import { forwardRef as e, useImperativeHandle as t } from "react";
+import { motion as n, useAnimate as r } from "motion/react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/animations/ampersand-icon.tsx
+var o = e(({ size: e = 40, className: o = "", color: s = "currentColor", strokeWidth: c = 2 }, l) => {
+	let [u, d] = r(), f = async () => {
+		d("path", { pathLength: [0, 1] }, { duration: .6 });
+	}, p = async () => {
+		d("path", { pathLength: 1 }, { duration: .3 });
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(n.svg, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: c,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		color: s,
+		className: `cursor-pointer ${o}`,
+		children: [/* @__PURE__ */ i("path", { d: "M16 12h3" }), /* @__PURE__ */ i("path", { d: "M17.5 12a8 8 0 0 1-8 8A4.5 4.5 0 0 1 5 15.5c0-6 8-4 8-8.5a3 3 0 1 0-6 0c0 3 2.5 8.5 12 13" })]
+	});
+});
+o.displayName = "AmpersandIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=ampersand-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ampersand-icon.js","names":[],"sources":["../../src/animations/ampersand-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst AmpersandIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 40, className = \"\", color = \"currentColor\", strokeWidth = 2 },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      animate(\"path\", { pathLength: [0, 1] }, { duration: 0.6 });\n    };\n\n    const stop = async () => {\n      animate(\"path\", { pathLength: 1 }, { duration: 0.3 });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        color={color}\n        className={`cursor-pointer ${className}`}\n      >\n        <path d=\"M16 12h3\" />\n        <path d=\"M17.5 12a8 8 0 0 1-8 8A4.5 4.5 0 0 1 5 15.5c0-6 8-4 8-8.5a3 3 0 1 0-6 0c0 3 2.5 8.5 12 13\" />\n      </motion.svg>\n    );\n  },\n);\n\nAmpersandIcon.displayName = \"AmpersandIcon\";\n\nexport default AmpersandIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAgB,GAElB,EAAE,UAAO,IAAI,eAAY,IAAI,WAAQ,gBAAgB,iBAAc,KACnE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EACxB,EAAQ,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CAC3D,GAEM,IAAO,YAAY;EACvB,EAAQ,QAAQ,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;CACtD;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAO;EACM;EACb,eAAc;EACd,gBAAe;EACR;EACP,WAAW,kBAAkB;EAd/B,UAAA,CAgBE,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA,GACpB,kBAAC,QAAD,EAAM,GAAE,4FAA6F,CAAA,CAC3F;;AAEhB,CACF;AAEA,EAAc,cAAc"}

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

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

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

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

package/dist/animations/angry-icon.js

@@ -0,0 +1,82 @@
+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/angry-icon.tsx
+var o = e(({ size: e = 24, color: o = "currentColor", strokeWidth: s = 2, className: c = "" }, l) => {
+	let [u, d] = r(), f = async () => {
+		d(".eyebrows", {
+			y: 1,
+			scaleY: 1.2
+		}, {
+			duration: .3,
+			ease: "easeOut"
+		}), d(".mouth", { scaleY: 1.2 }, {
+			duration: .3,
+			ease: "easeOut"
+		}), d(".eyes", { scale: .8 }, {
+			duration: .3,
+			ease: "easeOut"
+		});
+	}, p = () => {
+		d(".eyebrows", {
+			y: 0,
+			scaleY: 1
+		}, {
+			duration: .2,
+			ease: "easeInOut"
+		}), d(".mouth", { scaleY: 1 }, {
+			duration: .2,
+			ease: "easeInOut"
+		}), d(".eyes", { scale: 1 }, {
+			duration: .2,
+			ease: "easeInOut"
+		});
+	};
+	return t(l, () => ({
+		startAnimation: f,
+		stopAnimation: p
+	})), /* @__PURE__ */ a(n.svg, {
+		ref: u,
+		onHoverStart: () => {
+			f();
+		},
+		onHoverEnd: () => {
+			p();
+		},
+		xmlns: "http://www.w3.org/2000/svg",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: o,
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `cursor-pointer ${c}`,
+		children: [
+			/* @__PURE__ */ i("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ i(n.path, {
+				className: "mouth",
+				style: { transformOrigin: "12px 16px" },
+				d: "M16 16s-1.5-2-4-2-4 2-4 2"
+			}),
+			/* @__PURE__ */ a(n.g, {
+				className: "eyebrows",
+				children: [/* @__PURE__ */ i("path", { d: "M7.5 8 10 9" }), /* @__PURE__ */ i("path", { d: "m14 9 2.5-1" })]
+			}),
+			/* @__PURE__ */ a(n.g, {
+				className: "eyes",
+				children: [/* @__PURE__ */ i("path", { d: "M9 10h.01" }), /* @__PURE__ */ i("path", { d: "M15 10h.01" })]
+			})
+		]
+	});
+});
+o.displayName = "AngryIcon";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=angry-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"angry-icon.js","names":[],"sources":["../../src/animations/angry-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst AngryIcon = forwardRef<AnimatedIconHandle, AnimatedIconProps>(\n  (\n    { size = 24, color = \"currentColor\", strokeWidth = 2, className = \"\" },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = async () => {\n      animate(\n        \".eyebrows\",\n        { y: 1, scaleY: 1.2 },\n        { duration: 0.3, ease: \"easeOut\" },\n      );\n      animate(\".mouth\", { scaleY: 1.2 }, { duration: 0.3, ease: \"easeOut\" });\n      animate(\".eyes\", { scale: 0.8 }, { duration: 0.3, ease: \"easeOut\" });\n    };\n\n    const stop = () => {\n      animate(\n        \".eyebrows\",\n        { y: 0, scaleY: 1 },\n        { duration: 0.2, ease: \"easeInOut\" },\n      );\n      animate(\".mouth\", { scaleY: 1 }, { duration: 0.2, ease: \"easeInOut\" });\n      animate(\".eyes\", { scale: 1 }, { duration: 0.2, ease: \"easeInOut\" });\n    };\n\n    useImperativeHandle(ref, () => {\n      return {\n        startAnimation: start,\n        stopAnimation: stop,\n      };\n    });\n\n    const handleHoverStart = () => {\n      start();\n    };\n\n    const handleHoverEnd = () => {\n      stop();\n    };\n\n    return (\n      <motion.svg\n        ref={scope}\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={`cursor-pointer ${className}`}\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"10\" />\n        <motion.path\n          className=\"mouth\"\n          style={{ transformOrigin: \"12px 16px\" }}\n          d=\"M16 16s-1.5-2-4-2-4 2-4 2\"\n        />\n        <motion.g className=\"eyebrows\">\n          <path d=\"M7.5 8 10 9\" />\n          <path d=\"m14 9 2.5-1\" />\n        </motion.g>\n        <motion.g className=\"eyes\">\n          <path d=\"M9 10h.01\" />\n          <path d=\"M15 10h.01\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nAngryIcon.displayName = \"AngryIcon\";\n\nexport default AngryIcon;\n"],"mappings":";;;;AAIA,IAAM,IAAY,GAEd,EAAE,UAAO,IAAI,WAAQ,gBAAgB,iBAAc,GAAG,eAAY,MAClE,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,YAAY;EAOxB,AANA,EACE,aACA;GAAE,GAAG;GAAG,QAAQ;EAAI,GACpB;GAAE,UAAU;GAAK,MAAM;EAAU,CACnC,GACA,EAAQ,UAAU,EAAE,QAAQ,IAAI,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC,GACrE,EAAQ,SAAS,EAAE,OAAO,GAAI,GAAG;GAAE,UAAU;GAAK,MAAM;EAAU,CAAC;CACrE,GAEM,UAAa;EAOjB,AANA,EACE,aACA;GAAE,GAAG;GAAG,QAAQ;EAAE,GAClB;GAAE,UAAU;GAAK,MAAM;EAAY,CACrC,GACA,EAAQ,UAAU,EAAE,QAAQ,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC,GACrE,EAAQ,SAAS,EAAE,OAAO,EAAE,GAAG;GAAE,UAAU;GAAK,MAAM;EAAY,CAAC;CACrE;CAiBA,OAfA,EAAoB,UACX;EACL,gBAAgB;EAChB,eAAe;CACjB,EACD,GAWC,kBAAC,EAAO,KAAR;EACE,KAAK;EACL,oBAX2B;GAC7B,EAAM;EACR;EAUI,kBARyB;GAC3B,EAAK;EACP;EAOI,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,QAAQ;EACK;EACb,eAAc;EACd,gBAAe;EACf,WAAW,kBAAkB;EAb/B,UAAA;GAeE,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAM,CAAA;GAChC,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY;IACtC,GAAE;GACH,CAAA;GACD,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA,GACvB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA,CACf;;GACV,kBAAC,EAAO,GAAR;IAAU,WAAU;IAApB,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,GACrB,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA,CACd;;EACA;;AAEhB,CACF;AAEA,EAAU,cAAc"}

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

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

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

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