@epam/ai-dial-celebrations 1.2.0-dev.231 → 1.2.0-dev.232

package/flying-characters-Czuzwf8T.js

@@ -0,0 +1,40 @@
+import { memo as e, useSyncExternalStore as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/hooks/useReducedMotion.ts
+var r = "(prefers-reduced-motion: reduce)", i = (e) => {
+	let t = window.matchMedia?.(r);
+	return t?.addEventListener("change", e), () => t?.removeEventListener("change", e);
+}, a = () => window.matchMedia?.(r).matches ?? !1, o = () => t(i, a, () => !0), s = {
+	layer: "_layer_17k2o_20",
+	flight: "_flight_17k2o_29",
+	"character-flight": "_character-flight_17k2o_1",
+	facing: "_facing_17k2o_37"
+}, c = e(({ flights: e, Character: t }) => /* @__PURE__ */ n("div", {
+	className: s.layer,
+	"aria-hidden": "true",
+	children: e.map((e, r) => /* @__PURE__ */ n("span", {
+		style: e,
+		className: s.flight,
+		children: /* @__PURE__ */ n("span", {
+			className: s.facing,
+			children: /* @__PURE__ */ n(t, {})
+		})
+	}, r))
+})), l = ({ count: e, sizesPx: t, durationSeconds: n, staggerSeconds: r }) => Array.from({ length: e }, (i, a) => {
+	let o = a % 2 == 0, s = 12 + a * 17 % 62;
+	return {
+		"--flight-start-x": o ? "-22vw" : "115vw",
+		"--flight-end-x": o ? "115vw" : "-22vw",
+		"--flight-start-y": `${s}vh`,
+		"--flight-mid-y": `${Math.max(3, s - 18)}vh`,
+		"--flight-end-y": `${Math.min(84, s + 8)}vh`,
+		"--flight-rest-x": `${8 + a / e * 78}vw`,
+		"--flight-rest-y": `${s}vh`,
+		"--flight-facing": o ? 1 : -1,
+		"--flight-size": `${t[a % t.length]}px`,
+		"--flight-delay": `${(a * r).toFixed(2)}s`,
+		"--flight-duration": `${n}s`
+	};
+});
+//#endregion
+export { c as n, o as r, l as t };