nfx-ui 0.20.0 → 0.23.0

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

@@ -0,0 +1,13 @@
+import { AnimatedIconHandle, AnimatedIconProps, IconEasing } from './types';
+type CustomAnimation = {
+    rotateFrom: number;
+    rotateTo: number;
+    duration: number;
+    ease: IconEasing;
+    personDuration: number;
+    personEase: IconEasing;
+    exitDuration: number;
+};
+declare const AccessibilityIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & CustomAnimation & import('react').RefAttributes<AnimatedIconHandle>>;
+export default AccessibilityIcon;
+//# sourceMappingURL=accessibility-icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility-icon.d.ts","sourceRoot":"","sources":["../../src/animations/accessibility-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACX,MAAM,SAAS,CAAC;AAGjB,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,iBAAiB,oIA0FtB,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/dist/animations/accessibility-icon.js

@@ -0,0 +1,70 @@
+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/accessibility-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "", rotateFrom: u = 0, rotateTo: d = 360, duration: f = 1, ease: p = "easeInOut", personDuration: m = .6, personEase: h = "easeInOut", exitDuration: g = .3 }, _) => {
+	let [v, y] = i(), b = n([]), x = async () => {
+		b.current.forEach((e) => e.stop()), b.current = [], b.current.push(y(".wheel", { rotate: [u, d] }, {
+			duration: f,
+			ease: p,
+			repeat: Infinity
+		})), y(".person", { y: [
+			0,
+			-2,
+			0
+		] }, {
+			duration: m,
+			ease: h
+		});
+	}, S = () => {
+		b.current.forEach((e) => e.stop()), b.current = [], y(".wheel", { rotate: 0 }, { duration: g }), y(".person", { y: 0 }, { duration: g });
+	};
+	return t(_, () => ({
+		startAnimation: x,
+		stopAnimation: S
+	})), /* @__PURE__ */ o(r.svg, {
+		ref: v,
+		onHoverStart: () => {
+			x();
+		},
+		onHoverEnd: () => {
+			S();
+		},
+		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__ */ a(r.circle, {
+				className: "person",
+				cx: "16",
+				cy: "4",
+				r: "1"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "person",
+				d: "m18 19 1-7-6 1"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "person",
+				d: "m5 8 3-3 5.5 3-2.36 3.5"
+			}),
+			/* @__PURE__ */ o(r.g, {
+				className: "wheel",
+				style: { transformOrigin: "8.5px 17.5px" },
+				children: [/* @__PURE__ */ a("path", { d: "M4.24 14.5a5 5 0 0 0 6.88 6" }), /* @__PURE__ */ a("path", { d: "M13.76 17.5a5 5 0 0 0-6.88-6" })]
+			})
+		]
+	});
+});
+s.displayName = "AccessibilityIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=accessibility-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility-icon.js","names":[],"sources":["../../src/animations/accessibility-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 CustomAnimation = {\n  rotateFrom: number;\n  rotateTo: number;\n  duration: number;\n  ease: IconEasing;\n  personDuration: number;\n  personEase: IconEasing;\n  exitDuration: number;\n};\n\nconst AccessibilityIcon = forwardRef<\n  AnimatedIconHandle,\n  AnimatedIconProps & CustomAnimation\n>(\n  (\n    {\n      size = 24,\n      color = \"currentColor\",\n      strokeWidth = 2,\n      className = \"\",\n      rotateFrom = 0,\n      rotateTo = 360,\n      duration = 1,\n      ease = \"easeInOut\",\n      personDuration = 0.6,\n      personEase = \"easeInOut\",\n      exitDuration = 0.3,\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          \".wheel\",\n          { rotate: [rotateFrom, rotateTo] },\n          { duration: duration, ease: ease, repeat: Infinity },\n        ),\n      );\n      animate(\n        \".person\",\n        { y: [0, -2, 0] },\n        { duration: personDuration, ease: personEase },\n      );\n    };\n\n    const stop = () => {\n      animationControls.current.forEach((control) => control.stop());\n      animationControls.current = [];\n\n      animate(\".wheel\", { rotate: 0 }, { duration: exitDuration });\n      animate(\".person\", { y: 0 }, { duration: exitDuration });\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.circle className=\"person\" cx=\"16\" cy=\"4\" r=\"1\" />\n        <motion.path className=\"person\" d=\"m18 19 1-7-6 1\" />\n        <motion.path className=\"person\" d=\"m5 8 3-3 5.5 3-2.36 3.5\" />\n        <motion.g className=\"wheel\" style={{ transformOrigin: \"8.5px 17.5px\" }}>\n          <path d=\"M4.24 14.5a5 5 0 0 0 6.88 6\" />\n          <path d=\"M13.76 17.5a5 5 0 0 0-6.88-6\" />\n        </motion.g>\n      </motion.svg>\n    );\n  },\n);\n\nAccessibilityIcon.displayName = \"AccessibilityIcon\";\n\nexport default AccessibilityIcon;\n"],"mappings":";;;;AAkBA,IAAM,IAAoB,GAKtB,EACE,UAAO,IACP,WAAQ,gBACR,iBAAc,GACd,eAAY,IACZ,gBAAa,GACb,cAAW,KACX,cAAW,GACX,UAAO,aACP,oBAAiB,IACjB,gBAAa,aACb,kBAAe,MAEjB,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,UACA,EAAE,QAAQ,CAAC,GAAY,CAAQ,EAAE,GACjC;GAAY;GAAgB;GAAM,QAAQ;EAAS,CACrD,CACF,GACA,EACE,WACA,EAAE,GAAG;GAAC;GAAG;GAAI;EAAC,EAAE,GAChB;GAAE,UAAU;GAAgB,MAAM;EAAW,CAC/C;CACF,GAEM,UAAa;EAKjB,AAJA,EAAkB,QAAQ,SAAS,MAAY,EAAQ,KAAK,CAAC,GAC7D,EAAkB,UAAU,CAAC,GAE7B,EAAQ,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAa,CAAC,GAC3D,EAAQ,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,EAAa,CAAC;CACzD;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,EAAU;EAbzC,UAAA;GAeE,kBAAC,EAAO,QAAR;IAAe,WAAU;IAAS,IAAG;IAAK,IAAG;IAAI,GAAE;GAAK,CAAA;GACxD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAS,GAAE;GAAkB,CAAA;GACpD,kBAAC,EAAO,MAAR;IAAa,WAAU;IAAS,GAAE;GAA2B,CAAA;GAC7D,kBAAC,EAAO,GAAR;IAAU,WAAU;IAAQ,OAAO,EAAE,iBAAiB,eAAe;IAArE,UAAA,CACE,kBAAC,QAAD,EAAM,GAAE,8BAA+B,CAAA,GACvC,kBAAC,QAAD,EAAM,GAAE,+BAAgC,CAAA,CAChC;;EACA;;AAEhB,CACF;AAEA,EAAkB,cAAc"}

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

@@ -0,0 +1,9 @@
+import { AnimatedIconHandle, AnimatedIconProps } from './types';
+type CustomAnimation = {
+    airPlaneDuration: number;
+    windDuration: number;
+    exitDuration: number;
+};
+declare const AirplaneIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & CustomAnimation & import('react').RefAttributes<AnimatedIconHandle>>;
+export default AirplaneIcon;
+//# sourceMappingURL=airplane-icon.d.ts.map

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

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

package/dist/animations/airplane-icon.js

@@ -0,0 +1,99 @@
+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/airplane-icon.tsx
+var s = e(({ size: e = 24, color: s = "currentColor", strokeWidth: c = 2, className: l = "", airPlaneDuration: u = .3, windDuration: d = .8, exitDuration: f = .3 }, p) => {
+	let [m, h] = i(), g = t(async () => {
+		h(".airplane", {
+			x: [
+				0,
+				.5,
+				0
+			],
+			y: [
+				0,
+				-.5,
+				0
+			]
+		}, { duration: u }), h(".wind1", {
+			x: -12,
+			y: 24,
+			opacity: 1
+		}, {
+			duration: d,
+			ease: "easeOut"
+		}), h(".wind2", {
+			x: 0,
+			y: 26,
+			opacity: 1
+		}, {
+			duration: d,
+			ease: "easeOut",
+			delay: .2
+		});
+	}, [
+		h,
+		u,
+		d
+	]), _ = t(async () => {
+		h(".airplane", {
+			x: 0,
+			y: 0
+		}, { duration: f }), h(".wind1", {
+			opacity: 0,
+			x: 12,
+			y: -4
+		}, { duration: f }), h(".wind2", {
+			opacity: 0,
+			x: 26,
+			y: 8
+		}, { duration: f });
+	}, [h, f]);
+	return n(p, () => ({
+		startAnimation: g,
+		stopAnimation: _
+	}), [g, _]), /* @__PURE__ */ o(r.svg, {
+		ref: 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}`,
+		onHoverStart: g,
+		onHoverEnd: _,
+		children: [
+			/* @__PURE__ */ a(r.path, {
+				className: "airplane",
+				d: "M13.617 1.53c.926-.747 1.964-.793 3.097-.777.587.009.88.013 1.115.104.373.145.67.442.815.815.09.235.095.528.104 1.115.016 1.133-.03 2.17-.778 3.097-.63.78-1.714 1.188-2.235 2.05-.398.656-.213 1.337-.042 2.038l1.28 5.245c.255 1.046.06 1.715-.67 2.446-.39.39-.713.37-1.028-.133l-3.862-6.154-1.845 1.466c-.67.532-1.003.798-1.18 1.172-.41.876-.15 2.192-.136 3.142.008.525-.446 1.56-1.088 1.594-.396.022-.531-.452-.66-.743l-1.232-2.802c-.294-.67-.306-.682-.976-.976l-2.802-1.233c-.29-.128-.765-.263-.743-.66.035-.641 1.07-1.095 1.594-1.087.95.013 2.266.274 3.142-.137.374-.176.64-.51 1.172-1.18l1.466-1.844L1.97 4.226c-.503-.316-.522-.64-.133-1.028.73-.73 1.4-.925 2.446-.67l5.245 1.28c.7.17 1.382.356 2.039-.042.86-.52 1.269-1.604 2.049-2.235"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "wind1",
+				initial: {
+					opacity: 0,
+					x: 10,
+					y: -6
+				},
+				d: "m.5 3.5 3-3"
+			}),
+			/* @__PURE__ */ a(r.path, {
+				className: "wind2",
+				initial: {
+					opacity: 0,
+					x: 26,
+					y: 8
+				},
+				d: "m.5 3.5 3-3"
+			})
+		]
+	});
+});
+s.displayName = "AirplaneIcon";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=airplane-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"airplane-icon.js","names":[],"sources":["../../src/animations/airplane-icon.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\ntype CustomAnimation = {\n  airPlaneDuration: number;\n  windDuration: number;\n  exitDuration: number;\n};\n\nconst AirplaneIcon = forwardRef<\n  AnimatedIconHandle,\n  AnimatedIconProps & CustomAnimation\n>(\n  (\n    {\n      size = 24,\n      color = \"currentColor\",\n      strokeWidth = 2,\n      className = \"\",\n      airPlaneDuration = 0.3,\n      windDuration = 0.8,\n      exitDuration = 0.3,\n    },\n    ref,\n  ) => {\n    const [scope, animate] = useAnimate();\n\n    const start = useCallback(async () => {\n      // Subtle vibration for the plane\n      animate(\n        \".airplane\",\n        { x: [0, 0.5, 0], y: [0, -0.5, 0] },\n        { duration: airPlaneDuration },\n      );\n\n      // Streak 1: Upper Wing (Top-right streak)\n      animate(\n        \".wind1\",\n        {\n          x: -12,\n          y: 24,\n          opacity: 1,\n        },\n        { duration: windDuration, ease: \"easeOut\" },\n      );\n\n      // Streak 2: Lower Wing (Middle-left streak)\n      animate(\n        \".wind2\",\n        {\n          x: 0,\n          y: 26,\n          opacity: 1,\n        },\n        { duration: windDuration, ease: \"easeOut\", delay: 0.2 },\n      );\n    }, [animate, airPlaneDuration, windDuration]);\n\n    const stop = useCallback(async () => {\n      animate(\".airplane\", { x: 0, y: 0 }, { duration: exitDuration });\n      animate(\n        \".wind1\",\n        { opacity: 0, x: 12, y: -4 },\n        { duration: exitDuration },\n      );\n      animate(\n        \".wind2\",\n        { opacity: 0, x: 26, y: 8 },\n        { duration: exitDuration },\n      );\n    }, [animate, exitDuration]);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        startAnimation: start,\n        stopAnimation: stop,\n      }),\n      [start, 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        <motion.path\n          className=\"airplane\"\n          d=\"M13.617 1.53c.926-.747 1.964-.793 3.097-.777.587.009.88.013 1.115.104.373.145.67.442.815.815.09.235.095.528.104 1.115.016 1.133-.03 2.17-.778 3.097-.63.78-1.714 1.188-2.235 2.05-.398.656-.213 1.337-.042 2.038l1.28 5.245c.255 1.046.06 1.715-.67 2.446-.39.39-.713.37-1.028-.133l-3.862-6.154-1.845 1.466c-.67.532-1.003.798-1.18 1.172-.41.876-.15 2.192-.136 3.142.008.525-.446 1.56-1.088 1.594-.396.022-.531-.452-.66-.743l-1.232-2.802c-.294-.67-.306-.682-.976-.976l-2.802-1.233c-.29-.128-.765-.263-.743-.66.035-.641 1.07-1.095 1.594-1.087.95.013 2.266.274 3.142-.137.374-.176.64-.51 1.172-1.18l1.466-1.844L1.97 4.226c-.503-.316-.522-.64-.133-1.028.73-.73 1.4-.925 2.446-.67l5.245 1.28c.7.17 1.382.356 2.039-.042.86-.52 1.269-1.604 2.049-2.235\"\n        />\n\n        <motion.path\n          className=\"wind1\"\n          initial={{ opacity: 0, x: 10, y: -6 }}\n          d=\"m.5 3.5 3-3\"\n        ></motion.path>\n        <motion.path\n          className=\"wind2\"\n          initial={{ opacity: 0, x: 26, y: 8 }}\n          d=\"m.5 3.5 3-3\"\n        ></motion.path>\n      </motion.svg>\n    );\n  },\n);\n\nAirplaneIcon.displayName = \"AirplaneIcon\";\nexport default AirplaneIcon;\n"],"mappings":";;;;AAUA,IAAM,IAAe,GAKjB,EACE,UAAO,IACP,WAAQ,gBACR,iBAAc,GACd,eAAY,IACZ,sBAAmB,IACnB,kBAAe,IACf,kBAAe,MAEjB,MACG;CACH,IAAM,CAAC,GAAO,KAAW,EAAW,GAE9B,IAAQ,EAAY,YAAY;EAoBpC,AAlBA,EACE,aACA;GAAE,GAAG;IAAC;IAAG;IAAK;GAAC;GAAG,GAAG;IAAC;IAAG;IAAM;GAAC;EAAE,GAClC,EAAE,UAAU,EAAiB,CAC/B,GAGA,EACE,UACA;GACE,GAAG;GACH,GAAG;GACH,SAAS;EACX,GACA;GAAE,UAAU;GAAc,MAAM;EAAU,CAC5C,GAGA,EACE,UACA;GACE,GAAG;GACH,GAAG;GACH,SAAS;EACX,GACA;GAAE,UAAU;GAAc,MAAM;GAAW,OAAO;EAAI,CACxD;CACF,GAAG;EAAC;EAAS;EAAkB;CAAY,CAAC,GAEtC,IAAO,EAAY,YAAY;EAOnC,AANA,EAAQ,aAAa;GAAE,GAAG;GAAG,GAAG;EAAE,GAAG,EAAE,UAAU,EAAa,CAAC,GAC/D,EACE,UACA;GAAE,SAAS;GAAG,GAAG;GAAI,GAAG;EAAG,GAC3B,EAAE,UAAU,EAAa,CAC3B,GACA,EACE,UACA;GAAE,SAAS;GAAG,GAAG;GAAI,GAAG;EAAE,GAC1B,EAAE,UAAU,EAAa,CAC3B;CACF,GAAG,CAAC,GAAS,CAAY,CAAC;CAW1B,OATA,EACE,UACO;EACL,gBAAgB;EAChB,eAAe;CACjB,IACA,CAAC,GAAO,CAAI,CACd,GAGE,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,EAAO,MAAR;IACE,WAAU;IACV,GAAE;GACH,CAAA;GAED,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,SAAS;KAAE,SAAS;KAAG,GAAG;KAAI,GAAG;IAAG;IACpC,GAAE;GACU,CAAA;GACd,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,SAAS;KAAE,SAAS;KAAG,GAAG;KAAI,GAAG;IAAE;IACnC,GAAE;GACU,CAAA;EACJ;;AAEhB,CACF;AAEA,EAAa,cAAc"}

package/dist/animations/alarm-clock-plus-icon.d.ts

@@ -0,0 +1,11 @@
+import { AnimatedIconHandle, AnimatedIconProps, IconEasing } from './types';
+type CustomStyleProps = {
+    stiffness?: number;
+    damping?: number;
+    durationY?: number;
+    durationX?: number;
+    ease?: IconEasing;
+};
+declare const AlarmClockPlusIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & CustomStyleProps & import('react').RefAttributes<AnimatedIconHandle>>;
+export default AlarmClockPlusIcon;
+//# sourceMappingURL=alarm-clock-plus-icon.d.ts.map

package/dist/animations/alarm-clock-plus-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alarm-clock-plus-icon.d.ts","sourceRoot":"","sources":["../../src/animations/alarm-clock-plus-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACX,MAAM,SAAS,CAAC;AAGjB,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,kBAAkB,qIAsIvB,CAAC;AAIF,eAAe,kBAAkB,CAAC"}

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"}